react-crud-mobile 1.0.921 → 1.0.922
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/dist/react-crud-mobile.cjs.development.js +2 -30
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +2 -30
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/core/UIButton.tsx +3 -27
|
@@ -362,17 +362,6 @@ function UIIcon(_ref) {
|
|
|
362
362
|
});
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
-
var BUTTONS_SIZE = {
|
|
366
|
-
small: {
|
|
367
|
-
minWidth: 30,
|
|
368
|
-
height: 30
|
|
369
|
-
}
|
|
370
|
-
};
|
|
371
|
-
var ICONS_SIZE = {
|
|
372
|
-
small: {
|
|
373
|
-
fontSize: 14
|
|
374
|
-
}
|
|
375
|
-
};
|
|
376
365
|
function UIButton(props) {
|
|
377
366
|
var scope = props.scope;
|
|
378
367
|
var element = scope.original;
|
|
@@ -414,8 +403,7 @@ function UIButton(props) {
|
|
|
414
403
|
scope.call('click', {});
|
|
415
404
|
};
|
|
416
405
|
var style = function style(part, extra) {
|
|
417
|
-
var
|
|
418
|
-
var css = scope.getStyle(part, s);
|
|
406
|
+
var css = _extends({}, styles[part], extra);
|
|
419
407
|
if (variant === 'text') {
|
|
420
408
|
css.backgroundColor = 'transparent';
|
|
421
409
|
css.color = 'text';
|
|
@@ -431,7 +419,7 @@ function UIButton(props) {
|
|
|
431
419
|
if (align === 'left') {
|
|
432
420
|
css.justifyContent = 'flex-start';
|
|
433
421
|
}
|
|
434
|
-
return css;
|
|
422
|
+
return scope.getStyle(part, css);
|
|
435
423
|
};
|
|
436
424
|
var extra = {};
|
|
437
425
|
if (icon) {
|
|
@@ -452,27 +440,11 @@ function UIButton(props) {
|
|
|
452
440
|
css.minWidth = h;
|
|
453
441
|
}
|
|
454
442
|
}
|
|
455
|
-
if (variant === 'text') {
|
|
456
|
-
css.backgroundColor = 'transparent';
|
|
457
|
-
css.color = 'text';
|
|
458
|
-
}
|
|
459
|
-
if (size) {
|
|
460
|
-
css = _extends({}, css, BUTTONS_SIZE[size]);
|
|
461
|
-
}
|
|
462
|
-
if (align === 'left') {
|
|
463
|
-
css.justifyContent = 'flex-start';
|
|
464
|
-
}
|
|
465
443
|
return css;
|
|
466
444
|
});
|
|
467
445
|
var buttonLabel = style('buttonLabel');
|
|
468
446
|
var iconStyle = Utils.call(function () {
|
|
469
447
|
var css = style('buttonIcon', extra.icon);
|
|
470
|
-
if (variant === 'text') {
|
|
471
|
-
css.color = 'text';
|
|
472
|
-
}
|
|
473
|
-
if (size) {
|
|
474
|
-
css = _extends({}, css, ICONS_SIZE[size]);
|
|
475
|
-
}
|
|
476
448
|
css.fontSize = Utils.nvl(buttonLabel.fontSize, css.fontSize);
|
|
477
449
|
return css;
|
|
478
450
|
});
|