@elevasis/ui 1.15.0 → 1.15.1

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.
@@ -1,4 +1,4 @@
1
- export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-PCC3PLDV.js';
1
+ export { ActivityTrendChart, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-VOSLYTTR.js';
2
2
  import '../chunk-KBLGVZBD.js';
3
3
  import '../chunk-EQNXEBGZ.js';
4
4
  import '../chunk-LHQTTUL2.js';
@@ -1,5 +1,5 @@
1
1
  import { ElevasisLoader } from './chunk-SZHARWKU.js';
2
- import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-KUK3ZK4D.js';
2
+ import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-K6DYEZHC.js';
3
3
  import { AppBackground } from './chunk-GATPOCUD.js';
4
4
  import { ElevasisCoreProvider } from './chunk-YCOTIVEZ.js';
5
5
  import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
@@ -1,4 +1,4 @@
1
- import { usePresetsContext } from './chunk-KUK3ZK4D.js';
1
+ import { usePresetsContext } from './chunk-K6DYEZHC.js';
2
2
  import { useMemo } from 'react';
3
3
 
4
4
  var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
@@ -1,7 +1,7 @@
1
1
  import { CyberBackground } from './chunk-GIQPDIG5.js';
2
2
  import { createElement, createContext, useContext } from 'react';
3
3
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
4
- import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
4
+ import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme, Loader } from '@mantine/core';
5
5
 
6
6
  // src/theme/presets/utils.ts
