revdev-components 0.207.0 → 0.209.0

package/build/badges/level/index.d.ts

@@ -7,6 +7,7 @@ export interface LevelBadgeProps {
     levels: LevelGen[];
     className?: string;
     children?: React.ReactNode;
+    activeCode?: string;
     texts?: {
         refersTo?: (param: LevelGen) => string;
     };

package/build/index.js

@@ -5801,18 +5801,18 @@ var AudioPlayer = function (_a) {
         React.createElement(Button, { onClick: handlePlay, icon: active ? "audio" : "play-arrow", className: classNames((_b = {}, _b[classes.playing] = active, _b)), isPrimary: active })));
 };
 
-var s$1 = {"icon":"index-module_icon__-KK3y"};
+var s$1 = {"link":"index-module_link__0nACX","icon":"index-module_icon__-KK3y"};
 
 var HelpTip = function (_a) {
     var title = _a.title, className = _a.className, _b = _a.iconName, iconName = _b === void 0 ? "help" : _b, href = _a.href, target = _a.target, children = _a.children;
     var iconNode = React.createElement(RegularIcon, { name: iconName, className: classNames(s$1.icon, className) });
-    return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target }, iconNode)) : (iconNode)));
+    return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$1.link }, iconNode)) : (iconNode)));
 };
 
-var s = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","rate":"index-module_rate__A2rzm","code":"index-module_code__aAnic"};
+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"};
 
 var LevelBadge = function (_a) {
-    var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children;
+    var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, activeCode = _a.activeCode;
     var bars = React.useMemo(function () {
         var maxRate = Math.max.apply(Math, levels.map(function (x) { return x.rate; }));
         return levels.map(function (x) { return [x.code.toUpperCase(), x.rate, x.rate / maxRate]; });
@@ -5828,9 +5828,10 @@ var LevelBadge = function (_a) {
     }
     return (React.createElement("div", { className: classNames(s.root, className) },
         bars.map(function (_a) {
+            var _b;
             var code = _a[0], rate = _a[1], normalizedRate = _a[2];
             return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
-                React.createElement("div", { className: s.bar },
+                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)) },
                     React.createElement("div", { className: s.rate, style: { height: "".concat(normalizedRate * 100, "%") } },
                         React.createElement("div", { className: s.code }, code)),
                     React.createElement("div", { className: s.code }, code))));

package/build/styles.css

@@ -665,6 +665,11 @@ body {
     transform: scale(1);
   }
 }
+.index-module_link__0nACX {
+  display: flex;
+  place-items: center;
+}
+
 .index-module_icon__-KK3y {
   font-size: var(--helpTipFontSize);
   margin: var(--helpTipMargin);
@@ -673,16 +678,23 @@ body {
   display: flex;
   flex-flow: row nowrap;
   place-items: flex-start flex-start;
-  gap: 0.3em;
+  gap: 0.1em;
   color: var(--levelBadgeColor);
 }
 
 .index-module_bar__V-ymE {
   display: flex;
-  height: 1em;
-  width: 1.2em;
+  height: 1.1em;
+  width: 1.4em;
   position: relative;
-  line-height: 1em;
+}
+.index-module_bar__active__-BwOz {
+  background-color: var(--levelBadgeRateColor);
+  color: var(--levelBadgeColor);
+  border-radius: 0.2em;
+}
+.index-module_bar__active__-BwOz .index-module_rate__A2rzm {
+  display: none !important;
 }
 
 .index-module_rate__A2rzm {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.207.0",
+  "version": "0.209.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {