@replicated/portal-components 0.0.26 → 0.0.28

package/dist/{branding-DmsrDTNE.d.mts → branding-C5H0L6Vi.d.mts}

@@ -14,6 +14,13 @@ interface BrandingResult {
     backgroundImage?: string;
     backgroundGradientStart?: string;
     backgroundGradientEnd?: string;
+    headerColor?: string;
+    headerGradientEnd?: string;
+    sidebarColor?: string;
+    sidebarGradientEnd?: string;
+    contentBackgroundColor?: string;
+    contentBackgroundGradientEnd?: string;
+    customCSS?: string;
 }
 /**
  * Normalizes and validates CSS color values to prevent CSS injection attacks.
@@ -32,6 +39,11 @@ declare const normalizeColor: (color?: string) => string | undefined;
  * @returns The sanitized URL or undefined if invalid
  */
 declare const sanitizeUrlForCss: (url?: string) => string | undefined;
+/**
+ * Determines if a hex color is "dark" based on relative luminance.
+ * Used for choosing white vs dark text on colored backgrounds.
+ */
+declare const isDarkColor: (hex?: string) => boolean;
 declare const decodeBranding: ({ brandingData }: RawBranding) => BrandingResult;
 
-export { type BrandingResult as B, type BackgroundType as a, decodeBranding as d, normalizeColor as n, sanitizeUrlForCss as s };
+export { type BrandingResult as B, type BackgroundType as a, decodeBranding as d, isDarkColor as i, normalizeColor as n, sanitizeUrlForCss as s };

package/dist/{branding-DmsrDTNE.d.ts → branding-C5H0L6Vi.d.ts}

@@ -14,6 +14,13 @@ interface BrandingResult {
     backgroundImage?: string;
     backgroundGradientStart?: string;
     backgroundGradientEnd?: string;
+    headerColor?: string;
+    headerGradientEnd?: string;
+    sidebarColor?: string;
+    sidebarGradientEnd?: string;
+    contentBackgroundColor?: string;
+    contentBackgroundGradientEnd?: string;
+    customCSS?: string;
 }
 /**
  * Normalizes and validates CSS color values to prevent CSS injection attacks.
@@ -32,6 +39,11 @@ declare const normalizeColor: (color?: string) => string | undefined;
  * @returns The sanitized URL or undefined if invalid
  */
 declare const sanitizeUrlForCss: (url?: string) => string | undefined;
+/**
+ * Determines if a hex color is "dark" based on relative luminance.
+ * Used for choosing white vs dark text on colored backgrounds.
+ */
+declare const isDarkColor: (hex?: string) => boolean;
 declare const decodeBranding: ({ brandingData }: RawBranding) => BrandingResult;
 
-export { type BrandingResult as B, type BackgroundType as a, decodeBranding as d, normalizeColor as n, sanitizeUrlForCss as s };
+export { type BrandingResult as B, type BackgroundType as a, decodeBranding as d, isDarkColor as i, normalizeColor as n, sanitizeUrlForCss as s };

package/dist/esm/actions/branding-actions.js

@@ -244,14 +244,17 @@ async function handleServerError(statusCode) {
 var getApiOrigin = () => {
   return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
 };
-var fetchCustomBrandingImpl = async () => {
+var fetchCustomBrandingImpl = async (version) => {
   const appSlug = process.env.PORTAL_APP_SLUG;
   if (!appSlug) {
     throw new Error("PORTAL_APP_SLUG is not configured");
   }
-  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
+  let url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
     appSlug
   )}`;
+  if (version) {
+    url += `&version=${encodeURIComponent(version)}`;
+  }
   if (process.env.NODE_ENV !== "production") {
     console.debug(
       "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
@@ -280,7 +283,14 @@ var fetchCustomBrandingImpl = async () => {
     background: payload.background,
     backgroundImage: payload.backgroundImage,
     customColor1: payload.customColor1,
-    customColor2: payload.customColor2
+    customColor2: payload.customColor2,
+    headerColor: payload.headerColor,
+    headerGradientEnd: payload.headerGradientEnd,
+    sidebarColor: payload.sidebarColor,
+    sidebarGradientEnd: payload.sidebarGradientEnd,
+    contentBackgroundColor: payload.contentBackgroundColor,
+    contentBackgroundGradientEnd: payload.contentBackgroundGradientEnd,
+    customCSS: payload.customCSS
   };
   const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
@@ -367,9 +377,9 @@ var DEFAULT_PRIMARY_COLOR = "#4f46e5";
 var DEFAULT_SECONDARY_COLOR = "#6366f1";
 
 // src/actions/branding-actions.ts
-async function fetchBrandingWithFallbackImpl(fallbackTitle) {
+async function fetchBrandingWithFallbackImpl(fallbackTitle, version) {
   try {
-    return await fetchCustomBranding();
+    return await fetchCustomBranding(version);
   } catch (error) {
     console.error("[branding-actions] Failed to fetch custom branding:", error);
     const fallbackBranding = {