@elevasis/ui 1.15.1 → 1.15.2

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.
@@ -1050,7 +1050,7 @@ var SubshellSidebar = ({
1050
1050
  flexShrink: 0,
1051
1051
  display: "flex",
1052
1052
  flexDirection: "column",
1053
- backgroundColor: "color-mix(in srgb, var(--glass-background) 60%, transparent)",
1053
+ backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
1054
1054
  backdropFilter: "var(--glass-blur)",
1055
1055
  WebkitBackdropFilter: "var(--glass-blur)",
1056
1056
  borderRight: "1px solid var(--color-border)",
@@ -1082,7 +1082,7 @@ var SubshellSidebar = ({
1082
1082
  flexShrink: 0,
1083
1083
  display: "flex",
1084
1084
  flexDirection: "column",
1085
- backgroundColor: "color-mix(in srgb, var(--glass-background) 60%, transparent)",
1085
+ backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
1086
1086
  backdropFilter: "var(--glass-blur)",
1087
1087
  WebkitBackdropFilter: "var(--glass-blur)",
1088
1088
  borderRight: isOpen ? "1px solid var(--color-border)" : "none",
@@ -291,7 +291,8 @@
291
291
  ellipse at 50% 50%,
292
292
  color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
293
293
  transparent 70%);
294
- background-color: var(--color-background);
294
+ background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
295
+ backdrop-filter: var(--glass-blur);
295
296
  background-size:
296
297
  40px 40px,
297
298
  40px 40px,
@@ -309,7 +310,6 @@
309
310
  ellipse at 50% 50%,
310
311
  color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
311
312
  transparent 70%);
312
- background-color: var(--color-background);
313
313
  background-size:
314
314
  40px 40px,
315
315
  40px 40px,
@@ -1,6 +1,6 @@
1
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
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
- import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-UCTTJ2RS.js';
3
+ import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-HR5X6NGA.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';
6
6
  export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-PMSLNXUS.js';
@@ -2105,7 +2105,8 @@ function getGraphBackgroundStyles(isDark) {
2105
2105
  linear-gradient(90deg, ${mix(pct)} 1px, transparent 1px),
2106
2106
  radial-gradient(ellipse at 50% 50%, ${mix(glowPct)} 0%, transparent 70%)
2107
2107
  `,
2108
- backgroundColor: "var(--color-background)",
2108
+ backgroundColor: "color-mix(in srgb, var(--color-background) 50%, var(--glass-background))",
2109
+ backdropFilter: "var(--glass-blur)",
2109
2110
  backgroundSize: "40px 40px, 40px 40px, 100% 100%"
2110
2111
  };
2111
2112
  }
@@ -113,7 +113,8 @@
113
113
  ellipse at 50% 50%,
114
114
  color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
115
115
  transparent 70%);
116
- background-color: var(--color-background);
116
+ background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
117
+ backdrop-filter: var(--glass-blur);
117
118
  background-size:
118
119
  40px 40px,
119
120
  40px 40px,
@@ -131,7 +132,6 @@
131
132
  ellipse at 50% 50%,
132
133
  color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
133
134
  transparent 70%);
134
- background-color: var(--color-background);
135
135
  background-size:
136
136
  40px 40px,
137
137
  40px 40px,
@@ -223,7 +223,8 @@
223
223
  ellipse at 50% 50%,
224
224
  color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
225
225
  transparent 70%);
226
- background-color: var(--color-background);
226
+ background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
227
+ backdrop-filter: var(--glass-blur);
227
228
  background-size:
228
229
  40px 40px,
229
230
  40px 40px,
@@ -241,7 +242,6 @@
241
242
  ellipse at 50% 50%,
242
243
  color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
243
244
  transparent 70%);
244
- background-color: var(--color-background);
245
245
  background-size:
246
246
  40px 40px,
247
247
  40px 40px,
@@ -223,7 +223,8 @@
223
223
  ellipse at 50% 50%,
224
224
  color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
225
225
  transparent 70%);
226
- background-color: var(--color-background);
226
+ background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
227
+ backdrop-filter: var(--glass-blur);
227
228
  background-size:
228
229
  40px 40px,
229
230
  40px 40px,
@@ -241,7 +242,6 @@
241
242
  ellipse at 50% 50%,
242
243
  color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
243
244
  transparent 70%);
244
- background-color: var(--color-background);
245
245
  background-size:
246
246
  40px 40px,
247
247
  40px 40px,
package/dist/index.css CHANGED
@@ -113,7 +113,8 @@
113
113
  ellipse at 50% 50%,
114
114
  color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
115
115
  transparent 70%);
116
- background-color: var(--color-background);
116
+ background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
117
+ backdrop-filter: var(--glass-blur);
117
118
  background-size:
118
119
  40px 40px,
119
120
  40px 40px,
@@ -131,7 +132,6 @@
131
132
  ellipse at 50% 50%,
132
133
  color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
133
134
  transparent 70%);
134
- background-color: var(--color-background);
135
135
  background-size:
136
136
  40px 40px,
137
137
  40px 40px,
@@ -1,4 +1,4 @@
1
- export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-UCTTJ2RS.js';
1
+ export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-HR5X6NGA.js';
2
2
  export { sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, topbarHeight } from '../chunk-KBLGVZBD.js';
3
3
  import '../chunk-LHQTTUL2.js';
4
4
  export { AppBackground } from '../chunk-GATPOCUD.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elevasis/ui",
3
- "version": "1.15.1",
3
+ "version": "1.15.2",
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",
@@ -108,7 +108,6 @@
108
108
  "@tanstack/react-router": "^1.131.28",
109
109
  "zod": "^4.1.0",
110
110
  "zustand": "^5.0.5",
111
- "immer": "^10.1.1",
112
111
  "@mantine/core": "8.2.7",
113
112
  "@mantine/hooks": "8.2.7",
114
113
  "@mantine/charts": "8.2.7",
@@ -162,7 +161,6 @@
162
161
  "@workos-inc/authkit-react": "^0.11.0",
163
162
  "@xyflow/react": "^12.8.5",
164
163
  "date-fns": "^4.1.0",
165
- "immer": "^10.1.1",
166
164
  "react": "^19.2.0",
167
165
  "react-dom": "^19.2.0",
168
166
  "recharts": "^3.2.1",