@infomaximum/ui-kit 0.16.8 → 0.16.9
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.
|
@@ -388,6 +388,24 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
388
388
|
alignItems: string;
|
|
389
389
|
opacity: number | "65%";
|
|
390
390
|
cursor: string;
|
|
391
|
+
} | {
|
|
392
|
+
width: string;
|
|
393
|
+
border: string;
|
|
394
|
+
background: "#F0F0F0";
|
|
395
|
+
color: "#8C8C8C";
|
|
396
|
+
fontFamily: "Roboto";
|
|
397
|
+
fontSize: 14;
|
|
398
|
+
lineHeight: "20px";
|
|
399
|
+
padding: string;
|
|
400
|
+
height: 28;
|
|
401
|
+
boxSizing: "border-box";
|
|
402
|
+
borderRadius: 4;
|
|
403
|
+
display: string;
|
|
404
|
+
justifyContent: string;
|
|
405
|
+
gap: 4;
|
|
406
|
+
alignItems: string;
|
|
407
|
+
opacity: number | "65%";
|
|
408
|
+
cursor: string;
|
|
391
409
|
} | {
|
|
392
410
|
width: string;
|
|
393
411
|
border: string;
|
|
@@ -445,6 +463,9 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
445
463
|
border: string;
|
|
446
464
|
background: string;
|
|
447
465
|
color: "#8C8C8C";
|
|
466
|
+
":hover": {
|
|
467
|
+
color: "#8C8C8C";
|
|
468
|
+
};
|
|
448
469
|
fontFamily: "Roboto";
|
|
449
470
|
fontSize: 14;
|
|
450
471
|
lineHeight: "20px";
|
|
@@ -465,7 +486,10 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
465
486
|
textDecoration: string;
|
|
466
487
|
":hover": {
|
|
467
488
|
border: string;
|
|
468
|
-
color
|
|
489
|
+
color: string;
|
|
490
|
+
} | {
|
|
491
|
+
border: string;
|
|
492
|
+
color: "#8C8C8C";
|
|
469
493
|
};
|
|
470
494
|
":active": {
|
|
471
495
|
border: string;
|
|
@@ -509,6 +533,24 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
509
533
|
alignItems: string;
|
|
510
534
|
opacity: number | "65%";
|
|
511
535
|
cursor: string;
|
|
536
|
+
} | {
|
|
537
|
+
width: string;
|
|
538
|
+
border: string;
|
|
539
|
+
background: "#F0F0F0";
|
|
540
|
+
color: "#8C8C8C";
|
|
541
|
+
fontFamily: "Roboto";
|
|
542
|
+
fontSize: 14;
|
|
543
|
+
lineHeight: "20px";
|
|
544
|
+
padding: string;
|
|
545
|
+
height: string;
|
|
546
|
+
boxSizing: "border-box";
|
|
547
|
+
borderRadius: 4;
|
|
548
|
+
display: string;
|
|
549
|
+
justifyContent: string;
|
|
550
|
+
gap: 4;
|
|
551
|
+
alignItems: string;
|
|
552
|
+
opacity: number | "65%";
|
|
553
|
+
cursor: string;
|
|
512
554
|
} | {
|
|
513
555
|
width: string;
|
|
514
556
|
border: string;
|
|
@@ -566,6 +608,9 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
566
608
|
border: string;
|
|
567
609
|
background: string;
|
|
568
610
|
color: "#8C8C8C";
|
|
611
|
+
":hover": {
|
|
612
|
+
color: "#8C8C8C";
|
|
613
|
+
};
|
|
569
614
|
fontFamily: "Roboto";
|
|
570
615
|
fontSize: 14;
|
|
571
616
|
lineHeight: "20px";
|
|
@@ -586,7 +631,10 @@ export declare const getButtonDefaultStyle: ({ variant, color, loading, disabled
|
|
|
586
631
|
textDecoration: string;
|
|
587
632
|
":hover": {
|
|
588
633
|
border: string;
|
|
589
|
-
color
|
|
634
|
+
color: string;
|
|
635
|
+
} | {
|
|
636
|
+
border: string;
|
|
637
|
+
color: "#8C8C8C";
|
|
590
638
|
};
|
|
591
639
|
":active": {
|
|
592
640
|
border: string;
|
|
@@ -76,7 +76,9 @@ const getWrapperOutlinedStyle = (theme, color, disabled, borderStyle = "solid")
|
|
|
76
76
|
border: `1px ${borderStyle} ${buttonTokens.buttonDefaultBorder}`,
|
|
77
77
|
background: buttonTokens.buttonDisabledBg,
|
|
78
78
|
color: buttonTokens.buttonDisabledText,
|
|
79
|
-
":hover": {
|
|
79
|
+
":hover": {
|
|
80
|
+
color: buttonTokens.buttonDisabledText
|
|
81
|
+
},
|
|
80
82
|
":active": {}
|
|
81
83
|
};
|
|
82
84
|
let colorStyle;
|
|
@@ -115,7 +117,10 @@ const getWrapperTextStyle = (theme, color, disabled) => {
|
|
|
115
117
|
const disabledStyle = {
|
|
116
118
|
border: `none`,
|
|
117
119
|
background: "none",
|
|
118
|
-
color: buttonTokens.buttonDisabledText
|
|
120
|
+
color: buttonTokens.buttonDisabledText,
|
|
121
|
+
":hover": {
|
|
122
|
+
color: buttonTokens.buttonDisabledText
|
|
123
|
+
}
|
|
119
124
|
};
|
|
120
125
|
let colorStyle;
|
|
121
126
|
switch (color) {
|