@salutejs/plasma-web 1.619.0-next-sbcom.0 → 1.619.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 (84) hide show
  1. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -64
  2. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/dist/css/cjs/components/Combobox/Combobox.css +0 -6
  4. package/dist/css/cjs/components/Combobox/Combobox.js +1 -7
  5. package/dist/css/cjs/components/Combobox/Combobox.js.map +1 -1
  6. package/dist/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
  7. package/dist/css/cjs/index.css +0 -12
  8. package/dist/css/cjs/index.js +7 -23
  9. package/dist/css/cjs/index.js.map +1 -1
  10. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +1 -60
  11. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  12. package/dist/css/es/components/Combobox/Combobox.css +0 -6
  13. package/dist/css/es/components/Combobox/Combobox.js +1 -7
  14. package/dist/css/es/components/Combobox/Combobox.js.map +1 -1
  15. package/dist/css/es/components/Dropdown/Dropdown.js.map +1 -1
  16. package/dist/css/es/index.css +0 -12
  17. package/dist/css/es/index.js +1 -5
  18. package/dist/css/es/index.js.map +1 -1
  19. package/dist/styled-components/cjs/components/Combobox/Combobox.js +1 -7
  20. package/dist/styled-components/cjs/components/Combobox/index.js +3 -24
  21. package/dist/styled-components/cjs/components/Dropdown/index.js +3 -24
  22. package/dist/styled-components/es/components/Combobox/Combobox.js +1 -7
  23. package/dist/styled-components/es/components/Combobox/index.js +0 -1
  24. package/dist/styled-components/es/components/Dropdown/index.js +0 -5
  25. package/package.json +9 -9
  26. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  27. package/types/components/Combobox/Combobox.d.ts +2 -7
  28. package/types/components/Combobox/index.d.ts +1 -2
  29. package/types/components/Dropdown/Dropdown.d.ts +36 -43
  30. package/types/components/Dropdown/index.d.ts +0 -5
  31. package/types/components/Select/Select.d.ts +64 -80
  32. package/dist/css/cjs/components/Combobox/Legacy/Combobox.config.js +0 -25
  33. package/dist/css/cjs/components/Combobox/Legacy/Combobox.config.js.map +0 -1
  34. package/dist/css/cjs/components/Combobox/Legacy/Combobox.config_g6rh1c.css +0 -5
  35. package/dist/css/cjs/components/Combobox/Legacy/Combobox.css +0 -5
  36. package/dist/css/cjs/components/Combobox/Legacy/Combobox.js +0 -27
  37. package/dist/css/cjs/components/Combobox/Legacy/Combobox.js.map +0 -1
  38. package/dist/css/cjs/components/Dropdown/components/DropdownItem.js +0 -71
  39. package/dist/css/cjs/components/Dropdown/components/DropdownItem.js.map +0 -1
  40. package/dist/css/cjs/components/Dropdown/components/DropdownList.js +0 -16
  41. package/dist/css/cjs/components/Dropdown/components/DropdownList.js.map +0 -1
  42. package/dist/css/cjs/components/Dropdown/components/DropdownOld.config.js +0 -25
  43. package/dist/css/cjs/components/Dropdown/components/DropdownOld.config.js.map +0 -1
  44. package/dist/css/cjs/components/Dropdown/components/DropdownOld.config_1sm61um.css +0 -5
  45. package/dist/css/cjs/components/Dropdown/components/DropdownPopup.css +0 -5
  46. package/dist/css/cjs/components/Dropdown/components/DropdownPopup.js +0 -41
  47. package/dist/css/cjs/components/Dropdown/components/DropdownPopup.js.map +0 -1
  48. package/dist/css/es/components/Combobox/Legacy/Combobox.config.js +0 -21
  49. package/dist/css/es/components/Combobox/Legacy/Combobox.config.js.map +0 -1
  50. package/dist/css/es/components/Combobox/Legacy/Combobox.config_g6rh1c.css +0 -5
  51. package/dist/css/es/components/Combobox/Legacy/Combobox.css +0 -5
  52. package/dist/css/es/components/Combobox/Legacy/Combobox.js +0 -18
  53. package/dist/css/es/components/Combobox/Legacy/Combobox.js.map +0 -1
  54. package/dist/css/es/components/Dropdown/components/DropdownItem.js +0 -61
  55. package/dist/css/es/components/Dropdown/components/DropdownItem.js.map +0 -1
  56. package/dist/css/es/components/Dropdown/components/DropdownList.js +0 -8
  57. package/dist/css/es/components/Dropdown/components/DropdownList.js.map +0 -1
  58. package/dist/css/es/components/Dropdown/components/DropdownOld.config.js +0 -21
  59. package/dist/css/es/components/Dropdown/components/DropdownOld.config.js.map +0 -1
  60. package/dist/css/es/components/Dropdown/components/DropdownOld.config_1sm61um.css +0 -5
  61. package/dist/css/es/components/Dropdown/components/DropdownPopup.css +0 -5
  62. package/dist/css/es/components/Dropdown/components/DropdownPopup.js +0 -33
  63. package/dist/css/es/components/Dropdown/components/DropdownPopup.js.map +0 -1
  64. package/dist/styled-components/cjs/components/Combobox/Legacy/Combobox.config.js +0 -359
  65. package/dist/styled-components/cjs/components/Combobox/Legacy/Combobox.js +0 -44
  66. package/dist/styled-components/cjs/components/Combobox/Legacy/index.js +0 -31
  67. package/dist/styled-components/cjs/components/Dropdown/components/DropdownItem.js +0 -214
  68. package/dist/styled-components/cjs/components/Dropdown/components/DropdownList.js +0 -22
  69. package/dist/styled-components/cjs/components/Dropdown/components/DropdownOld.config.js +0 -147
  70. package/dist/styled-components/cjs/components/Dropdown/components/DropdownPopup.js +0 -170
  71. package/dist/styled-components/es/components/Combobox/Legacy/Combobox.config.js +0 -349
  72. package/dist/styled-components/es/components/Combobox/Legacy/Combobox.js +0 -14
  73. package/dist/styled-components/es/components/Combobox/Legacy/index.js +0 -1
  74. package/dist/styled-components/es/components/Dropdown/components/DropdownItem.js +0 -150
  75. package/dist/styled-components/es/components/Dropdown/components/DropdownList.js +0 -7
  76. package/dist/styled-components/es/components/Dropdown/components/DropdownOld.config.js +0 -137
  77. package/dist/styled-components/es/components/Dropdown/components/DropdownPopup.js +0 -119
  78. package/types/components/Combobox/Legacy/Combobox.config.d.ts +0 -17
  79. package/types/components/Combobox/Legacy/Combobox.d.ts +0 -60
  80. package/types/components/Combobox/Legacy/index.d.ts +0 -1
  81. package/types/components/Dropdown/components/DropdownItem.d.ts +0 -20
  82. package/types/components/Dropdown/components/DropdownList.d.ts +0 -1
  83. package/types/components/Dropdown/components/DropdownOld.config.d.ts +0 -17
  84. package/types/components/Dropdown/components/DropdownPopup.d.ts +0 -3
