analytica-frontend-lib 1.1.70 → 1.1.71

package/dist/index.mjs

@@ -4,6 +4,26 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getSubjectColorWithOpacity(hexColor, isDark) {
+  if (!hexColor) return void 0;
+  let color = hexColor.replace(/^#/, "").toLowerCase();
+  if (isDark) {
+    if (color.length === 8) {
+      color = color.slice(0, 6);
+    }
+    return `#${color}`;
+  } else {
+    let resultColor;
+    if (color.length === 6) {
+      resultColor = `#${color}b3`;
+    } else if (color.length === 8) {
+      resultColor = `#${color}`;
+    } else {
+      resultColor = `#${color}`;
+    }
+    return resultColor;
+  }
+}
 
 // src/components/Text/Text.tsx
 import { jsx } from "react/jsx-runtime";
@@ -7705,7 +7725,7 @@ var SpeedMenu = ({
       ref: speedMenuRef,
       role: "menu",
       "aria-label": "Playback speed",
-      className: isFullscreen ? "absolute bottom-12 right-0 bg-black/90 rounded-lg p-2 min-w-20 z-[9999]" : "fixed bg-black/90 rounded-lg p-2 min-w-20 z-[9999]",
+      className: isFullscreen ? "absolute bottom-12 right-0 bg-background border border-border-100 rounded-lg shadow-lg p-2 min-w-24 z-[9999]" : "fixed bg-background border border-border-100 rounded-lg shadow-lg p-2 min-w-24 z-[9999]",
       style: !isFullscreen ? {
         top: `${position.top}px`,
         left: `${position.left}px`
@@ -7716,7 +7736,7 @@ var SpeedMenu = ({
           role: "menuitemradio",
           "aria-checked": playbackRate === speed,
           onClick: () => onSpeedChange(speed),
-          className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-white/20 transition-colors ${playbackRate === speed ? "text-primary-400" : "text-white"}`,
+          className: `block w-full text-left px-3 py-1 text-sm rounded hover:bg-border-50 transition-colors ${playbackRate === speed ? "bg-primary-950 text-secondary-100 font-medium" : "text-text-950"}`,
           children: [
             speed,
             "x"
@@ -12095,6 +12115,7 @@ export {
   getRootDomain,
   getStatusBadge,
   getSubjectColorClass,
+  getSubjectColorWithOpacity,
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,