@bolio-ui/core 1.1.1 → 1.1.3
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/BolioUIProvider/index.js +3 -3
- package/dist/Button/index.js +3 -3
- package/dist/ButtonDropdown/index.js +8 -8
- package/dist/Input/index.js +13 -13
- package/dist/Modal/index.js +3 -3
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/Select/index.js +9 -9
- package/dist/Textarea/index.js +13 -13
- package/dist/index.js +33 -33
- package/esm/Button/styles.js +3 -3
- package/esm/ButtonDropdown/ButtonDropdown.js +2 -2
- package/esm/ButtonDropdown/styles.js +6 -6
- package/esm/Input/styles.js +13 -13
- package/esm/Popover/Popover.d.ts +1 -1
- package/esm/Select/styles.js +9 -9
- package/package.json +1 -1
|
@@ -1296,9 +1296,9 @@ var getButtonColors = function getButtonColors(palette, props) {
|
|
|
1296
1296
|
}
|
|
1297
1297
|
};
|
|
1298
1298
|
if (disabled) return {
|
|
1299
|
-
bg: palette.
|
|
1300
|
-
border: palette.
|
|
1301
|
-
color: palette.
|
|
1299
|
+
bg: palette.accents_2,
|
|
1300
|
+
border: palette.accents_2,
|
|
1301
|
+
color: palette.accents_4
|
|
1302
1302
|
};
|
|
1303
1303
|
/**
|
|
1304
1304
|
* The '-light' type is the same color as the common type,
|
package/dist/Button/index.js
CHANGED
|
@@ -1072,9 +1072,9 @@ var getButtonColors = function getButtonColors(palette, props) {
|
|
|
1072
1072
|
}
|
|
1073
1073
|
};
|
|
1074
1074
|
if (disabled) return {
|
|
1075
|
-
bg: palette.
|
|
1076
|
-
border: palette.
|
|
1077
|
-
color: palette.
|
|
1075
|
+
bg: palette.accents_2,
|
|
1076
|
+
border: palette.accents_2,
|
|
1077
|
+
color: palette.accents_4
|
|
1078
1078
|
};
|
|
1079
1079
|
/**
|
|
1080
1080
|
* The '-light' type is the same color as the common type,
|
|
@@ -582,12 +582,12 @@ var getColor = function getColor(palette, type) {
|
|
|
582
582
|
}
|
|
583
583
|
};
|
|
584
584
|
if (disabled) return _objectSpread2(_objectSpread2({}, colors["default"]), {}, {
|
|
585
|
-
color: palette.
|
|
586
|
-
bgColor: palette.
|
|
587
|
-
borderColor: palette.
|
|
588
|
-
borderLeftColor: palette.
|
|
589
|
-
hoverBgColor: palette.
|
|
590
|
-
hoverBorder: palette.
|
|
585
|
+
color: palette.accents_4,
|
|
586
|
+
bgColor: palette.accents_2,
|
|
587
|
+
borderColor: palette.accents_3,
|
|
588
|
+
borderLeftColor: palette.accents_3,
|
|
589
|
+
hoverBgColor: palette.accents_2,
|
|
590
|
+
hoverBorder: palette.accents_3
|
|
591
591
|
});
|
|
592
592
|
return type ? colors[type] : colors["default"];
|
|
593
593
|
};
|
|
@@ -1072,9 +1072,9 @@ function ButtonDropdownComponent(_ref) {
|
|
|
1072
1072
|
loading: loading
|
|
1073
1073
|
};
|
|
1074
1074
|
var bgColor = React.useMemo(function () {
|
|
1075
|
-
if (disabled || loading) return theme.palette.
|
|
1075
|
+
if (disabled || loading) return theme.palette.accents_2;
|
|
1076
1076
|
return visible ? colors.hoverBgColor : colors.bgColor;
|
|
1077
|
-
}, [disabled, loading, theme.palette.
|
|
1077
|
+
}, [disabled, loading, theme.palette.accents_2, visible, colors.hoverBgColor, colors.bgColor]);
|
|
1078
1078
|
var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.375),
|
|
1079
1079
|
paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
|
|
1080
1080
|
useClickAway$1(ref, function () {
|
package/dist/Input/index.js
CHANGED
|
@@ -635,10 +635,10 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
635
635
|
var colors = {
|
|
636
636
|
"default": {
|
|
637
637
|
color: palette.foreground,
|
|
638
|
-
bgColor: palette.
|
|
639
|
-
borderColor: palette.
|
|
640
|
-
hoverBgColor: palette.
|
|
641
|
-
hoverBorder: palette.
|
|
638
|
+
bgColor: palette.accents_1,
|
|
639
|
+
borderColor: palette.accents_2,
|
|
640
|
+
hoverBgColor: palette.accents_1,
|
|
641
|
+
hoverBorder: palette.accents_4
|
|
642
642
|
},
|
|
643
643
|
primary: {
|
|
644
644
|
color: palette.primaryDark,
|
|
@@ -684,18 +684,18 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
684
684
|
}
|
|
685
685
|
};
|
|
686
686
|
if (disabled) return {
|
|
687
|
-
color: palette.
|
|
688
|
-
bgColor: palette.accents_3,
|
|
689
|
-
borderColor: palette.accents_4,
|
|
690
|
-
hoverBgColor: palette.accents_3,
|
|
691
|
-
hoverBorder: palette.accents_4
|
|
692
|
-
};
|
|
693
|
-
if (readOnly) return {
|
|
694
|
-
color: palette.foreground,
|
|
687
|
+
color: palette.accents_6,
|
|
695
688
|
bgColor: palette.accents_2,
|
|
696
689
|
borderColor: palette.accents_3,
|
|
697
690
|
hoverBgColor: palette.accents_2,
|
|
698
|
-
hoverBorder: palette.
|
|
691
|
+
hoverBorder: palette.accents_3
|
|
692
|
+
};
|
|
693
|
+
if (readOnly) return {
|
|
694
|
+
color: palette.foreground,
|
|
695
|
+
bgColor: palette.accents_1,
|
|
696
|
+
borderColor: palette.accents_2,
|
|
697
|
+
hoverBgColor: palette.accents_1,
|
|
698
|
+
hoverBorder: palette.accents_4
|
|
699
699
|
};
|
|
700
700
|
if (!status) return colors["default"];
|
|
701
701
|
return colors[status];
|
package/dist/Modal/index.js
CHANGED
|
@@ -1306,9 +1306,9 @@ var getButtonColors = function getButtonColors(palette, props) {
|
|
|
1306
1306
|
}
|
|
1307
1307
|
};
|
|
1308
1308
|
if (disabled) return {
|
|
1309
|
-
bg: palette.
|
|
1310
|
-
border: palette.
|
|
1311
|
-
color: palette.
|
|
1309
|
+
bg: palette.accents_2,
|
|
1310
|
+
border: palette.accents_2,
|
|
1311
|
+
color: palette.accents_4
|
|
1312
1312
|
};
|
|
1313
1313
|
/**
|
|
1314
1314
|
* The '-light' type is the same color as the common type,
|
|
@@ -4,7 +4,7 @@ import { Placement, TriggerTypes } from "../utils/prop-types";
|
|
|
4
4
|
export declare type PopoverTriggerTypes = TriggerTypes;
|
|
5
5
|
export declare type PopoverPlacement = Placement;
|
|
6
6
|
interface Props {
|
|
7
|
-
content?: React.ReactNode | (() => React.ReactNode);
|
|
7
|
+
content?: React.ReactNode | (() => React.ReactNode) | string;
|
|
8
8
|
trigger?: PopoverTriggerTypes;
|
|
9
9
|
placement?: Placement;
|
|
10
10
|
disableItemsAutoClose?: boolean;
|
package/dist/Select/index.js
CHANGED
|
@@ -1452,10 +1452,10 @@ var getColors = function getColors(palette, status, disabled) {
|
|
|
1452
1452
|
var colors = {
|
|
1453
1453
|
"default": {
|
|
1454
1454
|
color: palette.foreground,
|
|
1455
|
-
bgColor: palette.
|
|
1456
|
-
borderColor: palette.
|
|
1457
|
-
hoverBgColor: palette.
|
|
1458
|
-
hoverBorder: palette.
|
|
1455
|
+
bgColor: palette.accents_1,
|
|
1456
|
+
borderColor: palette.accents_2,
|
|
1457
|
+
hoverBgColor: palette.accents_1,
|
|
1458
|
+
hoverBorder: palette.accents_4
|
|
1459
1459
|
},
|
|
1460
1460
|
primary: {
|
|
1461
1461
|
color: palette.primaryDark,
|
|
@@ -1501,11 +1501,11 @@ var getColors = function getColors(palette, status, disabled) {
|
|
|
1501
1501
|
}
|
|
1502
1502
|
};
|
|
1503
1503
|
if (disabled) return {
|
|
1504
|
-
color: palette.
|
|
1505
|
-
bgColor: palette.
|
|
1506
|
-
borderColor: palette.
|
|
1507
|
-
hoverBgColor: palette.
|
|
1508
|
-
hoverBorder: palette.
|
|
1504
|
+
color: palette.accents_6,
|
|
1505
|
+
bgColor: palette.accents_2,
|
|
1506
|
+
borderColor: palette.accents_3,
|
|
1507
|
+
hoverBgColor: palette.accents_2,
|
|
1508
|
+
hoverBorder: palette.accents_3
|
|
1509
1509
|
};
|
|
1510
1510
|
if (!status) return colors["default"];
|
|
1511
1511
|
return colors[status];
|
package/dist/Textarea/index.js
CHANGED
|
@@ -520,10 +520,10 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
520
520
|
var colors = {
|
|
521
521
|
"default": {
|
|
522
522
|
color: palette.foreground,
|
|
523
|
-
bgColor: palette.
|
|
524
|
-
borderColor: palette.
|
|
525
|
-
hoverBgColor: palette.
|
|
526
|
-
hoverBorder: palette.
|
|
523
|
+
bgColor: palette.accents_1,
|
|
524
|
+
borderColor: palette.accents_2,
|
|
525
|
+
hoverBgColor: palette.accents_1,
|
|
526
|
+
hoverBorder: palette.accents_4
|
|
527
527
|
},
|
|
528
528
|
primary: {
|
|
529
529
|
color: palette.primaryDark,
|
|
@@ -569,18 +569,18 @@ var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
569
569
|
}
|
|
570
570
|
};
|
|
571
571
|
if (disabled) return {
|
|
572
|
-
color: palette.
|
|
573
|
-
bgColor: palette.accents_3,
|
|
574
|
-
borderColor: palette.accents_4,
|
|
575
|
-
hoverBgColor: palette.accents_3,
|
|
576
|
-
hoverBorder: palette.accents_4
|
|
577
|
-
};
|
|
578
|
-
if (readOnly) return {
|
|
579
|
-
color: palette.foreground,
|
|
572
|
+
color: palette.accents_6,
|
|
580
573
|
bgColor: palette.accents_2,
|
|
581
574
|
borderColor: palette.accents_3,
|
|
582
575
|
hoverBgColor: palette.accents_2,
|
|
583
|
-
hoverBorder: palette.
|
|
576
|
+
hoverBorder: palette.accents_3
|
|
577
|
+
};
|
|
578
|
+
if (readOnly) return {
|
|
579
|
+
color: palette.foreground,
|
|
580
|
+
bgColor: palette.accents_1,
|
|
581
|
+
borderColor: palette.accents_2,
|
|
582
|
+
hoverBgColor: palette.accents_1,
|
|
583
|
+
hoverBorder: palette.accents_4
|
|
584
584
|
};
|
|
585
585
|
if (!status) return colors["default"];
|
|
586
586
|
return colors[status];
|
package/dist/index.js
CHANGED
|
@@ -1695,9 +1695,9 @@ var getButtonColors = function getButtonColors(palette, props) {
|
|
|
1695
1695
|
}
|
|
1696
1696
|
};
|
|
1697
1697
|
if (disabled) return {
|
|
1698
|
-
bg: palette.
|
|
1699
|
-
border: palette.
|
|
1700
|
-
color: palette.
|
|
1698
|
+
bg: palette.accents_2,
|
|
1699
|
+
border: palette.accents_2,
|
|
1700
|
+
color: palette.accents_4
|
|
1701
1701
|
};
|
|
1702
1702
|
/**
|
|
1703
1703
|
* The '-light' type is the same color as the common type,
|
|
@@ -2523,12 +2523,12 @@ var getColor$4 = function getColor(palette, type) {
|
|
|
2523
2523
|
}
|
|
2524
2524
|
};
|
|
2525
2525
|
if (disabled) return _objectSpread2(_objectSpread2({}, colors["default"]), {}, {
|
|
2526
|
-
color: palette.
|
|
2527
|
-
bgColor: palette.
|
|
2528
|
-
borderColor: palette.
|
|
2529
|
-
borderLeftColor: palette.
|
|
2530
|
-
hoverBgColor: palette.
|
|
2531
|
-
hoverBorder: palette.
|
|
2526
|
+
color: palette.accents_4,
|
|
2527
|
+
bgColor: palette.accents_2,
|
|
2528
|
+
borderColor: palette.accents_3,
|
|
2529
|
+
borderLeftColor: palette.accents_3,
|
|
2530
|
+
hoverBgColor: palette.accents_2,
|
|
2531
|
+
hoverBorder: palette.accents_3
|
|
2532
2532
|
});
|
|
2533
2533
|
return type ? colors[type] : colors["default"];
|
|
2534
2534
|
};
|
|
@@ -2668,9 +2668,9 @@ function ButtonDropdownComponent(_ref) {
|
|
|
2668
2668
|
loading: loading
|
|
2669
2669
|
};
|
|
2670
2670
|
var bgColor = React.useMemo(function () {
|
|
2671
|
-
if (disabled || loading) return theme.palette.
|
|
2671
|
+
if (disabled || loading) return theme.palette.accents_2;
|
|
2672
2672
|
return visible ? colors.hoverBgColor : colors.bgColor;
|
|
2673
|
-
}, [disabled, loading, theme.palette.
|
|
2673
|
+
}, [disabled, loading, theme.palette.accents_2, visible, colors.hoverBgColor, colors.bgColor]);
|
|
2674
2674
|
var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.375),
|
|
2675
2675
|
paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
|
|
2676
2676
|
useClickAway$1(ref, function () {
|
|
@@ -5286,10 +5286,10 @@ var getColors$6 = function getColors(palette, status, disabled, readOnly) {
|
|
|
5286
5286
|
var colors = {
|
|
5287
5287
|
"default": {
|
|
5288
5288
|
color: palette.foreground,
|
|
5289
|
-
bgColor: palette.
|
|
5290
|
-
borderColor: palette.
|
|
5291
|
-
hoverBgColor: palette.
|
|
5292
|
-
hoverBorder: palette.
|
|
5289
|
+
bgColor: palette.accents_1,
|
|
5290
|
+
borderColor: palette.accents_2,
|
|
5291
|
+
hoverBgColor: palette.accents_1,
|
|
5292
|
+
hoverBorder: palette.accents_4
|
|
5293
5293
|
},
|
|
5294
5294
|
primary: {
|
|
5295
5295
|
color: palette.primaryDark,
|
|
@@ -5335,18 +5335,18 @@ var getColors$6 = function getColors(palette, status, disabled, readOnly) {
|
|
|
5335
5335
|
}
|
|
5336
5336
|
};
|
|
5337
5337
|
if (disabled) return {
|
|
5338
|
-
color: palette.
|
|
5339
|
-
bgColor: palette.accents_3,
|
|
5340
|
-
borderColor: palette.accents_4,
|
|
5341
|
-
hoverBgColor: palette.accents_3,
|
|
5342
|
-
hoverBorder: palette.accents_4
|
|
5343
|
-
};
|
|
5344
|
-
if (readOnly) return {
|
|
5345
|
-
color: palette.foreground,
|
|
5338
|
+
color: palette.accents_6,
|
|
5346
5339
|
bgColor: palette.accents_2,
|
|
5347
5340
|
borderColor: palette.accents_3,
|
|
5348
5341
|
hoverBgColor: palette.accents_2,
|
|
5349
|
-
hoverBorder: palette.
|
|
5342
|
+
hoverBorder: palette.accents_3
|
|
5343
|
+
};
|
|
5344
|
+
if (readOnly) return {
|
|
5345
|
+
color: palette.foreground,
|
|
5346
|
+
bgColor: palette.accents_1,
|
|
5347
|
+
borderColor: palette.accents_2,
|
|
5348
|
+
hoverBgColor: palette.accents_1,
|
|
5349
|
+
hoverBorder: palette.accents_4
|
|
5350
5350
|
};
|
|
5351
5351
|
if (!status) return colors["default"];
|
|
5352
5352
|
return colors[status];
|
|
@@ -8049,10 +8049,10 @@ var getColors$3 = function getColors(palette, status, disabled) {
|
|
|
8049
8049
|
var colors = {
|
|
8050
8050
|
"default": {
|
|
8051
8051
|
color: palette.foreground,
|
|
8052
|
-
bgColor: palette.
|
|
8053
|
-
borderColor: palette.
|
|
8054
|
-
hoverBgColor: palette.
|
|
8055
|
-
hoverBorder: palette.
|
|
8052
|
+
bgColor: palette.accents_1,
|
|
8053
|
+
borderColor: palette.accents_2,
|
|
8054
|
+
hoverBgColor: palette.accents_1,
|
|
8055
|
+
hoverBorder: palette.accents_4
|
|
8056
8056
|
},
|
|
8057
8057
|
primary: {
|
|
8058
8058
|
color: palette.primaryDark,
|
|
@@ -8098,11 +8098,11 @@ var getColors$3 = function getColors(palette, status, disabled) {
|
|
|
8098
8098
|
}
|
|
8099
8099
|
};
|
|
8100
8100
|
if (disabled) return {
|
|
8101
|
-
color: palette.
|
|
8102
|
-
bgColor: palette.
|
|
8103
|
-
borderColor: palette.
|
|
8104
|
-
hoverBgColor: palette.
|
|
8105
|
-
hoverBorder: palette.
|
|
8101
|
+
color: palette.accents_6,
|
|
8102
|
+
bgColor: palette.accents_2,
|
|
8103
|
+
borderColor: palette.accents_3,
|
|
8104
|
+
hoverBgColor: palette.accents_2,
|
|
8105
|
+
hoverBorder: palette.accents_3
|
|
8106
8106
|
};
|
|
8107
8107
|
if (!status) return colors["default"];
|
|
8108
8108
|
return colors[status];
|
package/esm/Button/styles.js
CHANGED
|
@@ -82,9 +82,9 @@ export var getButtonColors = function getButtonColors(palette, props) {
|
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
if (disabled) return {
|
|
85
|
-
bg: palette.
|
|
86
|
-
border: palette.
|
|
87
|
-
color: palette.
|
|
85
|
+
bg: palette.accents_2,
|
|
86
|
+
border: palette.accents_2,
|
|
87
|
+
color: palette.accents_4
|
|
88
88
|
};
|
|
89
89
|
/**
|
|
90
90
|
* The '-light' type is the same color as the common type,
|
|
@@ -65,9 +65,9 @@ function ButtonDropdownComponent(_ref) {
|
|
|
65
65
|
loading: loading
|
|
66
66
|
};
|
|
67
67
|
var bgColor = useMemo(function () {
|
|
68
|
-
if (disabled || loading) return theme.palette.
|
|
68
|
+
if (disabled || loading) return theme.palette.accents_2;
|
|
69
69
|
return visible ? colors.hoverBgColor : colors.bgColor;
|
|
70
|
-
}, [disabled, loading, theme.palette.
|
|
70
|
+
}, [disabled, loading, theme.palette.accents_2, visible, colors.hoverBgColor, colors.bgColor]);
|
|
71
71
|
var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.375),
|
|
72
72
|
paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
|
|
73
73
|
useClickAway(ref, function () {
|
|
@@ -60,12 +60,12 @@ export var getColor = function getColor(palette, type) {
|
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
if (disabled) return _extends({}, colors["default"], {
|
|
63
|
-
color: palette.
|
|
64
|
-
bgColor: palette.
|
|
65
|
-
borderColor: palette.
|
|
66
|
-
borderLeftColor: palette.
|
|
67
|
-
hoverBgColor: palette.
|
|
68
|
-
hoverBorder: palette.
|
|
63
|
+
color: palette.accents_4,
|
|
64
|
+
bgColor: palette.accents_2,
|
|
65
|
+
borderColor: palette.accents_3,
|
|
66
|
+
borderLeftColor: palette.accents_3,
|
|
67
|
+
hoverBgColor: palette.accents_2,
|
|
68
|
+
hoverBorder: palette.accents_3
|
|
69
69
|
});
|
|
70
70
|
return type ? colors[type] : colors["default"];
|
|
71
71
|
};
|
package/esm/Input/styles.js
CHANGED
|
@@ -2,10 +2,10 @@ export var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
2
2
|
var colors = {
|
|
3
3
|
"default": {
|
|
4
4
|
color: palette.foreground,
|
|
5
|
-
bgColor: palette.
|
|
6
|
-
borderColor: palette.
|
|
7
|
-
hoverBgColor: palette.
|
|
8
|
-
hoverBorder: palette.
|
|
5
|
+
bgColor: palette.accents_1,
|
|
6
|
+
borderColor: palette.accents_2,
|
|
7
|
+
hoverBgColor: palette.accents_1,
|
|
8
|
+
hoverBorder: palette.accents_4
|
|
9
9
|
},
|
|
10
10
|
primary: {
|
|
11
11
|
color: palette.primaryDark,
|
|
@@ -51,18 +51,18 @@ export var getColors = function getColors(palette, status, disabled, readOnly) {
|
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
53
|
if (disabled) return {
|
|
54
|
-
color: palette.
|
|
55
|
-
bgColor: palette.accents_3,
|
|
56
|
-
borderColor: palette.accents_4,
|
|
57
|
-
hoverBgColor: palette.accents_3,
|
|
58
|
-
hoverBorder: palette.accents_4
|
|
59
|
-
};
|
|
60
|
-
if (readOnly) return {
|
|
61
|
-
color: palette.foreground,
|
|
54
|
+
color: palette.accents_6,
|
|
62
55
|
bgColor: palette.accents_2,
|
|
63
56
|
borderColor: palette.accents_3,
|
|
64
57
|
hoverBgColor: palette.accents_2,
|
|
65
|
-
hoverBorder: palette.
|
|
58
|
+
hoverBorder: palette.accents_3
|
|
59
|
+
};
|
|
60
|
+
if (readOnly) return {
|
|
61
|
+
color: palette.foreground,
|
|
62
|
+
bgColor: palette.accents_1,
|
|
63
|
+
borderColor: palette.accents_2,
|
|
64
|
+
hoverBgColor: palette.accents_1,
|
|
65
|
+
hoverBorder: palette.accents_4
|
|
66
66
|
};
|
|
67
67
|
if (!status) return colors["default"];
|
|
68
68
|
return colors[status];
|
package/esm/Popover/Popover.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { Placement, TriggerTypes } from "../utils/prop-types";
|
|
|
4
4
|
export declare type PopoverTriggerTypes = TriggerTypes;
|
|
5
5
|
export declare type PopoverPlacement = Placement;
|
|
6
6
|
interface Props {
|
|
7
|
-
content?: React.ReactNode | (() => React.ReactNode);
|
|
7
|
+
content?: React.ReactNode | (() => React.ReactNode) | string;
|
|
8
8
|
trigger?: PopoverTriggerTypes;
|
|
9
9
|
placement?: Placement;
|
|
10
10
|
disableItemsAutoClose?: boolean;
|
package/esm/Select/styles.js
CHANGED
|
@@ -2,10 +2,10 @@ export var getColors = function getColors(palette, status, disabled) {
|
|
|
2
2
|
var colors = {
|
|
3
3
|
"default": {
|
|
4
4
|
color: palette.foreground,
|
|
5
|
-
bgColor: palette.
|
|
6
|
-
borderColor: palette.
|
|
7
|
-
hoverBgColor: palette.
|
|
8
|
-
hoverBorder: palette.
|
|
5
|
+
bgColor: palette.accents_1,
|
|
6
|
+
borderColor: palette.accents_2,
|
|
7
|
+
hoverBgColor: palette.accents_1,
|
|
8
|
+
hoverBorder: palette.accents_4
|
|
9
9
|
},
|
|
10
10
|
primary: {
|
|
11
11
|
color: palette.primaryDark,
|
|
@@ -51,11 +51,11 @@ export var getColors = function getColors(palette, status, disabled) {
|
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
53
|
if (disabled) return {
|
|
54
|
-
color: palette.
|
|
55
|
-
bgColor: palette.
|
|
56
|
-
borderColor: palette.
|
|
57
|
-
hoverBgColor: palette.
|
|
58
|
-
hoverBorder: palette.
|
|
54
|
+
color: palette.accents_6,
|
|
55
|
+
bgColor: palette.accents_2,
|
|
56
|
+
borderColor: palette.accents_3,
|
|
57
|
+
hoverBgColor: palette.accents_2,
|
|
58
|
+
hoverBorder: palette.accents_3
|
|
59
59
|
};
|
|
60
60
|
if (!status) return colors["default"];
|
|
61
61
|
return colors[status];
|