@replicated/portal-components 0.0.26 → 0.0.28

package/components/metadata/registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.26",
-  "generatedAt": "2026-02-14T00:41:33.864Z",
+  "version": "0.0.28",
+  "generatedAt": "2026-02-26T01:57:39.507Z",
   "components": [
     {
       "name": "Button",

package/components/metadata/registry.md

@@ -1,7 +1,7 @@
 # Component Registry
 
-- Version: 0.0.26
-- Generated: 2026-02-14T00:41:33.864Z
+- Version: 0.0.28
+- Generated: 2026-02-26T01:57:39.507Z
 
 ## Button
 

package/dist/actions/branding-actions.d.mts

@@ -2,6 +2,6 @@ interface CustomBrandingResponse {
     brandingData: string;
     documentation: unknown;
 }
-declare const fetchBrandingWithFallback: (fallbackTitle: string) => Promise<CustomBrandingResponse>;
+declare const fetchBrandingWithFallback: (fallbackTitle: string, version?: string | undefined) => Promise<CustomBrandingResponse>;
 
 export { type CustomBrandingResponse, fetchBrandingWithFallback };

package/dist/actions/branding-actions.d.ts

@@ -2,6 +2,6 @@ interface CustomBrandingResponse {
     brandingData: string;
     documentation: unknown;
 }
-declare const fetchBrandingWithFallback: (fallbackTitle: string) => Promise<CustomBrandingResponse>;
+declare const fetchBrandingWithFallback: (fallbackTitle: string, version?: string | undefined) => Promise<CustomBrandingResponse>;
 
 export { type CustomBrandingResponse, fetchBrandingWithFallback };

package/dist/actions/branding-actions.js

@@ -246,14 +246,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)",
@@ -282,7 +285,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.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
@@ -369,9 +379,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 = {