revdev-components 0.204.0 → 0.205.0

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

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

package/build/index.js

@@ -5809,15 +5809,14 @@ 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__default":"index-module_root__default__cjtzX","level":"index-module_level__J8dSJ","bar":"index-module_bar__V-ymE","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 s = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","rate":"index-module_rate__A2rzm","code":"index-module_code__aAnic"};
 
 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;
     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]; });
-    }, [levels, mode]);
+    }, [levels]);
     var interText = React.useMemo(function () {
         var _a;
         return {
@@ -5827,17 +5826,14 @@ var LevelBadge = function (_a) {
     if (bars.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s.root, (_b = {}, _b[s.root__default] = mode === "default", _b), className) },
+    return (React.createElement("div", { className: classNames(s.root, className) },
         bars.map(function (_a) {
             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: s.bar__rate, style: { height: "".concat(normalizedRate * 100, "%") } }, mode === "compact" ? (React.createElement("div", { className: s.code },
-                            React.createElement("span", null, code))) : null),
-                        mode === "compact" ? (React.createElement("div", { className: s.code },
-                            React.createElement("span", null, code))) : null),
-                    mode === "default" && React.createElement("div", { className: s.label }, code))));
+                React.createElement("div", { className: s.bar },
+                    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))));
         }),
         children));
 };

package/build/styles.css

@@ -36,10 +36,8 @@
   --iconDropBackgroundColor: white;
   --helpTipMargin: none;
   --helpTipFontSize: 0.8em;
-  --levelBadgeBarBackgroundColor: #e4e4e4;
-  --levelBadgeColor: #555;
-  --levelBadgeFrontColor: white;
-  --levelBadgeBackColor: #111;
+  --levelBadgeColor: #e4e4e4;
+  --levelBadgeRateColor: #555;
 }
 
 html,
@@ -673,56 +671,33 @@ body {
 }
 .index-module_root__W7fFh {
   display: flex;
-  flex-direction: row;
-  font-size: 12px;
-  gap: 0.3em;
+  flex-flow: row nowrap;
+  gap: 0.2em;
   color: var(--levelBadgeColor);
 }
-.index-module_root__default__cjtzX {
-  width: auto;
-}
-
-.index-module_level__J8dSJ {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
 
 .index-module_bar__V-ymE {
-  height: 1.2em;
-  width: 1.4em;
   display: flex;
-  align-items: flex-end;
   justify-content: center;
+  align-items: center;
+  height: 1em;
+  width: 1.2em;
   position: relative;
-  background-color: var(--levelBadgeBarBackgroundColor);
-  color: var(--levelBadgeBackColor);
-  z-index: 0;
+  line-height: 1em;
 }
 
-.index-module_bar__rate__w6r3z {
-  width: 100%;
-  background-color: var(--levelBadgeColor);
-  position: relative;
-  overflow: hidden;
+.index-module_rate__A2rzm {
+  position: absolute;
   left: 0;
   bottom: 0;
+  width: 100%;
+  overflow: hidden;
   z-index: 1;
-}
-.index-module_bar__rate__w6r3z .index-module_code__aAnic {
-  color: var(--levelBadgeFrontColor);
-  z-index: 2;
-}
-
-.index-module_label__gftYy {
-  padding: 1px 0;
-  text-align: center;
-}
-.index-module_label__compact__-5Wt0 {
-  display: none;
+  color: var(--levelBadgeRateColor);
 }
 
 .index-module_code__aAnic {
+  z-index: 0;
   position: absolute;
   bottom: 0;
   left: 50%;

package/package.json

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