revdev-components 0.195.0 → 0.197.0

package/build/index.js

@@ -5809,11 +5809,10 @@ var HelpTip = function (_a) {
     return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target }, iconNode)) : (iconNode)));
 };
 
-var s = {"root":"index-module_root__W7fFh","root__compact":"index-module_root__compact__4t0Qf","bar":"index-module_bar__V-ymE","level":"index-module_level__J8dSJ","bar__rate":"index-module_bar__rate__w6r3z","code":"index-module_code__aAnic","label":"index-module_label__gftYy"};
+var s = {"root":"index-module_root__W7fFh","level":"index-module_level__J8dSJ","bar":"index-module_bar__V-ymE","bar__compact":"index-module_bar__compact__foL3T","bar__rate":"index-module_bar__rate__w6r3z","code":"index-module_code__aAnic","label":"index-module_label__gftYy","label__compact":"index-module_label__compact__-5Wt0"};
 
 var LevelBadge = function (_a) {
-    var _b;
-    var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, _c = _a.mode, mode = _c === void 0 ? "default" : _c;
+    var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, _b = _a.mode, mode = _b === void 0 ? "default" : _b;
     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]; });
@@ -5831,15 +5830,16 @@ var LevelBadge = function (_a) {
     if (bars.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s.root, (_b = {}, _b[s.root__compact] = mode === "compact", _b), className) },
+    return (React.createElement("div", { className: classNames(s.root, className) },
         bars.map(function (_a) {
+            var _b, _c;
             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", { key: code, className: s.level },
-                    React.createElement("div", { className: s.bar },
+                    React.createElement("div", { className: classNames(s.bar, (_b = {}, _b[s.bar__compact] = mode === "compact", _b)) },
                         React.createElement("div", { className: s.bar__rate, style: { height: "".concat(normalizedRate * 100, "%") } }, renderCode(code)),
                         renderCode(code)),
-                    mode === "default" && React.createElement("div", { className: s.label }, code))));
+                    React.createElement("div", { className: classNames(s.label, (_c = {}, _c[s.label__compact] = mode === "compact", _c)) }, code))));
         }),
         children));
 };

package/build/styles.css

@@ -676,9 +676,6 @@ body {
   gap: 0.3em;
   color: var(--levelBadgeColor);
 }
-.index-module_root__compact__4t0Qf .index-module_bar__V-ymE {
-  width: 1.4em;
-}
 
 .index-module_level__J8dSJ {
   display: flex;
@@ -695,6 +692,9 @@ body {
   color: var(--levelBadgeColor);
   z-index: 0;
 }
+.index-module_bar__compact__foL3T {
+  width: 1.4em;
+}
 
 .index-module_bar__rate__w6r3z {
   width: 100%;
@@ -714,6 +714,9 @@ body {
   padding: 1px 0;
   text-align: center;
 }
+.index-module_label__compact__-5Wt0 {
+  display: none;
+}
 
 .index-module_code__aAnic {
   position: absolute;

package/package.json

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