analytica-frontend-lib 1.1.69 → 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");
@@ -3998,7 +4019,7 @@ var MonthYearPicker = ({
   "div",
   {
     ref: monthPickerRef,
-    className: "absolute top-full left-0 z-50 mt-1 bg-white rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
+    className: "absolute top-full left-0 z-50 mt-1 bg-background rounded-lg shadow-lg border border-border-200 p-4 min-w-[280px]",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-text-700 mb-2", children: "Selecionar Ano" }),
@@ -4684,8 +4705,8 @@ var ACTION_CARD_CLASSES = {
 };
 var ACTION_ICON_CLASSES = {
   warning: "bg-warning-300 text-text",
-  success: "bg-yellow-300 text-text-950",
-  error: "bg-error-500 text-text",
+  success: "bg-indicator-positive text-text-950",
+  error: "bg-indicator-negative text-text",
   info: "bg-info-500 text-text"
 };
 var ACTION_SUBTITLE_CLASSES = {
@@ -5825,7 +5846,7 @@ var CardSimulationHistory = (0, import_react17.forwardRef)(({ data, onSimulation
           "div",
           {
             className: cn(
-              "flex flex-row justify-center items-start px-4 py-6 gap-2 w-full bg-white",
+              "flex flex-row justify-center items-start px-4 py-6 gap-2 w-full bg-background",
               sectionIndex === 0 ? "rounded-t-3xl" : ""
             ),
             children: [
@@ -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"
@@ -8394,7 +8415,7 @@ var Whiteboard = ({
       "div",
       {
         className: cn(
-          "flex items-center justify-center p-8 bg-white border border-gray-100 rounded-xl",
+          "flex items-center justify-center p-8 bg-background border border-gray-100 rounded-xl",
           className
         ),
         ...rest,
@@ -9929,7 +9950,7 @@ var QuizFill = ({ paddingBottom }) => {
         onValueChange: (value) => handleSelectChange(selectId, value),
         className: "inline-flex mb-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
         ]
       },
@@ -12123,6 +12144,7 @@ var createNotificationsHook = (apiClient) => {
   getRootDomain,
   getStatusBadge,
   getSubjectColorClass,
+  getSubjectColorWithOpacity,
   getSubjectIcon,
   getSubjectInfo,
   getSubjectName,