radiant-docs 0.1.21 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "radiant-docs",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "description": "CLI tool for previewing Radiant documentation locally",
   "type": "module",
   "bin": {

package/template/src/components/user/CodeGroup.astro

@@ -103,9 +103,15 @@ import CodeTabEdge from "../ui/CodeTabEdge.astro";
         const filename =
           itemElement.getAttribute("data-rd-tab-filename") ??
           `file-name-${index + 1}.txt`;
+        const hideTabIcon =
+          itemElement.getAttribute("data-rd-tab-hide-icon") === "true";
         const tabIconTemplate = itemElement.querySelector(
           "template[data-rd-code-group-tab-icon]",
         );
+        const hasTabIcon =
+          !hideTabIcon &&
+          !!tabIconTemplate &&
+          tabIconTemplate.innerHTML.trim().length > 0;
 
         const tabWrapper = document.createElement("div");
         tabWrapper.className = "relative z-10 text-xs font-medium";
@@ -113,25 +119,25 @@ import CodeTabEdge from "../ui/CodeTabEdge.astro";
         const tabButton = document.createElement("button");
         tabButton.type = "button";
         tabButton.className =
-          "relative inline-flex h-9 items-center gap-2 border-0 bg-transparent px-3 py-1.5 text-xs font-medium text-neutral-600 transition-colors duration-150 focus:outline-none focus-visible:outline-none cursor-pointer";
+          `relative inline-flex h-9 items-center border-0 bg-transparent px-3 py-1.5 text-xs font-medium text-neutral-600 transition-colors duration-150 focus:outline-none focus-visible:outline-none cursor-pointer ${hasTabIcon ? "gap-2" : ""}`;
         tabButton.setAttribute("aria-label", filename);
         tabButton.setAttribute("data-rd-code-group-tab", String(index));
 
-        const iconContainer = document.createElement("span");
-        iconContainer.className =
-          "pointer-events-none inline-flex shrink-0 items-center rounded-[4px] transition-opacity duration-150";
-
-        if (tabIconTemplate && tabIconTemplate.innerHTML.trim().length > 0) {
+        let iconContainer = null;
+        if (hasTabIcon) {
+          iconContainer = document.createElement("span");
+          iconContainer.className =
+            "pointer-events-none inline-flex shrink-0 items-center rounded-[4px] transition-opacity duration-150";
           iconContainer.innerHTML = tabIconTemplate.innerHTML;
-        } else {
-          iconContainer.classList.add("hidden");
         }
 
         const labelElement = document.createElement("span");
         labelElement.className = "whitespace-pre leading-none";
         labelElement.textContent = filename;
 
-        tabButton.appendChild(iconContainer);
+        if (iconContainer) {
+          tabButton.appendChild(iconContainer);
+        }
         tabButton.appendChild(labelElement);
         tabWrapper.appendChild(tabButton);
         tabsElement.appendChild(tabWrapper);
@@ -169,7 +175,7 @@ import CodeTabEdge from "../ui/CodeTabEdge.astro";
           tabButton.classList.toggle("text-neutral-900", isActive);
           tabButton.classList.toggle("text-neutral-600", !isActive);
 
-          if (iconContainer.classList.contains("hidden")) return;
+          if (!iconContainer) return;
           iconContainer.classList.toggle("opacity-100", isActive);
           iconContainer.classList.toggle("opacity-80", !isActive);
         });