@salutejs/plasma-web 1.587.1-canary.2079.16199559995.0 → 1.587.1-canary.2080.16212818786.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/components/Button/Button.config.d.ts +5 -0
- package/components/Button/Button.config.js +144 -29
- package/components/Button/Button.d.ts +5 -0
- package/components/IconButton/IconButton.config.d.ts +5 -0
- package/components/IconButton/IconButton.config.js +117 -17
- package/components/IconButton/IconButton.d.ts +5 -0
- package/css/cjs/components/Button/Button.config.js +16 -11
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/{Button.config_xfxked.css → Button.config_13z97iv.css} +12 -7
- package/css/cjs/components/Button/Button.css +24 -19
- package/css/cjs/components/IconButton/IconButton.config.js +12 -7
- package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
- package/css/cjs/components/IconButton/IconButton.css +22 -17
- package/css/cjs/index.css +46 -36
- package/css/es/components/Button/Button.config.js +16 -11
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/{Button.config_xfxked.css → Button.config_13z97iv.css} +12 -7
- package/css/es/components/Button/Button.css +24 -19
- package/css/es/components/IconButton/IconButton.config.js +12 -7
- package/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/css/es/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
- package/css/es/components/IconButton/IconButton.css +22 -17
- package/css/es/index.css +46 -36
- package/es/components/Button/Button.config.js +144 -29
- package/es/components/IconButton/IconButton.config.js +117 -17
- package/package.json +3 -3
- package/css/cjs/components/IconButton/IconButton.config_hkswin.css +0 -17
- package/css/es/components/IconButton/IconButton.config_hkswin.css +0 -17
@@ -24,10 +24,15 @@ export declare const config: {
|
|
24
24
|
};
|
25
25
|
size: {
|
26
26
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
27
|
+
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
27
28
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
29
|
+
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
30
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
|
+
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
29
32
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
33
|
+
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
30
34
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
35
|
+
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
36
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
32
37
|
};
|
33
38
|
disabled: {
|
@@ -220,6 +220,28 @@ function _templateObject11() {
|
|
220
220
|
return data;
|
221
221
|
}
|
222
222
|
function _templateObject12() {
|
223
|
+
var data = _tagged_template_literal([
|
224
|
+
"\n ",
|
225
|
+
": 4rem;\n ",
|
226
|
+
": 12.5rem;\n ",
|
227
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
228
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
229
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
230
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
231
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
232
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
233
|
+
": 1.5rem;\n ",
|
234
|
+
": inherit;\n\n ",
|
235
|
+
": 0 0.625rem 0 0;\n ",
|
236
|
+
": 0 0 0 0.625rem;\n ",
|
237
|
+
": 0 0 0 0.25rem;\n "
|
238
|
+
]);
|
239
|
+
_templateObject12 = function _templateObject() {
|
240
|
+
return data;
|
241
|
+
};
|
242
|
+
return data;
|
243
|
+
}
|
244
|
+
function _templateObject13() {
|
223
245
|
var data = _tagged_template_literal([
|
224
246
|
"\n ",
|
225
247
|
": 3.5rem;\n ",
|
@@ -238,12 +260,34 @@ function _templateObject12() {
|
|
238
260
|
": 0 -0.125rem 0 0.5rem;\n ",
|
239
261
|
": 0 0 0 0.25rem;\n "
|
240
262
|
]);
|
241
|
-
|
263
|
+
_templateObject13 = function _templateObject() {
|
242
264
|
return data;
|
243
265
|
};
|
244
266
|
return data;
|
245
267
|
}
|
246
|
-
function
|
268
|
+
function _templateObject14() {
|
269
|
+
var data = _tagged_template_literal([
|
270
|
+
"\n ",
|
271
|
+
": 3.5rem;\n ",
|
272
|
+
": 12.5rem;\n ",
|
273
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
274
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
275
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
276
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
277
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
278
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
279
|
+
": 1.375rem;\n ",
|
280
|
+
": inherit;\n\n ",
|
281
|
+
": 0 0.5rem 0 0;\n ",
|
282
|
+
": 0 0 0 0.5rem;\n ",
|
283
|
+
": 0 0 0 0.25rem;\n "
|
284
|
+
]);
|
285
|
+
_templateObject14 = function _templateObject() {
|
286
|
+
return data;
|
287
|
+
};
|
288
|
+
return data;
|
289
|
+
}
|
290
|
+
function _templateObject15() {
|
247
291
|
var data = _tagged_template_literal([
|
248
292
|
"\n ",
|
249
293
|
": 3rem;\n ",
|
@@ -262,12 +306,34 @@ function _templateObject13() {
|
|
262
306
|
": 0 -0.125rem 0 0.375rem;\n ",
|
263
307
|
": 0 0 0 0.25rem;\n "
|
264
308
|
]);
|
265
|
-
|
309
|
+
_templateObject15 = function _templateObject() {
|
266
310
|
return data;
|
267
311
|
};
|
268
312
|
return data;
|
269
313
|
}
|
270
|
-
function
|
314
|
+
function _templateObject16() {
|
315
|
+
var data = _tagged_template_literal([
|
316
|
+
"\n ",
|
317
|
+
": 3rem;\n ",
|
318
|
+
": 11.25rem;\n ",
|
319
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
320
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
321
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
322
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
323
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
324
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
325
|
+
": 1.375rem;\n ",
|
326
|
+
": inherit;\n\n ",
|
327
|
+
": 0 0.375rem 0 0;\n ",
|
328
|
+
": 0 0 0 0.375rem;\n ",
|
329
|
+
": 0 0 0 0.25rem;\n "
|
330
|
+
]);
|
331
|
+
_templateObject16 = function _templateObject() {
|
332
|
+
return data;
|
333
|
+
};
|
334
|
+
return data;
|
335
|
+
}
|
336
|
+
function _templateObject17() {
|
271
337
|
var data = _tagged_template_literal([
|
272
338
|
"\n ",
|
273
339
|
": 2.5rem;\n ",
|
@@ -286,12 +352,34 @@ function _templateObject14() {
|
|
286
352
|
": 0 -0.125rem 0 0.25rem;\n ",
|
287
353
|
": 0 0 0 0.25rem;\n "
|
288
354
|
]);
|
289
|
-
|
355
|
+
_templateObject17 = function _templateObject() {
|
290
356
|
return data;
|
291
357
|
};
|
292
358
|
return data;
|
293
359
|
}
|
294
|
-
function
|
360
|
+
function _templateObject18() {
|
361
|
+
var data = _tagged_template_literal([
|
362
|
+
"\n ",
|
363
|
+
": 2.5rem;\n ",
|
364
|
+
": 11.25rem;\n ",
|
365
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
366
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
367
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
368
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
369
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
370
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
371
|
+
": 1.375rem;\n ",
|
372
|
+
": inherit;\n\n ",
|
373
|
+
": 0 0.25rem 0 0;\n ",
|
374
|
+
": 0 0 0 0.25rem;\n ",
|
375
|
+
": 0 0 0 0.25rem;\n "
|
376
|
+
]);
|
377
|
+
_templateObject18 = function _templateObject() {
|
378
|
+
return data;
|
379
|
+
};
|
380
|
+
return data;
|
381
|
+
}
|
382
|
+
function _templateObject19() {
|
295
383
|
var data = _tagged_template_literal([
|
296
384
|
"\n ",
|
297
385
|
": 2rem;\n ",
|
@@ -310,12 +398,34 @@ function _templateObject15() {
|
|
310
398
|
": 0 -0.125rem 0 0.25rem;\n ",
|
311
399
|
": 0 0 0 0.25rem;\n "
|
312
400
|
]);
|
313
|
-
|
401
|
+
_templateObject19 = function _templateObject() {
|
314
402
|
return data;
|
315
403
|
};
|
316
404
|
return data;
|
317
405
|
}
|
318
|
-
function
|
406
|
+
function _templateObject20() {
|
407
|
+
var data = _tagged_template_literal([
|
408
|
+
"\n ",
|
409
|
+
": 2rem;\n ",
|
410
|
+
": 10rem;\n ",
|
411
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
412
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
413
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
414
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
415
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
416
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
417
|
+
": 1rem;\n ",
|
418
|
+
": inherit;\n\n ",
|
419
|
+
": 0 0.25rem 0 0;\n ",
|
420
|
+
": 0 0 0 0.25rem;\n ",
|
421
|
+
": 0 0 0 0.25rem;\n "
|
422
|
+
]);
|
423
|
+
_templateObject20 = function _templateObject() {
|
424
|
+
return data;
|
425
|
+
};
|
426
|
+
return data;
|
427
|
+
}
|
428
|
+
function _templateObject21() {
|
319
429
|
var data = _tagged_template_literal([
|
320
430
|
"\n ",
|
321
431
|
": 1.5rem;\n ",
|
@@ -334,54 +444,54 @@ function _templateObject16() {
|
|
334
444
|
": 0 -0.125rem 0 0.25rem;\n ",
|
335
445
|
": 0 0 0 0.25rem;\n "
|
336
446
|
]);
|
337
|
-
|
447
|
+
_templateObject21 = function _templateObject() {
|
338
448
|
return data;
|
339
449
|
};
|
340
450
|
return data;
|
341
451
|
}
|
342
|
-
function
|
452
|
+
function _templateObject22() {
|
343
453
|
var data = _tagged_template_literal([
|
344
454
|
"\n ",
|
345
455
|
": 0.4;\n "
|
346
456
|
]);
|
347
|
-
|
457
|
+
_templateObject22 = function _templateObject() {
|
348
458
|
return data;
|
349
459
|
};
|
350
460
|
return data;
|
351
461
|
}
|
352
|
-
function
|
462
|
+
function _templateObject23() {
|
353
463
|
var data = _tagged_template_literal([
|
354
464
|
"\n ",
|
355
465
|
": var(--surface-accent);\n "
|
356
466
|
]);
|
357
|
-
|
467
|
+
_templateObject23 = function _templateObject() {
|
358
468
|
return data;
|
359
469
|
};
|
360
470
|
return data;
|
361
471
|
}
|
362
|
-
function
|
472
|
+
function _templateObject24() {
|
363
473
|
var data = _tagged_template_literal([
|
364
474
|
""
|
365
475
|
]);
|
366
|
-
|
476
|
+
_templateObject24 = function _templateObject() {
|
367
477
|
return data;
|
368
478
|
};
|
369
479
|
return data;
|
370
480
|
}
|
371
|
-
function
|
481
|
+
function _templateObject25() {
|
372
482
|
var data = _tagged_template_literal([
|
373
483
|
""
|
374
484
|
]);
|
375
|
-
|
485
|
+
_templateObject25 = function _templateObject() {
|
376
486
|
return data;
|
377
487
|
};
|
378
488
|
return data;
|
379
489
|
}
|
380
|
-
function
|
490
|
+
function _templateObject26() {
|
381
491
|
var data = _tagged_template_literal([
|
382
492
|
""
|
383
493
|
]);
|
384
|
-
|
494
|
+
_templateObject26 = function _templateObject() {
|
385
495
|
return data;
|
386
496
|
};
|
387
497
|
return data;
|
@@ -411,22 +521,27 @@ var config = {
|
|
411
521
|
},
|
412
522
|
size: {
|
413
523
|
xl: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
414
|
-
|
415
|
-
|
416
|
-
|
417
|
-
|
418
|
-
|
524
|
+
xlr: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
525
|
+
l: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
526
|
+
lr: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
527
|
+
m: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
528
|
+
mr: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
529
|
+
s: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
530
|
+
sr: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
531
|
+
xs: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
532
|
+
xsr: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
|
533
|
+
xxs: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin)
|
419
534
|
},
|
420
535
|
disabled: {
|
421
|
-
true: (0, _styledcomponents.css)(
|
536
|
+
true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.buttonTokens.buttonDisabledOpacity)
|
422
537
|
},
|
423
538
|
focused: {
|
424
|
-
true: (0, _styledcomponents.css)(
|
539
|
+
true: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.buttonTokens.buttonFocusColor)
|
425
540
|
},
|
426
541
|
stretching: {
|
427
|
-
auto: (0, _styledcomponents.css)(
|
428
|
-
filled: (0, _styledcomponents.css)(
|
429
|
-
fixed: (0, _styledcomponents.css)(
|
542
|
+
auto: (0, _styledcomponents.css)(_templateObject24()),
|
543
|
+
filled: (0, _styledcomponents.css)(_templateObject25()),
|
544
|
+
fixed: (0, _styledcomponents.css)(_templateObject26())
|
430
545
|
}
|
431
546
|
}
|
432
547
|
};
|
@@ -17,10 +17,15 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
|
|
17
17
|
};
|
18
18
|
size: {
|
19
19
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
+
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
21
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
|
+
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
23
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
|
+
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
25
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
|
+
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
27
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
+
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
29
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
30
|
};
|
26
31
|
disabled: {
|
@@ -19,10 +19,15 @@ export declare const config: {
|
|
19
19
|
};
|
20
20
|
size: {
|
21
21
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
|
+
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
23
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
|
+
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
25
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
|
+
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
27
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
28
|
+
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
29
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
30
|
+
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
26
31
|
};
|
27
32
|
disabled: {
|
28
33
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -191,6 +191,25 @@ function _templateObject10() {
|
|
191
191
|
return data;
|
192
192
|
}
|
193
193
|
function _templateObject11() {
|
194
|
+
var data = _tagged_template_literal([
|
195
|
+
"\n ",
|
196
|
+
": 4rem;\n ",
|
197
|
+
": 4rem;\n ",
|
198
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
199
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
200
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
201
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
202
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
203
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
204
|
+
": 1.5rem;\n ",
|
205
|
+
": inherit;\n "
|
206
|
+
]);
|
207
|
+
_templateObject11 = function _templateObject() {
|
208
|
+
return data;
|
209
|
+
};
|
210
|
+
return data;
|
211
|
+
}
|
212
|
+
function _templateObject12() {
|
194
213
|
var data = _tagged_template_literal([
|
195
214
|
"\n ",
|
196
215
|
": 3.5rem;\n ",
|
@@ -206,12 +225,31 @@ function _templateObject11() {
|
|
206
225
|
": 1.375rem;\n ",
|
207
226
|
": inherit;\n "
|
208
227
|
]);
|
209
|
-
|
228
|
+
_templateObject12 = function _templateObject() {
|
210
229
|
return data;
|
211
230
|
};
|
212
231
|
return data;
|
213
232
|
}
|
214
|
-
function
|
233
|
+
function _templateObject13() {
|
234
|
+
var data = _tagged_template_literal([
|
235
|
+
"\n ",
|
236
|
+
": 3.5rem;\n ",
|
237
|
+
": 3.5rem;\n ",
|
238
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
239
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
240
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
241
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
242
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
243
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
244
|
+
": 1.375rem;\n ",
|
245
|
+
": inherit;\n "
|
246
|
+
]);
|
247
|
+
_templateObject13 = function _templateObject() {
|
248
|
+
return data;
|
249
|
+
};
|
250
|
+
return data;
|
251
|
+
}
|
252
|
+
function _templateObject14() {
|
215
253
|
var data = _tagged_template_literal([
|
216
254
|
"\n ",
|
217
255
|
": 3rem;\n ",
|
@@ -227,12 +265,31 @@ function _templateObject12() {
|
|
227
265
|
": 1.375rem;\n ",
|
228
266
|
": inherit;\n "
|
229
267
|
]);
|
230
|
-
|
268
|
+
_templateObject14 = function _templateObject() {
|
231
269
|
return data;
|
232
270
|
};
|
233
271
|
return data;
|
234
272
|
}
|
235
|
-
function
|
273
|
+
function _templateObject15() {
|
274
|
+
var data = _tagged_template_literal([
|
275
|
+
"\n ",
|
276
|
+
": 3rem;\n ",
|
277
|
+
": 3rem;\n ",
|
278
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
279
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
280
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
281
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
282
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
283
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
284
|
+
": 1.375rem;\n ",
|
285
|
+
": inherit;\n "
|
286
|
+
]);
|
287
|
+
_templateObject15 = function _templateObject() {
|
288
|
+
return data;
|
289
|
+
};
|
290
|
+
return data;
|
291
|
+
}
|
292
|
+
function _templateObject16() {
|
236
293
|
var data = _tagged_template_literal([
|
237
294
|
"\n ",
|
238
295
|
": 2.5rem;\n ",
|
@@ -248,12 +305,31 @@ function _templateObject13() {
|
|
248
305
|
": 1.375rem;\n ",
|
249
306
|
": inherit;\n "
|
250
307
|
]);
|
251
|
-
|
308
|
+
_templateObject16 = function _templateObject() {
|
252
309
|
return data;
|
253
310
|
};
|
254
311
|
return data;
|
255
312
|
}
|
256
|
-
function
|
313
|
+
function _templateObject17() {
|
314
|
+
var data = _tagged_template_literal([
|
315
|
+
"\n ",
|
316
|
+
": 2.5rem;\n ",
|
317
|
+
": 2.5rem;\n ",
|
318
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
319
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
320
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
321
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
322
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
323
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
324
|
+
": 1.375rem;\n ",
|
325
|
+
": inherit;\n "
|
326
|
+
]);
|
327
|
+
_templateObject17 = function _templateObject() {
|
328
|
+
return data;
|
329
|
+
};
|
330
|
+
return data;
|
331
|
+
}
|
332
|
+
function _templateObject18() {
|
257
333
|
var data = _tagged_template_literal([
|
258
334
|
"\n ",
|
259
335
|
": 2rem;\n ",
|
@@ -269,27 +345,46 @@ function _templateObject14() {
|
|
269
345
|
": 1rem;\n ",
|
270
346
|
": inherit;\n "
|
271
347
|
]);
|
272
|
-
|
348
|
+
_templateObject18 = function _templateObject() {
|
273
349
|
return data;
|
274
350
|
};
|
275
351
|
return data;
|
276
352
|
}
|
277
|
-
function
|
353
|
+
function _templateObject19() {
|
354
|
+
var data = _tagged_template_literal([
|
355
|
+
"\n ",
|
356
|
+
": 2rem;\n ",
|
357
|
+
": 2rem;\n ",
|
358
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
359
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
360
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
361
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
362
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
363
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
364
|
+
": 1rem;\n ",
|
365
|
+
": inherit;\n "
|
366
|
+
]);
|
367
|
+
_templateObject19 = function _templateObject() {
|
368
|
+
return data;
|
369
|
+
};
|
370
|
+
return data;
|
371
|
+
}
|
372
|
+
function _templateObject20() {
|
278
373
|
var data = _tagged_template_literal([
|
279
374
|
"\n ",
|
280
375
|
": 0.4;\n "
|
281
376
|
]);
|
282
|
-
|
377
|
+
_templateObject20 = function _templateObject() {
|
283
378
|
return data;
|
284
379
|
};
|
285
380
|
return data;
|
286
381
|
}
|
287
|
-
function
|
382
|
+
function _templateObject21() {
|
288
383
|
var data = _tagged_template_literal([
|
289
384
|
"\n ",
|
290
385
|
": var(--surface-accent);\n "
|
291
386
|
]);
|
292
|
-
|
387
|
+
_templateObject21 = function _templateObject() {
|
293
388
|
return data;
|
294
389
|
};
|
295
390
|
return data;
|
@@ -315,16 +410,21 @@ var config = {
|
|
315
410
|
},
|
316
411
|
size: {
|
317
412
|
xl: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
318
|
-
|
319
|
-
|
320
|
-
|
321
|
-
|
413
|
+
xlr: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
414
|
+
l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
415
|
+
lr: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
416
|
+
m: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
417
|
+
mr: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
418
|
+
s: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
419
|
+
sr: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
420
|
+
xs: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor),
|
421
|
+
xsr: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
322
422
|
},
|
323
423
|
disabled: {
|
324
|
-
true: (0, _styledcomponents.css)(
|
424
|
+
true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
325
425
|
},
|
326
426
|
focused: {
|
327
|
-
true: (0, _styledcomponents.css)(
|
427
|
+
true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
328
428
|
}
|
329
429
|
}
|
330
430
|
};
|
@@ -16,10 +16,15 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
16
16
|
};
|
17
17
|
size: {
|
18
18
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
+
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
20
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
|
+
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
22
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
|
+
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
24
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
|
+
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
26
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
27
|
+
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
23
28
|
};
|
24
29
|
disabled: {
|
25
30
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
require('./Button.
|
1
|
+
require('./Button.config_13z97iv.css');
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -29,22 +29,27 @@ var config = {
|
|
29
29
|
},
|
30
30
|
size: {
|
31
31
|
xl: "xy229gi",
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
32
|
+
xlr: "x1joiaye",
|
33
|
+
l: "l1i1eza5",
|
34
|
+
lr: "l1r1gaby",
|
35
|
+
m: "mqhwg07",
|
36
|
+
mr: "m1bf1tsb",
|
37
|
+
s: "s1ca3q6l",
|
38
|
+
sr: "srk6508",
|
39
|
+
xs: "x2s1r71",
|
40
|
+
xsr: "xf053fi",
|
41
|
+
xxs: "x17x5rnm"
|
37
42
|
},
|
38
43
|
disabled: {
|
39
|
-
"true": "
|
44
|
+
"true": "tppmfmz"
|
40
45
|
},
|
41
46
|
focused: {
|
42
|
-
"true": "
|
47
|
+
"true": "taa8u42"
|
43
48
|
},
|
44
49
|
stretching: {
|
45
|
-
auto: "
|
46
|
-
filled: "
|
47
|
-
fixed: "
|
50
|
+
auto: "a1y67d5i",
|
51
|
+
filled: "f1vaux9i",
|
52
|
+
fixed: "f15y4pgd"
|
48
53
|
}
|
49
54
|
}
|
50
55
|
};
|