@salutejs/sdds-serv 0.316.1-canary.2078.16193701703.0 → 0.316.1-canary.2079.16288006677.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 +0 -5
- package/components/Button/Button.config.js +11 -16
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
- package/components/Button/Button.css +18 -23
- package/components/Button/Button.d.ts +0 -10
- package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
- package/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/components/ButtonGroup/ButtonGroup.css +21 -26
- package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
- package/components/IconButton/IconButton.config.d.ts +0 -5
- package/components/IconButton/IconButton.config.js +7 -12
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/components/IconButton/IconButton.css +17 -22
- package/components/IconButton/IconButton.d.ts +0 -5
- package/emotion/cjs/components/Button/Button.config.js +29 -144
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/emotion/cjs/components/IconButton/IconButton.config.js +17 -117
- package/emotion/es/components/Button/Button.config.js +29 -144
- package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/emotion/es/components/IconButton/IconButton.config.js +17 -117
- package/es/components/Button/Button.config.js +11 -16
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
- package/es/components/Button/Button.css +18 -23
- package/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/es/components/ButtonGroup/ButtonGroup.css +21 -26
- package/es/components/IconButton/IconButton.config.js +7 -12
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_hkswin.css +17 -0
- package/es/components/IconButton/IconButton.css +17 -22
- package/es/index.css +60 -75
- package/package.json +4 -4
- package/styled-components/cjs/components/Button/Button.config.js +29 -144
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/styled-components/cjs/components/IconButton/IconButton.config.js +17 -117
- package/styled-components/es/components/Button/Button.config.js +29 -144
- package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/styled-components/es/components/IconButton/IconButton.config.js +17 -117
- package/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
- package/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
@@ -209,25 +209,6 @@ function _templateObject10() {
|
|
209
209
|
return data;
|
210
210
|
}
|
211
211
|
function _templateObject11() {
|
212
|
-
var data = _tagged_template_literal([
|
213
|
-
"\n ",
|
214
|
-
": 1rem;\n ",
|
215
|
-
": 0.5rem;\n ",
|
216
|
-
": 1rem;\n\n ",
|
217
|
-
": 4rem;\n ",
|
218
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
219
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
220
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
221
|
-
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
222
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
223
|
-
": var(--plasma-typo-body-l-line-height);\n "
|
224
|
-
]);
|
225
|
-
_templateObject11 = function _templateObject() {
|
226
|
-
return data;
|
227
|
-
};
|
228
|
-
return data;
|
229
|
-
}
|
230
|
-
function _templateObject12() {
|
231
212
|
var data = _tagged_template_literal([
|
232
213
|
"\n ",
|
233
214
|
": 0.875rem;\n ",
|
@@ -242,31 +223,12 @@ function _templateObject12() {
|
|
242
223
|
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
243
224
|
": var(--plasma-typo-body-l-line-height);\n "
|
244
225
|
]);
|
245
|
-
|
246
|
-
return data;
|
247
|
-
};
|
248
|
-
return data;
|
249
|
-
}
|
250
|
-
function _templateObject13() {
|
251
|
-
var data = _tagged_template_literal([
|
252
|
-
"\n ",
|
253
|
-
": 0.875rem;\n ",
|
254
|
-
": 0.375rem;\n ",
|
255
|
-
": 0.875rem;\n\n ",
|
256
|
-
": 3.5rem;\n ",
|
257
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
258
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
259
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
260
|
-
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
261
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
262
|
-
": var(--plasma-typo-body-l-line-height);\n "
|
263
|
-
]);
|
264
|
-
_templateObject13 = function _templateObject() {
|
226
|
+
_templateObject11 = function _templateObject() {
|
265
227
|
return data;
|
266
228
|
};
|
267
229
|
return data;
|
268
230
|
}
|
269
|
-
function
|
231
|
+
function _templateObject12() {
|
270
232
|
var data = _tagged_template_literal([
|
271
233
|
"\n ",
|
272
234
|
": 0.25rem;\n ",
|
@@ -281,32 +243,12 @@ function _templateObject14() {
|
|
281
243
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
282
244
|
": var(--plasma-typo-body-m-line-height);\n "
|
283
245
|
]);
|
284
|
-
|
285
|
-
return data;
|
286
|
-
};
|
287
|
-
return data;
|
288
|
-
}
|
289
|
-
function _templateObject15() {
|
290
|
-
var data = _tagged_template_literal([
|
291
|
-
"\n &.",
|
292
|
-
" {\n ",
|
293
|
-
": 0.25rem;\n ",
|
294
|
-
": 0.75rem;\n ",
|
295
|
-
": 0.75rem;\n\n ",
|
296
|
-
": 3rem;\n ",
|
297
|
-
": var(--plasma-typo-body-m-font-family);\n ",
|
298
|
-
": var(--plasma-typo-body-m-font-size);\n ",
|
299
|
-
": var(--plasma-typo-body-m-font-style);\n ",
|
300
|
-
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
301
|
-
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
302
|
-
": var(--plasma-typo-body-m-line-height);\n "
|
303
|
-
]);
|
304
|
-
_templateObject15 = function _templateObject() {
|
246
|
+
_templateObject12 = function _templateObject() {
|
305
247
|
return data;
|
306
248
|
};
|
307
249
|
return data;
|
308
250
|
}
|
309
|
-
function
|
251
|
+
function _templateObject13() {
|
310
252
|
var data = _tagged_template_literal([
|
311
253
|
"\n ",
|
312
254
|
": 0.25rem;\n ",
|
@@ -321,31 +263,12 @@ function _templateObject16() {
|
|
321
263
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
322
264
|
": var(--plasma-typo-body-s-line-height);\n "
|
323
265
|
]);
|
324
|
-
|
325
|
-
return data;
|
326
|
-
};
|
327
|
-
return data;
|
328
|
-
}
|
329
|
-
function _templateObject17() {
|
330
|
-
var data = _tagged_template_literal([
|
331
|
-
"\n ",
|
332
|
-
": 0.25rem;\n ",
|
333
|
-
": 0.625rem;\n ",
|
334
|
-
": 0.625rem;\n\n ",
|
335
|
-
": 2.5rem;\n ",
|
336
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
337
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
338
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
339
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
340
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
341
|
-
": var(--plasma-typo-body-s-line-height);\n "
|
342
|
-
]);
|
343
|
-
_templateObject17 = function _templateObject() {
|
266
|
+
_templateObject13 = function _templateObject() {
|
344
267
|
return data;
|
345
268
|
};
|
346
269
|
return data;
|
347
270
|
}
|
348
|
-
function
|
271
|
+
function _templateObject14() {
|
349
272
|
var data = _tagged_template_literal([
|
350
273
|
"\n ",
|
351
274
|
": 0.125rem;\n ",
|
@@ -360,31 +283,12 @@ function _templateObject18() {
|
|
360
283
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
361
284
|
": var(--plasma-typo-body-xs-line-height);\n "
|
362
285
|
]);
|
363
|
-
|
364
|
-
return data;
|
365
|
-
};
|
366
|
-
return data;
|
367
|
-
}
|
368
|
-
function _templateObject19() {
|
369
|
-
var data = _tagged_template_literal([
|
370
|
-
"\n ",
|
371
|
-
": 0.125rem;\n ",
|
372
|
-
": 0.5rem;\n ",
|
373
|
-
": 0.5rem;\n\n ",
|
374
|
-
": 2rem;\n ",
|
375
|
-
": var(--plasma-typo-body-xs-font-family);\n ",
|
376
|
-
": var(--plasma-typo-body-xs-font-size);\n ",
|
377
|
-
": var(--plasma-typo-body-xs-font-style);\n ",
|
378
|
-
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
379
|
-
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
380
|
-
": var(--plasma-typo-body-xs-line-height);\n "
|
381
|
-
]);
|
382
|
-
_templateObject19 = function _templateObject() {
|
286
|
+
_templateObject14 = function _templateObject() {
|
383
287
|
return data;
|
384
288
|
};
|
385
289
|
return data;
|
386
290
|
}
|
387
|
-
function
|
291
|
+
function _templateObject15() {
|
388
292
|
var data = _tagged_template_literal([
|
389
293
|
"\n ",
|
390
294
|
": 0.125rem;\n ",
|
@@ -399,98 +303,98 @@ function _templateObject20() {
|
|
399
303
|
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
400
304
|
": var(--plasma-typo-body-xs-line-height);\n "
|
401
305
|
]);
|
402
|
-
|
306
|
+
_templateObject15 = function _templateObject() {
|
403
307
|
return data;
|
404
308
|
};
|
405
309
|
return data;
|
406
310
|
}
|
407
|
-
function
|
311
|
+
function _templateObject16() {
|
408
312
|
var data = _tagged_template_literal([
|
409
313
|
"\n ",
|
410
314
|
": row;\n "
|
411
315
|
]);
|
412
|
-
|
316
|
+
_templateObject16 = function _templateObject() {
|
413
317
|
return data;
|
414
318
|
};
|
415
319
|
return data;
|
416
320
|
}
|
417
|
-
function
|
321
|
+
function _templateObject17() {
|
418
322
|
var data = _tagged_template_literal([
|
419
323
|
"\n ",
|
420
324
|
": column;\n "
|
421
325
|
]);
|
422
|
-
|
326
|
+
_templateObject17 = function _templateObject() {
|
423
327
|
return data;
|
424
328
|
};
|
425
329
|
return data;
|
426
330
|
}
|
427
|
-
function
|
331
|
+
function _templateObject18() {
|
428
332
|
var data = _tagged_template_literal([
|
429
333
|
"\n ",
|
430
334
|
": 0;\n "
|
431
335
|
]);
|
432
|
-
|
336
|
+
_templateObject18 = function _templateObject() {
|
433
337
|
return data;
|
434
338
|
};
|
435
339
|
return data;
|
436
340
|
}
|
437
|
-
function
|
341
|
+
function _templateObject19() {
|
438
342
|
var data = _tagged_template_literal([
|
439
343
|
"\n ",
|
440
344
|
": 0.125rem;\n "
|
441
345
|
]);
|
442
|
-
|
346
|
+
_templateObject19 = function _templateObject() {
|
443
347
|
return data;
|
444
348
|
};
|
445
349
|
return data;
|
446
350
|
}
|
447
|
-
function
|
351
|
+
function _templateObject20() {
|
448
352
|
var data = _tagged_template_literal([
|
449
353
|
"\n ",
|
450
354
|
": 0.5rem;\n "
|
451
355
|
]);
|
452
|
-
|
356
|
+
_templateObject20 = function _templateObject() {
|
453
357
|
return data;
|
454
358
|
};
|
455
359
|
return data;
|
456
360
|
}
|
457
|
-
function
|
361
|
+
function _templateObject21() {
|
458
362
|
var data = _tagged_template_literal([
|
459
363
|
""
|
460
364
|
]);
|
461
|
-
|
365
|
+
_templateObject21 = function _templateObject() {
|
462
366
|
return data;
|
463
367
|
};
|
464
368
|
return data;
|
465
369
|
}
|
466
|
-
function
|
370
|
+
function _templateObject22() {
|
467
371
|
var data = _tagged_template_literal([
|
468
372
|
""
|
469
373
|
]);
|
470
|
-
|
374
|
+
_templateObject22 = function _templateObject() {
|
471
375
|
return data;
|
472
376
|
};
|
473
377
|
return data;
|
474
378
|
}
|
475
|
-
function
|
379
|
+
function _templateObject23() {
|
476
380
|
var data = _tagged_template_literal([
|
477
381
|
""
|
478
382
|
]);
|
479
|
-
|
383
|
+
_templateObject23 = function _templateObject() {
|
480
384
|
return data;
|
481
385
|
};
|
482
386
|
return data;
|
483
387
|
}
|
484
|
-
function
|
388
|
+
function _templateObject24() {
|
485
389
|
var data = _tagged_template_literal([
|
486
390
|
""
|
487
391
|
]);
|
488
|
-
|
392
|
+
_templateObject24 = function _templateObject() {
|
489
393
|
return data;
|
490
394
|
};
|
491
395
|
return data;
|
492
396
|
}
|
493
|
-
import { css, buttonGroupTokens
|
397
|
+
import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/emotion';
|
494
398
|
export var config = {
|
495
399
|
defaults: {
|
496
400
|
view: 'default',
|
@@ -511,33 +415,28 @@ export var config = {
|
|
511
415
|
},
|
512
416
|
size: {
|
513
417
|
xl: css(_templateObject10(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
514
|
-
|
515
|
-
|
516
|
-
|
517
|
-
|
518
|
-
|
519
|
-
s: css(_templateObject16(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
520
|
-
sr: css(_templateObject17(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
521
|
-
xs: css(_templateObject18(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
522
|
-
xsr: css(_templateObject19(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
523
|
-
xxs: css(_templateObject20(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
|
418
|
+
l: css(_templateObject11(), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
419
|
+
m: css(_templateObject12(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
420
|
+
s: css(_templateObject13(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
421
|
+
xs: css(_templateObject14(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
422
|
+
xxs: css(_templateObject15(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
|
524
423
|
},
|
525
424
|
orientation: {
|
526
|
-
horizontal: css(
|
527
|
-
vertical: css(
|
425
|
+
horizontal: css(_templateObject16(), buttonGroupTokens.buttonGroupOrientation),
|
426
|
+
vertical: css(_templateObject17(), buttonGroupTokens.buttonGroupOrientation)
|
528
427
|
},
|
529
428
|
gap: {
|
530
|
-
none: css(
|
531
|
-
dense: css(
|
532
|
-
wide: css(
|
429
|
+
none: css(_templateObject18(), buttonGroupTokens.buttonGroupItemsGap),
|
430
|
+
dense: css(_templateObject19(), buttonGroupTokens.buttonGroupItemsGap),
|
431
|
+
wide: css(_templateObject20(), buttonGroupTokens.buttonGroupItemsGap)
|
533
432
|
},
|
534
433
|
shape: {
|
535
|
-
segmented: css(
|
536
|
-
default: css(
|
434
|
+
segmented: css(_templateObject21()),
|
435
|
+
default: css(_templateObject22())
|
537
436
|
},
|
538
437
|
stretching: {
|
539
|
-
auto: css(
|
540
|
-
filled: css(
|
438
|
+
auto: css(_templateObject23()),
|
439
|
+
filled: css(_templateObject24())
|
541
440
|
}
|
542
441
|
}
|
543
442
|
};
|
@@ -180,25 +180,6 @@ function _templateObject10() {
|
|
180
180
|
return data;
|
181
181
|
}
|
182
182
|
function _templateObject11() {
|
183
|
-
var data = _tagged_template_literal([
|
184
|
-
"\n ",
|
185
|
-
": 4rem;\n ",
|
186
|
-
": 4rem;\n ",
|
187
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
188
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
189
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
190
|
-
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
191
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
192
|
-
": var(--plasma-typo-body-l-line-height);\n\n ",
|
193
|
-
": 1.5rem;\n ",
|
194
|
-
": inherit;\n "
|
195
|
-
]);
|
196
|
-
_templateObject11 = function _templateObject() {
|
197
|
-
return data;
|
198
|
-
};
|
199
|
-
return data;
|
200
|
-
}
|
201
|
-
function _templateObject12() {
|
202
183
|
var data = _tagged_template_literal([
|
203
184
|
"\n ",
|
204
185
|
": 3.5rem;\n ",
|
@@ -214,31 +195,12 @@ function _templateObject12() {
|
|
214
195
|
": 1.375rem;\n ",
|
215
196
|
": inherit;\n "
|
216
197
|
]);
|
217
|
-
|
218
|
-
return data;
|
219
|
-
};
|
220
|
-
return data;
|
221
|
-
}
|
222
|
-
function _templateObject13() {
|
223
|
-
var data = _tagged_template_literal([
|
224
|
-
"\n ",
|
225
|
-
": 3.5rem;\n ",
|
226
|
-
": 3.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.375rem;\n ",
|
234
|
-
": inherit;\n "
|
235
|
-
]);
|
236
|
-
_templateObject13 = function _templateObject() {
|
198
|
+
_templateObject11 = function _templateObject() {
|
237
199
|
return data;
|
238
200
|
};
|
239
201
|
return data;
|
240
202
|
}
|
241
|
-
function
|
203
|
+
function _templateObject12() {
|
242
204
|
var data = _tagged_template_literal([
|
243
205
|
"\n ",
|
244
206
|
": 3rem;\n ",
|
@@ -254,31 +216,12 @@ function _templateObject14() {
|
|
254
216
|
": 1.375rem;\n ",
|
255
217
|
": inherit;\n "
|
256
218
|
]);
|
257
|
-
|
258
|
-
return data;
|
259
|
-
};
|
260
|
-
return data;
|
261
|
-
}
|
262
|
-
function _templateObject15() {
|
263
|
-
var data = _tagged_template_literal([
|
264
|
-
"\n ",
|
265
|
-
": 3rem;\n ",
|
266
|
-
": 3rem;\n ",
|
267
|
-
": var(--plasma-typo-body-m-font-family);\n ",
|
268
|
-
": var(--plasma-typo-body-m-font-size);\n ",
|
269
|
-
": var(--plasma-typo-body-m-font-style);\n ",
|
270
|
-
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
271
|
-
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
272
|
-
": var(--plasma-typo-body-m-line-height);\n\n ",
|
273
|
-
": 1.375rem;\n ",
|
274
|
-
": inherit;\n "
|
275
|
-
]);
|
276
|
-
_templateObject15 = function _templateObject() {
|
219
|
+
_templateObject12 = function _templateObject() {
|
277
220
|
return data;
|
278
221
|
};
|
279
222
|
return data;
|
280
223
|
}
|
281
|
-
function
|
224
|
+
function _templateObject13() {
|
282
225
|
var data = _tagged_template_literal([
|
283
226
|
"\n ",
|
284
227
|
": 2.5rem;\n ",
|
@@ -294,31 +237,12 @@ function _templateObject16() {
|
|
294
237
|
": 1.375rem;\n ",
|
295
238
|
": inherit;\n "
|
296
239
|
]);
|
297
|
-
|
298
|
-
return data;
|
299
|
-
};
|
300
|
-
return data;
|
301
|
-
}
|
302
|
-
function _templateObject17() {
|
303
|
-
var data = _tagged_template_literal([
|
304
|
-
"\n ",
|
305
|
-
": 2.5rem;\n ",
|
306
|
-
": 2.5rem;\n ",
|
307
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
308
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
309
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
310
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
311
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
312
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
313
|
-
": 1.375rem;\n ",
|
314
|
-
": inherit;\n "
|
315
|
-
]);
|
316
|
-
_templateObject17 = function _templateObject() {
|
240
|
+
_templateObject13 = function _templateObject() {
|
317
241
|
return data;
|
318
242
|
};
|
319
243
|
return data;
|
320
244
|
}
|
321
|
-
function
|
245
|
+
function _templateObject14() {
|
322
246
|
var data = _tagged_template_literal([
|
323
247
|
"\n ",
|
324
248
|
": 2rem;\n ",
|
@@ -334,46 +258,27 @@ function _templateObject18() {
|
|
334
258
|
": 1rem;\n ",
|
335
259
|
": inherit;\n "
|
336
260
|
]);
|
337
|
-
|
338
|
-
return data;
|
339
|
-
};
|
340
|
-
return data;
|
341
|
-
}
|
342
|
-
function _templateObject19() {
|
343
|
-
var data = _tagged_template_literal([
|
344
|
-
"\n ",
|
345
|
-
": 2rem;\n ",
|
346
|
-
": 2rem;\n ",
|
347
|
-
": var(--plasma-typo-body-xs-font-family);\n ",
|
348
|
-
": var(--plasma-typo-body-xs-font-size);\n ",
|
349
|
-
": var(--plasma-typo-body-xs-font-style);\n ",
|
350
|
-
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
351
|
-
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
352
|
-
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
353
|
-
": 1rem;\n ",
|
354
|
-
": inherit;\n "
|
355
|
-
]);
|
356
|
-
_templateObject19 = function _templateObject() {
|
261
|
+
_templateObject14 = function _templateObject() {
|
357
262
|
return data;
|
358
263
|
};
|
359
264
|
return data;
|
360
265
|
}
|
361
|
-
function
|
266
|
+
function _templateObject15() {
|
362
267
|
var data = _tagged_template_literal([
|
363
268
|
"\n ",
|
364
269
|
": 0.4;\n "
|
365
270
|
]);
|
366
|
-
|
271
|
+
_templateObject15 = function _templateObject() {
|
367
272
|
return data;
|
368
273
|
};
|
369
274
|
return data;
|
370
275
|
}
|
371
|
-
function
|
276
|
+
function _templateObject16() {
|
372
277
|
var data = _tagged_template_literal([
|
373
278
|
"\n ",
|
374
279
|
": var(--surface-accent);\n "
|
375
280
|
]);
|
376
|
-
|
281
|
+
_templateObject16 = function _templateObject() {
|
377
282
|
return data;
|
378
283
|
};
|
379
284
|
return data;
|
@@ -400,21 +305,16 @@ export var config = {
|
|
400
305
|
},
|
401
306
|
size: {
|
402
307
|
xl: css(_templateObject10(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
403
|
-
|
404
|
-
|
405
|
-
|
406
|
-
|
407
|
-
mr: css(_templateObject15(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
408
|
-
s: css(_templateObject16(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
409
|
-
sr: css(_templateObject17(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
410
|
-
xs: css(_templateObject18(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
411
|
-
xsr: css(_templateObject19(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
308
|
+
l: css(_templateObject11(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
309
|
+
m: css(_templateObject12(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
310
|
+
s: css(_templateObject13(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
311
|
+
xs: css(_templateObject14(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
412
312
|
},
|
413
313
|
disabled: {
|
414
|
-
true: css(
|
314
|
+
true: css(_templateObject15(), iconButtonTokens.iconButtonDisabledOpacity)
|
415
315
|
},
|
416
316
|
focused: {
|
417
|
-
true: css(
|
317
|
+
true: css(_templateObject16(), iconButtonTokens.iconButtonFocusColor)
|
418
318
|
}
|
419
319
|
}
|
420
320
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Button.
|
1
|
+
import './Button.config_1pqzykz.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -20,27 +20,22 @@ var config = {
|
|
20
20
|
},
|
21
21
|
size: {
|
22
22
|
xl: "x1toqou7",
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
s: "s1bf1tsb",
|
29
|
-
sr: "s1ca3q6l",
|
30
|
-
xs: "xrk6508",
|
31
|
-
xsr: "x2s1r71",
|
32
|
-
xxs: "xf053fi"
|
23
|
+
l: "ly229gi",
|
24
|
+
m: "m1joiaye",
|
25
|
+
s: "s1i1eza5",
|
26
|
+
xs: "x1r1gaby",
|
27
|
+
xxs: "xqhwg07"
|
33
28
|
},
|
34
29
|
disabled: {
|
35
|
-
"true": "
|
30
|
+
"true": "t1bf1tsb"
|
36
31
|
},
|
37
32
|
focused: {
|
38
|
-
"true": "
|
33
|
+
"true": "t1ca3q6l"
|
39
34
|
},
|
40
35
|
stretching: {
|
41
|
-
auto: "
|
42
|
-
filled: "
|
43
|
-
fixed: "
|
36
|
+
auto: "ark6508",
|
37
|
+
filled: "f2s1r71",
|
38
|
+
fixed: "ff053fi"
|
44
39
|
}
|
45
40
|
}
|
46
41
|
};
|