7
7
  function hexToRgb(hex) {
@@ -806,7 +806,7 @@ var honeyPreset = {
806
806
  fontSans: '"Inter", sans-serif'
807
807
  },
808
808
  framework: {
809
- defaultRadius: "sm",
809
+ defaultRadius: "xl",
810
810
  fontFamily: '"Inter", sans-serif',
811
811
  headings: {
812
812
  fontFamily: '"Syne", sans-serif'
@@ -1047,7 +1047,7 @@ var canopyPreset = {
1047
1047
  fontSans: '"Lato", sans-serif'
1048
1048
  },
1049
1049
  framework: {
1050
- defaultRadius: "sm",
1050
+ defaultRadius: "xl",
1051
1051
  fontFamily: '"Lato", sans-serif',
1052
1052
  headings: {
1053
1053
  fontFamily: '"Fraunces", serif',
@@ -1492,11 +1492,12 @@ var nirvanaPreset = {
1492
1492
  "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cormorant:wght@400;500;600;700&display=swap"
1493
1493
  ],
1494
1494
  background: NirvanaBackground,
1495
+ loader: /* @__PURE__ */ jsx(Loader, { type: "dots", size: "xl" }),
1495
1496
  light: {
1496
1497
  primary: "#f23801",
1497
1498
  primaryContrast: "#ffffff",
1498
1499
  background: "#ffffff",
1499
- surface: "rgba(250, 250, 250, 0.4)",
1500
+ surface: "transparent",
1500
1501
  surfaceHover: "#f0f0f0",
1501
1502
  text: "#000000",
1502
1503
  textDimmed: "#32373c",
@@ -1505,7 +1506,7 @@ var nirvanaPreset = {
1505
1506
  error: "#cf2e2e",
1506
1507
  warning: "#ff6900",
1507
1508
  success: "#28a745",
1508
- glassBackground: "rgba(255, 255, 255, 0.55)",
1509
+ glassBackground: "rgba(255, 255, 255, 0.65)",
1509
1510
  glassBlur: "blur(24px) saturate(180%)",
1510
1511
  shadow: "0px 1px 2px rgba(0, 0, 0, 0.04), 0px 8px 24px -8px rgba(0, 0, 0, 0.12)",
1511
1512
  cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px -8px rgba(0, 0, 0, 0.12), 0 24px 48px -16px rgba(0, 0, 0, 0.08)",
@@ -1520,7 +1521,7 @@ var nirvanaPreset = {
1520
1521
  primary: "#f23801",
1521
1522
  primaryContrast: "#ffffff",
1522
1523
  background: "#000000",
1523
- surface: "rgba(10, 10, 12, 0.05)",
1524
+ surface: "transparent",
1524
1525
  surfaceHover: "#1a1a1a",
1525
1526
  text: "#ffffff",
1526
1527
  textDimmed: "#c8ccd0",
@@ -66,20 +66,22 @@ function getSeriesColor(key, colors) {
66
66
  }
67
67
  }
68
68
  var ReferenceLine = ReferenceLine$1;
69
- function CyberDefs({ colors }) {
69
+ function CyberDefs({ colors, isLight }) {
70
+ const gradMul = isLight ? 0.5 : 1;
70
71
  const gradients = [
71
- { id: "gradCyan", color: colors.cyan, opacity: 0.35 },
72
- { id: "gradBlue", color: colors.blue, opacity: 0.3 },
73
- { id: "gradGreen", color: colors.green, opacity: 0.3 },
74
- { id: "gradRed", color: colors.red, opacity: 0.3 },
75
- { id: "gradYellow", color: colors.yellow, opacity: 0.3 }
72
+ { id: "gradCyan", color: colors.cyan, opacity: 0.35 * gradMul },
73
+ { id: "gradBlue", color: colors.blue, opacity: 0.3 * gradMul },
74
+ { id: "gradGreen", color: colors.green, opacity: 0.3 * gradMul },
75
+ { id: "gradRed", color: colors.red, opacity: 0.3 * gradMul },
76
+ { id: "gradYellow", color: colors.yellow, opacity: 0.3 * gradMul }
76
77
  ];
78
+ const glowMul = isLight ? 0.25 : 1;
77
79
  const filters = [
78
- { id: "glowCyan", std: 3 },
79
- { id: "glowBlue", std: 3 },
80
- { id: "glowGreen", std: 2.5 },
81
- { id: "glowRed", std: 2.5 },
82
- { id: "glowYellow", std: 2.5 }
80
+ { id: "glowCyan", std: 3 * glowMul },
81
+ { id: "glowBlue", std: 3 * glowMul },
82
+ { id: "glowGreen", std: 2.5 * glowMul },
83
+ { id: "glowRed", std: 2.5 * glowMul },
84
+ { id: "glowYellow", std: 2.5 * glowMul }
83
85
  ];
84
86
  return /* @__PURE__ */ jsxs("defs", { children: [
85
87
  gradients.map((g) => /* @__PURE__ */ jsxs("linearGradient", { id: g.id, x1: "0", y1: "0", x2: "0", y2: "1", children: [
@@ -303,7 +305,7 @@ function CyberAreaChart({
303
305
  fontFamily: "var(--mantine-font-family-monospace, monospace)"
304
306
  };
305
307
  return /* @__PURE__ */ jsx(Box, { style: { width: "100%", height }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin, children: [
306
- /* @__PURE__ */ jsx(CyberDefs, { colors }),
308
+ /* @__PURE__ */ jsx(CyberDefs, { colors, isLight }),
307
309
  /* @__PURE__ */ jsx(PulseDefs, { series, colors, isLight }),
308
310
  showGrid && /* @__PURE__ */ jsx(CartesianGrid, { ...gridProps }),
309
311
  /* @__PURE__ */ jsx(XAxis, { dataKey: xDataKey, ...xAxisConfig, tickFormatter: xTickFormatter }),
@@ -334,17 +336,8 @@ function CyberAreaChart({
334
336
  ),
335
337
  allZero && (() => {
336
338
  const bColor = colors[baselineColor ?? series[0]?.color ?? "cyan"];
337
- return /* @__PURE__ */ jsx(
338
- ReferenceLine,
339
- {
340
- y: 0,
341
- stroke: bColor,
342
- strokeWidth: 2,
343
- style: {
344
- filter: `drop-shadow(0 0 4px ${bColor}) drop-shadow(0 0 8px ${bColor})`
345
- }
346
- }
347
- );
339
+ const glow = isLight ? `drop-shadow(0 0 2px ${bColor})` : `drop-shadow(0 0 4px ${bColor}) drop-shadow(0 0 8px ${bColor})`;
340
+ return /* @__PURE__ */ jsx(ReferenceLine, { y: 0, stroke: bColor, strokeWidth: isLight ? 1.5 : 2, style: { filter: glow } });
348
341
  })(),
349
342
  series.map((s) => {
350
343
  const cm = COLOR_MAP[s.color ?? "cyan"];
@@ -368,7 +361,7 @@ function CyberAreaChart({
368
361
  s.dataKey
369
362
  );
370
363
  }),
371
- series.map((s, i) => /* @__PURE__ */ jsx(
364
+ !isLight && series.map((s, i) => /* @__PURE__ */ jsx(
372
365
  Area,
373
366
  {
374
367
  type: "monotone",
@@ -1,5 +1,5 @@
1
- import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, GlowDot, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-PCC3PLDV.js';
2
- export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-PCC3PLDV.js';
1
+ import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, GlowDot, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-VOSLYTTR.js';
2
+ export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-VOSLYTTR.js';
3
3
  import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-UCTTJ2RS.js';
4
4
  export { NavigationButton } from '../chunk-KBLGVZBD.js';
5
5
  import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useDeleteCredential, useCreateCredential, useCredentials, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, showApiErrorNotification, showSuccessNotification, CredentialSchemas, showErrorNotification } from '../chunk-PMSLNXUS.js';
@@ -16,9 +16,9 @@ import { ResourceStatusColors, toWorkflowLogMessages } from '../chunk-ELJIFLCB.j
16
16
  import '../chunk-GU46QC4Z.js';
17
17
  import '../chunk-CKFTPEBC.js';
18
18
  import '../chunk-RNP5R5I3.js';
19
- import '../chunk-IKKYFTYZ.js';
19
+ import '../chunk-5H6OPZQB.js';
20
20
  export { ElevasisLoader } from '../chunk-SZHARWKU.js';
21
- import '../chunk-KUK3ZK4D.js';
21
+ import '../chunk-K6DYEZHC.js';
22
22
  import '../chunk-GATPOCUD.js';
23
23
  import '../chunk-GIQPDIG5.js';
24
24
  import '../chunk-YCOTIVEZ.js';
@@ -1867,7 +1867,6 @@ function TimelineContainer({ executionStart, executionEnd, children }) {
1867
1867
  {
1868
1868
  style: {
1869
1869
  borderBottom: "1px solid var(--color-border)",
1870
- borderRadius: "var(--mantine-radius-default)",
1871
1870
  backgroundColor: "var(--color-background)",
1872
1871
  padding: "var(--mantine-spacing-xs)"
1873
1872
  },
@@ -2022,8 +2021,8 @@ var VisualizerContainer = ({ children, handleContainerClick, height }) => {
2022
2021
  bg: "var(--color-background)",
2023
2022
  onClick: handleContainerClick,
2024
2023
  style: {
2025
- borderBottom: "1px solid var(--color-border)",
2026
- borderRadius: "var(--mantine-radius-default)"
2024
+ // borderBottom: '1px solid var(--color-border)',
2025
+ // borderRadius: 'var(--mantine-radius-default)'
2027
2026
  },
2028
2027
  children: /* @__PURE__ */ jsx(
2029
2028
  "div",
@@ -5,9 +5,9 @@ import '../chunk-NJJ3NQ7B.js';
5
5
  import '../chunk-F6RBK7NJ.js';
6
6
  import '../chunk-GU46QC4Z.js';
7
7
  import '../chunk-RNP5R5I3.js';
8
- import '../chunk-IKKYFTYZ.js';
8
+ import '../chunk-5H6OPZQB.js';
9
9
  import '../chunk-SZHARWKU.js';
10
- import '../chunk-KUK3ZK4D.js';
10
+ import '../chunk-K6DYEZHC.js';
11
11
  import '../chunk-GATPOCUD.js';
12
12
  import '../chunk-GIQPDIG5.js';
13
13
  import '../chunk-YCOTIVEZ.js';
@@ -4,9 +4,9 @@ import '../chunk-NJJ3NQ7B.js';
4
4
  import '../chunk-F6RBK7NJ.js';
5
5
  import '../chunk-GU46QC4Z.js';
6
6
  import '../chunk-RNP5R5I3.js';
7
- import '../chunk-IKKYFTYZ.js';
7
+ import '../chunk-5H6OPZQB.js';
8
8
  import '../chunk-SZHARWKU.js';
9
- import '../chunk-KUK3ZK4D.js';
9
+ import '../chunk-K6DYEZHC.js';
10
10
  import '../chunk-GATPOCUD.js';
11
11
  import '../chunk-GIQPDIG5.js';
12
12
  import '../chunk-YCOTIVEZ.js';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { useAvailablePresets } from './chunk-KZGJPBXT.js';
1
+ export { useAvailablePresets } from './chunk-CWCX2HCP.js';
2
2
  import './chunk-XCYKC6OZ.js';
3
3
  export { ApiKeyService, CredentialService, DeploymentService, OrganizationMembershipService, WebhookEndpointService, filterByDomainFilters, useActivateDeployment, useActivityFilters, useCommandViewDomainFilters, useCreateApiKey, useCreateCredential, useCreateWebhookEndpoint, useCredentials, useDeactivateDeployment, useDeactivateMembership, useDeleteApiKey, useDeleteCredential, useDeleteDeployment, useDeleteWebhookEndpoint, useExecutionLogsFilters, useListApiKeys, useListDeployments, useListWebhookEndpoints, useOrganizationMembers, useReactivateMembership, useResourceSearch, useResourcesDomainFilters, useStatusFilter, useTimeRangeDates, useUpdateApiKey, useUpdateCredential, useUpdateMemberConfig, useUpdateWebhookEndpoint, useUserMemberships, useVisibleResources } from './chunk-PMSLNXUS.js';
4
4
  export { OperationsService, createUseFeatureAccess, executionsKeys, isSessionCapable, operationsKeys, scheduleKeys, sessionsKeys, sortData, useActivities, useActivityTrend, useArchiveSession, useArchivedLogs, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateSchedule, useCreateSession, useDashboardMetrics, useDeleteExecution, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeploymentDocs, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphStats, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useRecentExecutionsByResource, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateSchedule, useWarningNotification } from './chunk-NOGBWAGU.js';
@@ -11,9 +11,9 @@ import './chunk-ELJIFLCB.js';
11
11
  export { createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations } from './chunk-GU46QC4Z.js';
12
12
  export { createUseAppInitialization } from './chunk-CKFTPEBC.js';
13
13
  import './chunk-RNP5R5I3.js';
14
- export { ElevasisUIProvider } from './chunk-IKKYFTYZ.js';
14
+ export { ElevasisUIProvider } from './chunk-5H6OPZQB.js';
15
15
  import './chunk-SZHARWKU.js';
16
- export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from './chunk-KUK3ZK4D.js';
16
+ export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from './chunk-K6DYEZHC.js';
17
17
  import './chunk-GATPOCUD.js';
18
18
  import './chunk-GIQPDIG5.js';
19
19
  export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from './chunk-YCOTIVEZ.js';
@@ -1,6 +1,6 @@
1
- export { ElevasisUIProvider } from '../chunk-IKKYFTYZ.js';
1
+ export { ElevasisUIProvider } from '../chunk-5H6OPZQB.js';
2
2
  import '../chunk-SZHARWKU.js';
3
- import '../chunk-KUK3ZK4D.js';
3
+ import '../chunk-K6DYEZHC.js';
4
4
  import '../chunk-GATPOCUD.js';
5
5
  import '../chunk-GIQPDIG5.js';
6
6
  export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-YCOTIVEZ.js';
@@ -1,3 +1,3 @@
1
- export { useAvailablePresets } from '../chunk-KZGJPBXT.js';
2
- export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-KUK3ZK4D.js';
1
+ export { useAvailablePresets } from '../chunk-CWCX2HCP.js';
2
+ export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-K6DYEZHC.js';
3
3
  import '../chunk-GIQPDIG5.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elevasis/ui",
3
- "version": "1.15.0",
3
+ "version": "1.15.1",
4
4
  "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
5
5
  "type": "module",
6
6
  "license": "MIT",