revdev-components 0.208.0 → 0.209.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/build/badges/level/index.d.ts +1 -0
- package/build/index.js +4 -3
- package/build/styles.css +11 -3
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -5809,10 +5809,10 @@ var HelpTip = function (_a) {
|
|
|
5809
5809
|
return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$1.link }, iconNode)) : (iconNode)));
|
|
5810
5810
|
};
|
|
5811
5811
|
|
|
5812
|
-
var s = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","rate":"index-module_rate__A2rzm","code":"index-module_code__aAnic"};
|
|
5812
|
+
var s = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","bar__active":"index-module_bar__active__-BwOz","rate":"index-module_rate__A2rzm","code":"index-module_code__aAnic"};
|
|
5813
5813
|
|
|
5814
5814
|
var LevelBadge = function (_a) {
|
|
5815
|
-
var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children;
|
|
5815
|
+
var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, activeCode = _a.activeCode;
|
|
5816
5816
|
var bars = React.useMemo(function () {
|
|
5817
5817
|
var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate; }));
|
|
5818
5818
|
return levels.map(function (x) { return [x.code.toUpperCase(), x.rate, x.rate / maxRate]; });
|
|
@@ -5828,9 +5828,10 @@ var LevelBadge = function (_a) {
|
|
|
5828
5828
|
}
|
|
5829
5829
|
return (React.createElement("div", { className: classNames(s.root, className) },
|
|
5830
5830
|
bars.map(function (_a) {
|
|
5831
|
+
var _b;
|
|
5831
5832
|
var code = _a[0], rate = _a[1], normalizedRate = _a[2];
|
|
5832
5833
|
return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
|
|
5833
|
-
React.createElement("div", { className: s.bar },
|
|
5834
|
+
React.createElement("div", { className: classNames(s.bar, (_b = {}, _b[s.bar__active] = (code === null || code === void 0 ? void 0 : code.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _b)) },
|
|
5834
5835
|
React.createElement("div", { className: s.rate, style: { height: "".concat(normalizedRate * 100, "%") } },
|
|
5835
5836
|
React.createElement("div", { className: s.code }, code)),
|
|
5836
5837
|
React.createElement("div", { className: s.code }, code))));
|
package/build/styles.css
CHANGED
|
@@ -678,16 +678,24 @@ body {
|
|
|
678
678
|
display: flex;
|
|
679
679
|
flex-flow: row nowrap;
|
|
680
680
|
place-items: flex-start flex-start;
|
|
681
|
-
gap: 0.
|
|
681
|
+
gap: 0.1em;
|
|
682
682
|
color: var(--levelBadgeColor);
|
|
683
683
|
}
|
|
684
684
|
|
|
685
685
|
.index-module_bar__V-ymE {
|
|
686
686
|
display: flex;
|
|
687
|
-
height: 1em;
|
|
688
|
-
width: 1.
|
|
687
|
+
height: 1.1em;
|
|
688
|
+
width: 1.4em;
|
|
689
689
|
position: relative;
|
|
690
690
|
}
|
|
691
|
+
.index-module_bar__active__-BwOz {
|
|
692
|
+
background-color: var(--levelBadgeRateColor);
|
|
693
|
+
color: var(--levelBadgeColor);
|
|
694
|
+
border-radius: 0.2em;
|
|
695
|
+
}
|
|
696
|
+
.index-module_bar__active__-BwOz .index-module_rate__A2rzm {
|
|
697
|
+
display: none !important;
|
|
698
|
+
}
|
|
691
699
|
|
|
692
700
|
.index-module_rate__A2rzm {
|
|
693
701
|
position: absolute;
|