revdev-components 0.253.0 → 0.255.0

package/build/index.js

@@ -6069,12 +6069,12 @@ var CopyButton = function (_a) {
     return (React.createElement(antd.Typography.Text, { className: classNames(s$7.root, className), copyable: { text: value, icon: [React.createElement(RegularIcon, { name: "copy" }), React.createElement(RegularIcon, { name: "check" })] } }));
 };
 
-var s$6 = {"link":"index-module_link__0nACX","icon":"index-module_icon__-KK3y"};
+var s$6 = {"root":"index-module_root__v3fD9","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$6.icon, className) });
-    return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$6.link }, iconNode)) : (iconNode)));
+    return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$6.root }, iconNode)) : (iconNode)));
 };
 
 var s$5 = {"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"};
@@ -6136,9 +6136,10 @@ var LevelBarBadge = function (_a) {
         children));
 };
 
-var s$3 = {"root":"index-module_root__ogwMI","level":"index-module_level__EuETi","level__active":"index-module_level__active__lfzHe"};
+var s$3 = {"root":"index-module_root__ogwMI","root__hasActive":"index-module_root__hasActive__qvsDL","level":"index-module_level__EuETi","level__active":"index-module_level__active__lfzHe"};
 
 var LevelLetterBadge = function (_a) {
+    var _b;
     var value = _a.levels, className = _a.className, activeCode = _a.activeCode, title = _a.title;
     var levels = React.useMemo(function () {
         if (typeof value === "string") {
@@ -6149,7 +6150,7 @@ var LevelLetterBadge = function (_a) {
     if (levels.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s$3.root, className) }, levels.map(function (level) {
+    return (React.createElement("div", { className: classNames(s$3.root, className, (_b = {}, _b[s$3.root__hasActive] = !!activeCode, _b)) }, levels.map(function (level) {
         var _a;
         var _b;
         return (React.createElement(AppTooltip, { key: level.code, title: title ? title(level) : "Proficiency language level: ".concat(level.code.toUpperCase()) },

package/build/styles.css

@@ -40,9 +40,6 @@
   --levelBadgeRateColor: #555;
   --levelBarBadgeBarColor: var(--passiveColor);
   --levelBarBadgeBackgroundColor: rgb(15, 23, 42, 5.5%);
-  --levelLetterBadgeActiveBackgroundColor: rgb(15, 23, 42, 14%);
-  --levelLetterBadgeActiveTextColor: var(--color);
-  --levelLetterBadgeActiveBorderColor: color-mix(in srgb, var(--borderColor) 35%, var(--color));
   --rowContentFontSize: 14px;
   --rowContentTitleFontSize: 20px;
 }
@@ -698,9 +695,8 @@ body {
   color: inherit !important;
   display: inline-flex;
 }
-.index-module_link__0nACX {
-  display: flex;
-  place-items: center;
+.index-module_root__v3fD9 {
+  display: inline;
 }
 
 .index-module_icon__-KK3y {
@@ -780,6 +776,9 @@ body {
   flex-direction: row;
   gap: 0.3em;
 }
+.index-module_root__hasActive__qvsDL {
+  color: var(--passiveColor);
+}
 
 .index-module_level__EuETi {
   display: inline-flex;
@@ -787,12 +786,11 @@ body {
   border: 1px solid var(--borderColor);
   border-radius: 0.3em;
   text-transform: uppercase;
-  line-height: 1.1em;
+  line-height: 1.2em;
 }
 .index-module_level__active__lfzHe {
-  background-color: var(--levelLetterBadgeActiveBackgroundColor);
-  color: var(--levelLetterBadgeActiveTextColor);
-  border-color: var(--levelLetterBadgeActiveBorderColor);
+  color: var(--color);
+  border-color: var(--color);
 }
 .index-module_label__7pG3Z {
   font-size: 12px;

package/package.json

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