@@ -1,349 +0,0 @@
1
- function _tagged_template_literal(strings, raw) {
2
- if (!raw) {
3
- raw = strings.slice(0);
4
- }
5
- return Object.freeze(Object.defineProperties(strings, {
6
- raw: {
7
- value: Object.freeze(raw)
8
- }
9
- }));
10
- }
11
- function _templateObject() {
12
- var data = _tagged_template_literal([
13
- "\n ",
14
- ": 100%;\n ",
15
- ": auto;\n ",
16
- ": 0.5rem;\n ",
17
- ": 0.125rem;\n ",
18
- ": 0.125rem;\n ",
19
- ": 0.125rem;\n ",
20
- ": 0.125rem;\n\n ",
21
- ": var(--surface-transparent-tertiary);\n ",
22
- ": 0.063rem;\n ",
23
- ": 0;\n ",
24
- ": 0.5rem;\n ",
25
- ": 0;\n ",
26
- ": 0.375rem;\n\n ",
27
- ": auto;\n ",
28
- ": 1rem;\n ",
29
- ": 0.5rem;\n ",
30
- ": 0.5rem;\n ",
31
- ": 0.5rem;\n ",
32
- ": 0.375rem;\n ",
33
- ": 0.375rem;\n ",
34
- ": 1.25rem;\n ",
35
- ": var(--plasma-typo-body-xs-font-family);\n ",
36
- ": var(--plasma-typo-body-xs-font-size);\n ",
37
- ": var(--plasma-typo-body-xs-font-style);\n ",
38
- ": var(--plasma-typo-body-xs-font-weight);\n ",
39
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
40
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
41
- ": 0.25rem;\n ",
42
- ": 0.125rem;\n ",
43
- ": auto;\n ",
44
- ": 1.25rem;\n ",
45
- ": 0 0.375rem 0 0.625rem;\n ",
46
- ": 0.25rem;\n ",
47
- ": 0rem;\n ",
48
- ": 0.75rem;\n ",
49
- ": var(--plasma-typo-body-xs-font-family);\n ",
50
- ": var(--plasma-typo-body-xs-font-size);\n ",
51
- ": var(--plasma-typo-body-xs-font-style);\n ",
52
- ": var(--plasma-typo-body-xs-font-weight);\n ",
53
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
54
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
55
- ": 0.5rem;\n ",
56
- ": 2rem;\n ",
57
- ": 100%;\n ",
58
- ": 0.5rem;\n ",
59
- ": 0 2.5rem 0 0.75rem;\n ",
60
- ": 0 2.625rem 0 0.375rem;\n ",
61
- ": 0 2.625rem 0 0.625rem;\n ",
62
- ": 0.5rem;\n ",
63
- ": 0.375rem;\n ",
64
- ": var(--plasma-typo-body-xs-font-family);\n ",
65
- ": var(--plasma-typo-body-xs-font-size);\n ",
66
- ": var(--plasma-typo-body-xs-font-style);\n ",
67
- ": var(--plasma-typo-body-xs-font-weight);\n ",
68
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
69
- ": var(--plasma-typo-body-xs-line-height);\n ",
70
- ": var(--plasma-typo-body-xs-font-family);\n ",
71
- ": var(--plasma-typo-body-xs-font-size);\n ",
72
- ": var(--plasma-typo-body-xs-font-style);\n ",
73
- ": var(--plasma-typo-body-xs-font-weight);\n ",
74
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
75
- ": var(--plasma-typo-body-xs-line-height);\n "
76
- ]);
77
- _templateObject = function _templateObject() {
78
- return data;
79
- };
80
- return data;
81
- }
82
- function _templateObject1() {
83
- var data = _tagged_template_literal([
84
- "\n ",
85
- ": 100%;\n ",
86
- ": auto;\n ",
87
- ": 0.625rem;\n ",
88
- ": 0.125rem;\n ",
89
- ": 0.125rem;\n ",
90
- ": 0.125rem;\n ",
91
- ": 0.125rem;\n\n ",
92
- ": var(--surface-transparent-tertiary);\n ",
93
- ": 0.063rem;\n ",
94
- ": 0;\n ",
95
- ": 0.75rem;\n ",
96
- ": 0;\n ",
97
- ": 0.75rem;\n\n ",
98
- ": auto;\n ",
99
- ": 1.5rem;\n ",
100
- ": 0.5rem;\n ",
101
- ": 0.75rem;\n ",
102
- ": 0.5rem;\n ",
103
- ": 0.75rem;\n ",
104
- ": 0.5rem;\n ",
105
- ": 1.75rem;\n ",
106
- ": var(--plasma-typo-body-s-font-family);\n ",
107
- ": var(--plasma-typo-body-s-font-size);\n ",
108
- ": var(--plasma-typo-body-s-font-style);\n ",
109
- ": var(--plasma-typo-body-s-font-weight);\n ",
110
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
111
- ": var(--plasma-typo-body-s-line-height);\n\n ",
112
- ": 0.25rem;\n ",
113
- ": 0.25rem;\n ",
114
- ": auto;\n ",
115
- ": 1.75rem;\n ",
116
- ": 0 0.5rem 0 0.75rem;\n ",
117
- ": 0.375rem;\n ",
118
- ": 0rem;\n ",
119
- ": 0.75rem;\n ",
120
- ": var(--plasma-typo-body-s-font-family);\n ",
121
- ": var(--plasma-typo-body-s-font-size);\n ",
122
- ": var(--plasma-typo-body-s-font-style);\n ",
123
- ": var(--plasma-typo-body-s-font-weight);\n ",
124
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
125
- ": var(--plasma-typo-body-s-line-height);\n\n ",
126
- ": 0.75rem;\n ",
127
- ": 2.5rem;\n ",
128
- ": 100%;\n ",
129
- ": 0.625rem;\n ",
130
- ": 0 3rem 0 1rem;\n ",
131
- ": 0 3.125rem 0 0.375rem;\n ",
132
- ": 0 3.125rem 0 0.625rem;\n ",
133
- ": 0.5rem;\n ",
134
- ": 0.375rem;\n ",
135
- ": var(--plasma-typo-body-s-font-family);\n ",
136
- ": var(--plasma-typo-body-s-font-size);\n ",
137
- ": var(--plasma-typo-body-s-font-style);\n ",
138
- ": var(--plasma-typo-body-s-font-weight);\n ",
139
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
140
- ": var(--plasma-typo-body-s-line-height);\n ",
141
- ": var(--plasma-typo-body-xxs-font-family);\n ",
142
- ": var(--plasma-typo-body-xxs-font-size);\n ",
143
- ": var(--plasma-typo-body-xxs-font-style);\n ",
144
- ": var(--plasma-typo-body-xxs-font-weight);\n ",
145
- ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
146
- ": var(--plasma-typo-body-xxs-line-height);\n "
147
- ]);
148
- _templateObject1 = function _templateObject() {
149
- return data;
150
- };
151
- return data;
152
- }
153
- function _templateObject2() {
154
- var data = _tagged_template_literal([
155
- "\n ",
156
- ": 100%;\n ",
157
- ": auto;\n ",
158
- ": 0.75rem;\n ",
159
- ": 0.125rem;\n ",
160
- ": 0.125rem;\n ",
161
- ": 0.125rem;\n ",
162
- ": 0.125rem;\n\n ",
163
- ": var(--surface-transparent-tertiary);\n ",
164
- ": 0.063rem;\n ",
165
- ": 0;\n ",
166
- ": 0.875rem;\n ",
167
- ": 0;\n ",
168
- ": 0.875rem;\n\n ",
169
- ": auto;\n ",
170
- ": 1.5rem;\n ",
171
- ": 0.75rem;\n ",
172
- ": 0.875rem;\n ",
173
- ": 0.75rem;\n ",
174
- ": 0.875rem;\n ",
175
- ": 0.625rem;\n ",
176
- ": 1.75rem;\n ",
177
- ": var(--plasma-typo-body-m-font-family);\n ",
178
- ": var(--plasma-typo-body-m-font-size);\n ",
179
- ": var(--plasma-typo-body-m-font-style);\n ",
180
- ": var(--plasma-typo-body-m-font-weight);\n ",
181
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
182
- ": var(--plasma-typo-body-m-line-height);\n\n ",
183
- ": 0.25rem;\n ",
184
- ": 0.375rem;\n ",
185
- ": auto;\n ",
186
- ": 2.25rem;\n ",
187
- ": 0 0.875rem 0 0.625rem;\n ",
188
- ": 0.5rem;\n ",
189
- ": 0rem;\n ",
190
- ": 1rem;\n ",
191
- ": var(--plasma-typo-body-m-font-family);\n ",
192
- ": var(--plasma-typo-body-m-font-size);\n ",
193
- ": var(--plasma-typo-body-m-font-style);\n ",
194
- ": var(--plasma-typo-body-m-font-weight);\n ",
195
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
196
- ": var(--plasma-typo-body-m-line-height);\n\n ",
197
- ": 0.875rem;\n ",
198
- ": 3rem;\n ",
199
- ": 100%;\n ",
200
- ": 0.75rem;\n ",
201
- ": 0 3.25rem 0 1.25rem;\n ",
202
- ": 0 3.375rem 0 0.375rem;\n ",
203
- ": 0 3.375rem 0 0.625rem;\n ",
204
- ": 0.5rem;\n ",
205
- ": 0.375rem;\n ",
206
- ": var(--plasma-typo-body-m-font-family);\n ",
207
- ": var(--plasma-typo-body-m-font-size);\n ",
208
- ": var(--plasma-typo-body-m-font-style);\n ",
209
- ": var(--plasma-typo-body-m-font-weight);\n ",
210
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
211
- ": var(--plasma-typo-body-m-line-height);\n ",
212
- ": var(--plasma-typo-body-xs-font-family);\n ",
213
- ": var(--plasma-typo-body-xs-font-size);\n ",
214
- ": var(--plasma-typo-body-xs-font-style);\n ",
215
- ": var(--plasma-typo-body-xs-font-weight);\n ",
216
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
217
- ": var(--plasma-typo-body-xs-line-height);\n "
218
- ]);
219
- _templateObject2 = function _templateObject() {
220
- return data;
221
- };
222
- return data;
223
- }
224
- function _templateObject3() {
225
- var data = _tagged_template_literal([
226
- "\n ",
227
- ": 100%;\n ",
228
- ": auto;\n ",
229
- ": 0.875rem;\n ",
230
- ": 0.125rem;\n ",
231
- ": 0.125rem;\n ",
232
- ": 0.125rem;\n ",
233
- ": 0.125rem;\n\n ",
234
- ": var(--surface-transparent-tertiary);\n ",
235
- ": 0.063rem;\n ",
236
- ": 0;\n ",
237
- ": 1rem;\n ",
238
- ": 0;\n ",
239
- ": 1rem;\n\n ",
240
- ": auto;\n ",
241
- ": 1.5rem;\n ",
242
- ": 1rem;\n ",
243
- ": 1rem;\n ",
244
- ": 1rem;\n ",
245
- ": 1rem;\n ",
246
- ": 0.75rem;\n ",
247
- ": 1.875rem;\n ",
248
- ": var(--plasma-typo-body-l-font-family);\n ",
249
- ": var(--plasma-typo-body-l-font-size);\n ",
250
- ": var(--plasma-typo-body-l-font-style);\n ",
251
- ": var(--plasma-typo-body-l-font-weight);\n ",
252
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
253
- ": var(--plasma-typo-body-l-line-height);\n\n ",
254
- ": 0.25rem;\n ",
255
- ": 0.5rem;\n ",
256
- ": auto;\n ",
257
- ": 2.75rem;\n ",
258
- ": 0 0.75rem 0 1rem;\n ",
259
- ": 0.625rem;\n ",
260
- ": 0rem;\n ",
261
- ": 1rem;\n ",
262
- ": var(--plasma-typo-body-m-font-family);\n ",
263
- ": var(--plasma-typo-body-m-font-size);\n ",
264
- ": var(--plasma-typo-body-m-font-style);\n ",
265
- ": var(--plasma-typo-body-m-font-weight);\n ",
266
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
267
- ": var(--plasma-typo-body-m-line-height);\n\n ",
268
- ": 1rem;\n ",
269
- ": 3.5rem;\n ",
270
- ": 100%;\n ",
271
- ": 0.875rem;\n ",
272
- ": 0 3.5rem 0 1.5rem;\n ",
273
- ": 0 3.625rem 0 0.375rem;\n ",
274
- ": 0 3.625rem 0 0.625rem;\n ",
275
- ": 0.5rem;\n ",
276
- ": 0.375rem;\n ",
277
- ": var(--plasma-typo-body-l-font-family);\n ",
278
- ": var(--plasma-typo-body-l-font-size);\n ",
279
- ": var(--plasma-typo-body-l-font-style);\n ",
280
- ": var(--plasma-typo-body-l-font-weight);\n ",
281
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
282
- ": var(--plasma-typo-body-l-line-height);\n ",
283
- ": var(--plasma-typo-body-s-font-family);\n ",
284
- ": var(--plasma-typo-body-s-font-size);\n ",
285
- ": var(--plasma-typo-body-s-font-style);\n ",
286
- ": var(--plasma-typo-body-s-font-weight);\n ",
287
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
288
- ": var(--plasma-typo-body-s-line-height);\n "
289
- ]);
290
- _templateObject3 = function _templateObject() {
291
- return data;
292
- };
293
- return data;
294
- }
295
- function _templateObject4() {
296
- var data = _tagged_template_literal([
297
- "\n ",
298
- ": var(--text-primary);\n ",
299
- ": var(--text-secondary);\n ",
300
- ": var(--text-secondary);\n ",
301
- ": var(--text-tertiary);\n ",
302
- ": var(--text-tertiary-hover);\n ",
303
- ": var(--text-tertiary-active);\n ",
304
- ": var(--text-accent);\n\n ",
305
- ": var(--surface-solid-card-brightness);\n ",
306
- ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04); /* TODO: Забирать из токена --shadow-down-soft-s */\n\n ",
307
- ": transparent;\n ",
308
- ": var(--surface-transparent-secondary);\n ",
309
- ": var(--surface-transparent-secondary);\n ",
310
- ": var(--text-primary);\n ",
311
- ": var(--text-accent);\n\n ",
312
- ": var(--text-secondary);\n ",
313
- ": var(--text-primary);\n ",
314
- ": var(--surface-transparent-secondary);\n ",
315
- ": var(--text-primary);\n ",
316
- ": var(--surface-transparent-secondary-hover);\n ",
317
- ": var(--text-primary);\n ",
318
- ": var(--surface-transparent-secondary-active);\n ",
319
- ": var(--surface-transparent-secondary);\n ",
320
- ": var(--text-primary);\n ",
321
- ": var(--surface-transparent-secondary);\n ",
322
- ": var(--text-primary);\n ",
323
- ": 0.72;\n\n ",
324
- ": 0.4;\n ",
325
- ": var(--surface-accent);\n "
326
- ]);
327
- _templateObject4 = function _templateObject() {
328
- return data;
329
- };
330
- return data;
331
- }
332
- import { css, comboboxOldTokens as comboboxTokens } from '@salutejs/plasma-new-hope/styled-components';
333
- export var config = {
334
- defaults: {
335
- view: 'default',
336
- size: 'm'
337
- },
338
- variations: {
339
- size: {
340
- xs: css(_templateObject(), comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPadding, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight),
341
- s: css(_templateObject1(), comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPadding, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight),
342
- m: css(_templateObject2(), comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPadding, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight),
343
- l: css(_templateObject3(), comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPadding, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight)
344
- },
345
- view: {
346
- default: css(_templateObject4(), comboboxTokens.targetColor, comboboxTokens.targetLabelColor, comboboxTokens.targetArrowColor, comboboxTokens.targetBorderColor, comboboxTokens.targetBorderColorHover, comboboxTokens.targetBorderColorActive, comboboxTokens.targetBorderColorOpen, comboboxTokens.background, comboboxTokens.boxShadow, comboboxTokens.itemBackground, comboboxTokens.itemBackgroundHover, comboboxTokens.itemBackgroundSelectedHover, comboboxTokens.itemColor, comboboxTokens.itemContentLeftColor, comboboxTokens.chipCloseIconColor, comboboxTokens.chipColor, comboboxTokens.chipBackground, comboboxTokens.chipColorHover, comboboxTokens.chipBackgroundHover, comboboxTokens.chipColorActive, comboboxTokens.chipBackgroundActive, comboboxTokens.chipBackgroundReadOnly, comboboxTokens.chipColorReadOnly, comboboxTokens.chipBackgroundReadOnlyHover, comboboxTokens.chipColorReadOnlyHover, comboboxTokens.chipOpacityReadonly, comboboxTokens.disabledOpacity, comboboxTokens.focusColor)
347
- }
348
- }
349
- };
@@ -1,14 +0,0 @@
1
- import { comboboxOldConfig, comboboxItemConfig, comboboxDividerConfig, comboboxFooterConfig, comboboxGroupConfig, comboboxHeaderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
- import { config } from './Combobox.config';
3
- var mergedConfig = mergeConfig(comboboxOldConfig, config);
4
- export var Combobox = component(mergedConfig);
5
- var mergedItemConfig = mergeConfig(comboboxItemConfig);
6
- export var ComboboxItem = component(mergedItemConfig);
7
- var mergedDividerConfig = mergeConfig(comboboxDividerConfig);
8
- export var ComboboxDivider = component(mergedDividerConfig);
9
- var mergedFooterConfig = mergeConfig(comboboxFooterConfig);
10
- export var ComboboxFooter = component(mergedFooterConfig);
11
- var mergedGroupConfig = mergeConfig(comboboxGroupConfig);
12
- export var ComboboxGroup = component(mergedGroupConfig);
13
- var mergedHeaderConfig = mergeConfig(comboboxHeaderConfig);
14
- export var ComboboxHeader = component(mergedHeaderConfig);
@@ -1 +0,0 @@
1
- export { Combobox, ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Combobox';
@@ -1,150 +0,0 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function ownKeys(object, enumerableOnly) {
30
- var keys = Object.keys(object);
31
- if (Object.getOwnPropertySymbols) {
32
- var symbols = Object.getOwnPropertySymbols(object);
33
- if (enumerableOnly) {
34
- symbols = symbols.filter(function(sym) {
35
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
- });
37
- }
38
- keys.push.apply(keys, symbols);
39
- }
40
- return keys;
41
- }
42
- function _object_spread_props(target, source) {
43
- source = source != null ? source : {};
44
- if (Object.getOwnPropertyDescriptors) {
45
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
- } else {
47
- ownKeys(Object(source)).forEach(function(key) {
48
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
- });
50
- }
51
- return target;
52
- }
53
- function _object_without_properties(source, excluded) {
54
- if (source == null) return {};
55
- var target = {}, sourceKeys, key, i;
56
- if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
57
- sourceKeys = Reflect.ownKeys(source);
58
- for(i = 0; i < sourceKeys.length; i++){
59
- key = sourceKeys[i];
60
- if (excluded.indexOf(key) >= 0) continue;
61
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
62
- target[key] = source[key];
63
- }
64
- return target;
65
- }
66
- target = _object_without_properties_loose(source, excluded);
67
- if (Object.getOwnPropertySymbols) {
68
- sourceKeys = Object.getOwnPropertySymbols(source);
69
- for(i = 0; i < sourceKeys.length; i++){
70
- key = sourceKeys[i];
71
- if (excluded.indexOf(key) >= 0) continue;
72
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
73
- target[key] = source[key];
74
- }
75
- }
76
- return target;
77
- }
78
- function _object_without_properties_loose(source, excluded) {
79
- if (source == null) return {};
80
- var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
81
- for(i = 0; i < sourceKeys.length; i++){
82
- key = sourceKeys[i];
83
- if (excluded.indexOf(key) >= 0) continue;
84
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
85
- target[key] = source[key];
86
- }
87
- return target;
88
- }
89
- import React, { forwardRef } from 'react';
90
- import { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
91
- import styled from 'styled-components';
92
- import { IconDone } from '@salutejs/plasma-icons';
93
- import { accent } from '@salutejs/plasma-core';
94
- var mergedItemConfig = mergeConfig(dropdownItemOldConfig);
95
- export var DropdownNewHopeItem = component(mergedItemConfig);
96
- var StyledCheck = styled(IconDone).withConfig({
97
- displayName: "DropdownItem__StyledCheck",
98
- componentId: "sc-dab289d0-0"
99
- })([
100
- "margin-left:auto;pointer-events:none;margin-right:-0.5rem;"
101
- ]);
102
- export var DropdownItem = /*#__PURE__*/ forwardRef(function(props, ref) {
103
- var value = props.value, label = props.label, color = props.color, contentLeft = props.contentLeft, isActive = props.isActive, isHovered = props.isHovered, index = props.index, onClick = props.onClick, onHover = props.onHover, onFocus = props.onFocus, items = props.items, isDisabled = props.isDisabled, style = props.style, rest = _object_without_properties(props, [
104
- "value",
105
- "label",
106
- "color",
107
- "contentLeft",
108
- "isActive",
109
- "isHovered",
110
- "index",
111
- "onClick",
112
- "onHover",
113
- "onFocus",
114
- "items",
115
- "isDisabled",
116
- "style"
117
- ]);
118
- var handleClick = function handleClick(e) {
119
- if (onClick) {
120
- onClick({
121
- value: value,
122
- label: label,
123
- color: color,
124
- contentLeft: contentLeft
125
- }, e);
126
- }
127
- };
128
- var handleHover = function handleHover() {
129
- if (onHover) {
130
- onHover(index);
131
- }
132
- };
133
- return /*#__PURE__*/ React.createElement(DropdownNewHopeItem, _object_spread_props(_object_spread({}, rest), {
134
- value: value,
135
- text: label,
136
- ref: ref,
137
- style: _object_spread_props(_object_spread({}, style), {
138
- color: color
139
- }),
140
- contentLeft: contentLeft,
141
- contentRight: isActive ? /*#__PURE__*/ React.createElement(StyledCheck, {
142
- size: "s",
143
- color: accent
144
- }) : undefined,
145
- onClick: handleClick,
146
- onMouseOver: handleHover,
147
- onFocus: onFocus,
148
- disabled: isDisabled
149
- }));
150
- });
@@ -1,7 +0,0 @@
1
- import styled from 'styled-components';
2
- export var DropdownList = styled.ul.withConfig({
3
- displayName: "DropdownList",
4
- componentId: "sc-cd3e05af-0"
5
- })([
6
- "margin:0;padding:0;"
7
- ]);