analytica-frontend-lib 1.1.70 → 1.1.71

package/dist/index.d.mts

@@ -34,7 +34,7 @@ export { default as IconRender } from './IconRender/index.mjs';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.mjs';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.mjs';
 export { useTheme } from './hooks/useTheme/index.mjs';
-export { cn } from './utils/index.mjs';
+export { cn, getSubjectColorWithOpacity } from './utils/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { default as IconRender } from './IconRender/index.js';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.js';
 export { DeviceType, getDeviceType, useMobile } from './hooks/useMobile/index.js';
 export { useTheme } from './hooks/useTheme/index.js';
-export { cn } from './utils/index.js';
+export { cn, getSubjectColorWithOpacity } from './utils/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';

package/dist/index.js

@@ -148,6 +148,7 @@ __export(src_exports, {
   getRootDomain: () => getRootDomain,
   getStatusBadge: () => getStatusBadge,
   getSubjectColorClass: () => getSubjectColorClass,
+  getSubjectColorWithOpacity: () => getSubjectColorWithOpacity,
   getSubjectIcon: () => getSubjectIcon,
   getSubjectInfo: () => getSubjectInfo,
   getSubjectName: () => getSubjectName,
@@ -172,6 +173,26 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -7757,7 +7778,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`
@@ -7768,7 +7789,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"
@@ -12123,6 +12144,7 @@ var createNotificationsHook = (apiClient) => {
   getRootDomain,
   getStatusBadge,
   getSubjectColorClass,
+  getSubjectColorWithOpacity,
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,