@the-portland-company/shell 0.76.4 → 0.76.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/native.cjs CHANGED
@@ -3661,11 +3661,18 @@ function NavTabButton({
3661
3661
  size
3662
3662
  }) {
3663
3663
  const { label, icon: Icon, count, href, onSelect, selected, disabled, disabledTitle } = tab;
3664
- const base = "-mb-px inline-flex shrink-0 items-center gap-2 border-b-2 font-semibold leading-none transition-colors";
3664
+ const base = "-mb-px inline-flex shrink-0 items-center gap-2 font-semibold leading-none transition-colors";
3665
3665
  const sizeClass = size === "sm" ? "py-2 text-[12px]" : "py-3 text-[13px]";
3666
- const stateClass = disabled ? "cursor-not-allowed border-transparent text-[color:var(--color-g4,#929599)] opacity-50" : selected ? "text-[color:var(--tab-selected-color,#2F3136)]" : "border-transparent text-[color:var(--color-g4,#929599)] hover:text-[color:var(--tab-hover-color,#2F3136)]";
3666
+ const stateClass = disabled ? "cursor-not-allowed opacity-50" : "hover:text-[color:var(--tab-hover-color,#2F3136)]";
3667
3667
  const className = `${base} ${sizeClass} ${stateClass}`;
3668
- const style = selected && !disabled ? { borderBottomColor: TAB_UNDERLINE_COLOR } : void 0;
3668
+ const color = disabled ? "var(--color-g4,#929599)" : selected ? "var(--tab-selected-color,#2F3136)" : "var(--color-g4,#929599)";
3669
+ const style = {
3670
+ textAlign: "center",
3671
+ borderBottomWidth: 2,
3672
+ borderBottomStyle: "solid",
3673
+ borderBottomColor: selected && !disabled ? TAB_UNDERLINE_COLOR : "transparent",
3674
+ color
3675
+ };
3669
3676
  const iconSize = size === "sm" ? 13 : 15;
3670
3677
  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
3671
3678
  Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: iconSize, className: "shrink-0 text-current", strokeWidth: 1.75 }) : null,