@bolio-ui/core 1.1.2 → 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/Modal/index.js +3 -3
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/index.js +11 -11
- package/esm/Button/styles.js +3 -3
- package/esm/ButtonDropdown/ButtonDropdown.js +2 -2
- package/esm/ButtonDropdown/styles.js +6 -6
- package/esm/Popover/Popover.d.ts +1 -1
- 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/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/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 () {
|
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/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;
|