@salesforce/ui-theme-manager 11.63.0 → 11.66.1

package/dist/protocol/brandCss.cjs

@@ -1,9 +1,39 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const chroma = require("chroma-js");
 const brandResolver = require("./brandResolver.cjs");
 function formatDimension(dim) {
   return `${dim.value}${dim.unit}`;
 }
+const OKLCH_DISPLAY_VARS = [
+  "--tm-color-primary",
+  "--tm-color-secondary",
+  "--tm-color-accent",
+  "--tm-color-background",
+  "--tm-color-surface"
+];
+function toOklchString(color) {
+  if (!color || !chroma.valid(color)) return void 0;
+  try {
+    const [l, c, h] = chroma(color).oklch();
+    const L = Number(l.toFixed(2));
+    const C = Number(c.toFixed(3));
+    const H = Number.isNaN(h) ? 0 : Number(h.toFixed(0));
+    return `oklch(${L} ${C} ${H})`;
+  } catch {
+    return void 0;
+  }
+}
+function oklchDisplayVars(variables) {
+  const out = {};
+  for (const colorVar of OKLCH_DISPLAY_VARS) {
+    const oklch = toOklchString(variables[colorVar]);
+    if (oklch) {
+      out[`${colorVar}-oklch`] = `"${oklch}"`;
+    }
+  }
+  return out;
+}
 function buildFontStack(font) {
   if (typeof font === "string" && font.startsWith("{!$brand")) {
     return "system-ui, -apple-system, sans-serif";
@@ -234,12 +264,16 @@ function brandToVariables(brand) {
   if (brand.borderWeight?.none) {
     vars["--tm-border-weight-none"] = formatDimension(brand.borderWeight.none);
   }
+  Object.assign(vars, oklchDisplayVars(vars));
+  if (vars["--tm-border-radius"]) {
+    vars["--tm-border-radius-label"] = `"${vars["--tm-border-radius"]}"`;
+  }
   return vars;
 }
 function generateBrandCss(brand) {
   const resolved = brandResolver.resolveBrandTokens(brand);
   const vars = brandToVariables(resolved);
-  const cssVars = Object.entries(vars).map(([key, value]) => `  ${key}: ${value};`).join("\n");
+  const cssVars = Object.entries(vars).filter(([key]) => !key.endsWith("-oklch") && !key.endsWith("-label")).map(([key, value]) => `  ${key}: ${value};`).join("\n");
   const title = brand["sfdc_cms:title"] ?? "Untitled Brand";
   return `/**
  * Brand: ${title}
@@ -251,5 +285,8 @@ ${cssVars}
 }
 `;
 }
+exports.OKLCH_DISPLAY_VARS = OKLCH_DISPLAY_VARS;
 exports.brandToVariables = brandToVariables;
 exports.generateBrandCss = generateBrandCss;
+exports.oklchDisplayVars = oklchDisplayVars;
+exports.toOklchString = toOklchString;

package/dist/protocol/brandCss.d.cts

@@ -1,4 +1,23 @@
 import { Brand } from './brandTypes.cjs';
+/** Palette colors surfaced as live `oklch(...)` text in the brand preview card. */
+export declare const OKLCH_DISPLAY_VARS: readonly ["--tm-color-primary", "--tm-color-secondary", "--tm-color-accent", "--tm-color-background", "--tm-color-surface"];
+/**
+ * Formats a color as an `oklch(L C H)` display string (e.g. "oklch(0.72 0.16 131)").
+ *
+ * Uses chroma-js to convert into the OKLCh color space, then rounds for a compact,
+ * readable label: L to 2 decimals, C to 3, H to a whole degree, with trailing zeros
+ * trimmed by `Number()`. Achromatic colors report a hue of 0 (chroma yields NaN).
+ * Returns undefined for values chroma can't parse.
+ */
+export declare function toOklchString(color: string | undefined): string | undefined;
+/**
+ * Given a record of `--tm-*` variables, returns the `--tm-color-*-oklch` display
+ * companions for each palette color present: a quoted `oklch(...)` CSS `<string>`
+ * ready for `content: var(...)`. Shared by `brandToVariables` (so live updates
+ * carry fresh labels) and the preview generator (so the initial render — including
+ * the theme path — shows values).
+ */
+export declare function oklchDisplayVars(variables: Record<string, string>): Record<string, string>;
 /**
  * Maps a resolved Brand object to CSS custom properties using the `--tm-*` prefix.
  * Reuses existing --tm-* variable names for semantic compatibility with the Theme preview.

package/dist/protocol/brandCss.d.ts

@@ -1,4 +1,23 @@
 import { Brand } from './brandTypes.js';
+/** Palette colors surfaced as live `oklch(...)` text in the brand preview card. */
+export declare const OKLCH_DISPLAY_VARS: readonly ["--tm-color-primary", "--tm-color-secondary", "--tm-color-accent", "--tm-color-background", "--tm-color-surface"];
+/**
+ * Formats a color as an `oklch(L C H)` display string (e.g. "oklch(0.72 0.16 131)").
+ *
+ * Uses chroma-js to convert into the OKLCh color space, then rounds for a compact,
+ * readable label: L to 2 decimals, C to 3, H to a whole degree, with trailing zeros
+ * trimmed by `Number()`. Achromatic colors report a hue of 0 (chroma yields NaN).
+ * Returns undefined for values chroma can't parse.
+ */
+export declare function toOklchString(color: string | undefined): string | undefined;
+/**
+ * Given a record of `--tm-*` variables, returns the `--tm-color-*-oklch` display
+ * companions for each palette color present: a quoted `oklch(...)` CSS `<string>`
+ * ready for `content: var(...)`. Shared by `brandToVariables` (so live updates
+ * carry fresh labels) and the preview generator (so the initial render — including
+ * the theme path — shows values).
+ */
+export declare function oklchDisplayVars(variables: Record<string, string>): Record<string, string>;
 /**
  * Maps a resolved Brand object to CSS custom properties using the `--tm-*` prefix.
  * Reuses existing --tm-* variable names for semantic compatibility with the Theme preview.

package/dist/protocol/brandCss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brandCss.d.ts","sourceRoot":"","sources":["../../src/protocol/brandCss.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAmC,MAAM,cAAc,CAAC;AAyD3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiPrE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAkBrD"}
+{"version":3,"file":"brandCss.d.ts","sourceRoot":"","sources":["../../src/protocol/brandCss.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAmC,MAAM,cAAc,CAAC;AAS3E,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,6HAMrB,CAAC;AAEX;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAW3E;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU1F;AAkDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA+PrE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAsBrD"}

package/dist/protocol/brandCss.js

@@ -1,7 +1,37 @@
+import chroma from "chroma-js";
 import { resolveBrandTokens } from "./brandResolver.js";
 function formatDimension(dim) {
   return `${dim.value}${dim.unit}`;
 }
+const OKLCH_DISPLAY_VARS = [
+  "--tm-color-primary",
+  "--tm-color-secondary",
+  "--tm-color-accent",
+  "--tm-color-background",
+  "--tm-color-surface"
+];
+function toOklchString(color) {
+  if (!color || !chroma.valid(color)) return void 0;
+  try {
+    const [l, c, h] = chroma(color).oklch();
+    const L = Number(l.toFixed(2));
+    const C = Number(c.toFixed(3));
+    const H = Number.isNaN(h) ? 0 : Number(h.toFixed(0));
+    return `oklch(${L} ${C} ${H})`;
+  } catch {
+    return void 0;
+  }
+}
+function oklchDisplayVars(variables) {
+  const out = {};
+  for (const colorVar of OKLCH_DISPLAY_VARS) {
+    const oklch = toOklchString(variables[colorVar]);
+    if (oklch) {
+      out[`${colorVar}-oklch`] = `"${oklch}"`;
+    }
+  }
+  return out;
+}
 function buildFontStack(font) {
   if (typeof font === "string" && font.startsWith("{!$brand")) {
     return "system-ui, -apple-system, sans-serif";
@@ -232,12 +262,16 @@ function brandToVariables(brand) {
   if (brand.borderWeight?.none) {
     vars["--tm-border-weight-none"] = formatDimension(brand.borderWeight.none);
   }
+  Object.assign(vars, oklchDisplayVars(vars));
+  if (vars["--tm-border-radius"]) {
+    vars["--tm-border-radius-label"] = `"${vars["--tm-border-radius"]}"`;
+  }
   return vars;
 }
 function generateBrandCss(brand) {
   const resolved = resolveBrandTokens(brand);
   const vars = brandToVariables(resolved);
-  const cssVars = Object.entries(vars).map(([key, value]) => `  ${key}: ${value};`).join("\n");
+  const cssVars = Object.entries(vars).filter(([key]) => !key.endsWith("-oklch") && !key.endsWith("-label")).map(([key, value]) => `  ${key}: ${value};`).join("\n");
   const title = brand["sfdc_cms:title"] ?? "Untitled Brand";
   return `/**
  * Brand: ${title}
@@ -250,6 +284,9 @@ ${cssVars}
 `;
 }
 export {
+  OKLCH_DISPLAY_VARS,
   brandToVariables,
-  generateBrandCss
+  generateBrandCss,
+  oklchDisplayVars,
+  toOklchString
 };

package/dist/protocol/brandSearch.cjs

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MIN_SEARCH_QUERY_LENGTH = 3;
 const SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = 62;
+const ALL_PUBLISHED_BRANDS_KEYWORD = "0ap";
+const DEFAULT_BRAND_PRELOAD_LIMIT = 5;
 const DEFAULT_BRAND_SEARCH_OPTIONS = {
   searchLanguage: "en_US",
   channelType: "PublicUnauthenticated",
@@ -17,20 +19,29 @@ function resolveSearchApiVersion(apiVersion) {
 }
 function buildBrandSearchRequest(query, apiVersion, options = {}) {
   const version = resolveSearchApiVersion(apiVersion);
+  const input = {
+    searchKeyword: query,
+    searchLanguage: options.searchLanguage ?? DEFAULT_BRAND_SEARCH_OPTIONS.searchLanguage,
+    channelType: options.channelType ?? DEFAULT_BRAND_SEARCH_OPTIONS.channelType,
+    contentTypeFqn: options.contentTypeFqn ?? DEFAULT_BRAND_SEARCH_OPTIONS.contentTypeFqn
+  };
+  if (options.pageOffset !== void 0) {
+    input.pageOffset = options.pageOffset;
+  }
+  if (options.searchLimit !== void 0) {
+    input.searchLimit = options.searchLimit;
+  }
   return {
     path: `/services/data/v${version}/actions/standard/searchCmsChannelContent`,
-    body: {
-      inputs: [
-        {
-          searchKeyword: query,
-          searchLanguage: options.searchLanguage ?? DEFAULT_BRAND_SEARCH_OPTIONS.searchLanguage,
-          channelType: options.channelType ?? DEFAULT_BRAND_SEARCH_OPTIONS.channelType,
-          contentTypeFqn: options.contentTypeFqn ?? DEFAULT_BRAND_SEARCH_OPTIONS.contentTypeFqn
-        }
-      ]
-    }
+    body: { inputs: [input] }
   };
 }
+function buildBrandPreloadRequest(apiVersion, limit = DEFAULT_BRAND_PRELOAD_LIMIT) {
+  return buildBrandSearchRequest(ALL_PUBLISHED_BRANDS_KEYWORD, apiVersion, {
+    pageOffset: 0,
+    searchLimit: limit
+  });
+}
 function parseBrandSearchResponse(response) {
   const results = Array.isArray(response) ? response : [response];
   const result = results[0];
@@ -54,9 +65,12 @@ function parseBrandSearchResponse(response) {
 function getContentUrl(item) {
   return item.managedContentChannelDeliveryDetails?.find((detail) => detail?.contentUrl)?.contentUrl;
 }
+exports.ALL_PUBLISHED_BRANDS_KEYWORD = ALL_PUBLISHED_BRANDS_KEYWORD;
+exports.DEFAULT_BRAND_PRELOAD_LIMIT = DEFAULT_BRAND_PRELOAD_LIMIT;
 exports.DEFAULT_BRAND_SEARCH_OPTIONS = DEFAULT_BRAND_SEARCH_OPTIONS;
 exports.MIN_SEARCH_QUERY_LENGTH = MIN_SEARCH_QUERY_LENGTH;
 exports.SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION;
+exports.buildBrandPreloadRequest = buildBrandPreloadRequest;
 exports.buildBrandSearchRequest = buildBrandSearchRequest;
 exports.getContentUrl = getContentUrl;
 exports.isValidSearchQuery = isValidSearchQuery;

package/dist/protocol/brandSearch.d.cts

@@ -21,6 +21,15 @@
 export declare const MIN_SEARCH_QUERY_LENGTH = 3;
 /** Minimum API version that exposes the `searchCmsChannelContent` action. */
 export declare const SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = 62;
+/**
+ * Keyword that matches all published brands. Every published brand's key is
+ * prefixed with `0ap`, so searching that prefix returns the full published set —
+ * used to preload the org gallery so it isn't empty before the user searches.
+ * (Confirmed by the owners of the `searchCmsChannelContent` action.)
+ */
+export declare const ALL_PUBLISHED_BRANDS_KEYWORD = "0ap";
+/** Default page size for the brand preload (keep the initial gallery small). */
+export declare const DEFAULT_BRAND_PRELOAD_LIMIT = 5;
 /** Default input parameters for a brand search on an unauthenticated channel. */
 export declare const DEFAULT_BRAND_SEARCH_OPTIONS: {
     readonly searchLanguage: "en_US";
@@ -59,6 +68,10 @@ export interface BrandSearchRequestInput {
     searchLanguage: string;
     channelType: string;
     contentTypeFqn: string;
+    /** Zero-based page offset for paginated results. Omitted when not provided. */
+    pageOffset?: number;
+    /** Maximum number of results to return. Omitted when not provided. */
+    searchLimit?: number;
 }
 /** Overridable subset of the search inputs; keyword is supplied separately. */
 export type BrandSearchOptions = Partial<Omit<BrandSearchRequestInput, "searchKeyword">>;
@@ -113,6 +126,17 @@ export declare function resolveSearchApiVersion(apiVersion: string): string;
  * @param options - Optional overrides for language, channel type, content type
  */
 export declare function buildBrandSearchRequest(query: string, apiVersion: string, options?: BrandSearchOptions): BrandSearchRequest;
+/**
+ * Build a request that preloads the published brands for the org gallery. Uses
+ * the all-brands keyword prefix with a bounded page so the initial list isn't
+ * empty before the user runs a search. A thin wrapper over
+ * `buildBrandSearchRequest` — the host issues the POST as usual and feeds the
+ * response to `parseBrandSearchResponse`.
+ *
+ * @param apiVersion - The host connection's API version
+ * @param limit - Max brands to preload (defaults to `DEFAULT_BRAND_PRELOAD_LIMIT`)
+ */
+export declare function buildBrandPreloadRequest(apiVersion: string, limit?: number): BrandSearchRequest;
 /**
  * Parse the raw `searchCmsChannelContent` response into items and a total.
  *

package/dist/protocol/brandSearch.d.ts

@@ -21,6 +21,15 @@
 export declare const MIN_SEARCH_QUERY_LENGTH = 3;
 /** Minimum API version that exposes the `searchCmsChannelContent` action. */
 export declare const SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = 62;
+/**
+ * Keyword that matches all published brands. Every published brand's key is
+ * prefixed with `0ap`, so searching that prefix returns the full published set —
+ * used to preload the org gallery so it isn't empty before the user searches.
+ * (Confirmed by the owners of the `searchCmsChannelContent` action.)
+ */
+export declare const ALL_PUBLISHED_BRANDS_KEYWORD = "0ap";
+/** Default page size for the brand preload (keep the initial gallery small). */
+export declare const DEFAULT_BRAND_PRELOAD_LIMIT = 5;
 /** Default input parameters for a brand search on an unauthenticated channel. */
 export declare const DEFAULT_BRAND_SEARCH_OPTIONS: {
     readonly searchLanguage: "en_US";
@@ -59,6 +68,10 @@ export interface BrandSearchRequestInput {
     searchLanguage: string;
     channelType: string;
     contentTypeFqn: string;
+    /** Zero-based page offset for paginated results. Omitted when not provided. */
+    pageOffset?: number;
+    /** Maximum number of results to return. Omitted when not provided. */
+    searchLimit?: number;
 }
 /** Overridable subset of the search inputs; keyword is supplied separately. */
 export type BrandSearchOptions = Partial<Omit<BrandSearchRequestInput, "searchKeyword">>;
@@ -113,6 +126,17 @@ export declare function resolveSearchApiVersion(apiVersion: string): string;
  * @param options - Optional overrides for language, channel type, content type
  */
 export declare function buildBrandSearchRequest(query: string, apiVersion: string, options?: BrandSearchOptions): BrandSearchRequest;
+/**
+ * Build a request that preloads the published brands for the org gallery. Uses
+ * the all-brands keyword prefix with a bounded page so the initial list isn't
+ * empty before the user runs a search. A thin wrapper over
+ * `buildBrandSearchRequest` — the host issues the POST as usual and feeds the
+ * response to `parseBrandSearchResponse`.
+ *
+ * @param apiVersion - The host connection's API version
+ * @param limit - Max brands to preload (defaults to `DEFAULT_BRAND_PRELOAD_LIMIT`)
+ */
+export declare function buildBrandPreloadRequest(apiVersion: string, limit?: number): BrandSearchRequest;
 /**
  * Parse the raw `searchCmsChannelContent` response into items and a total.
  *

package/dist/protocol/brandSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brandSearch.d.ts","sourceRoot":"","sources":["../../src/protocol/brandSearch.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"brandSearch.d.ts","sourceRoot":"","sources":["../../src/protocol/brandSearch.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;GAaG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,6EAA6E;AAC7E,eAAO,MAAM,0CAA0C,KAAK,CAAC;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,QAAQ,CAAC;AAElD,gFAAgF;AAChF,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,iFAAiF;AACjF,eAAO,MAAM,4BAA4B;;;;CAI/B,CAAC;AAEX,uFAAuF;AACvF,MAAM,WAAW,sBAAsB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE;QAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAChE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACvB;AAED,gFAAgF;AAChF,MAAM,WAAW,uBAAuB;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+EAA+E;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC,CAAC;AAEzF,kEAAkE;AAClE,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE;QACL,MAAM,EAAE,uBAAuB,EAAE,CAAC;KAClC,CAAC;CACF;AAED,gDAAgD;AAChD,MAAM,WAAW,6BAA6B;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE;QACd,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,CAAC;CACT;AAED,mFAAmF;AACnF,MAAM,WAAW,iBAAiB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAMlE;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACtC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,kBAAuB,GAC9B,kBAAkB,CAoBpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CACvC,UAAU,EAAE,MAAM,EAClB,KAAK,GAAE,MAAoC,GACzC,kBAAkB,CAKpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,iBAAiB,CA6B7E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,GAAG,SAAS,CAGvE"}

package/dist/protocol/brandSearch.js

@@ -1,5 +1,7 @@
 const MIN_SEARCH_QUERY_LENGTH = 3;
 const SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = 62;
+const ALL_PUBLISHED_BRANDS_KEYWORD = "0ap";
+const DEFAULT_BRAND_PRELOAD_LIMIT = 5;
 const DEFAULT_BRAND_SEARCH_OPTIONS = {
   searchLanguage: "en_US",
   channelType: "PublicUnauthenticated",
@@ -15,20 +17,29 @@ function resolveSearchApiVersion(apiVersion) {
 }
 function buildBrandSearchRequest(query, apiVersion, options = {}) {
   const version = resolveSearchApiVersion(apiVersion);
+  const input = {
+    searchKeyword: query,
+    searchLanguage: options.searchLanguage ?? DEFAULT_BRAND_SEARCH_OPTIONS.searchLanguage,
+    channelType: options.channelType ?? DEFAULT_BRAND_SEARCH_OPTIONS.channelType,
+    contentTypeFqn: options.contentTypeFqn ?? DEFAULT_BRAND_SEARCH_OPTIONS.contentTypeFqn
+  };
+  if (options.pageOffset !== void 0) {
+    input.pageOffset = options.pageOffset;
+  }
+  if (options.searchLimit !== void 0) {
+    input.searchLimit = options.searchLimit;
+  }
   return {
     path: `/services/data/v${version}/actions/standard/searchCmsChannelContent`,
-    body: {
-      inputs: [
-        {
-          searchKeyword: query,
-          searchLanguage: options.searchLanguage ?? DEFAULT_BRAND_SEARCH_OPTIONS.searchLanguage,
-          channelType: options.channelType ?? DEFAULT_BRAND_SEARCH_OPTIONS.channelType,
-          contentTypeFqn: options.contentTypeFqn ?? DEFAULT_BRAND_SEARCH_OPTIONS.contentTypeFqn
-        }
-      ]
-    }
+    body: { inputs: [input] }
   };
 }
+function buildBrandPreloadRequest(apiVersion, limit = DEFAULT_BRAND_PRELOAD_LIMIT) {
+  return buildBrandSearchRequest(ALL_PUBLISHED_BRANDS_KEYWORD, apiVersion, {
+    pageOffset: 0,
+    searchLimit: limit
+  });
+}
 function parseBrandSearchResponse(response) {
   const results = Array.isArray(response) ? response : [response];
   const result = results[0];
@@ -53,9 +64,12 @@ function getContentUrl(item) {
   return item.managedContentChannelDeliveryDetails?.find((detail) => detail?.contentUrl)?.contentUrl;
 }
 export {
+  ALL_PUBLISHED_BRANDS_KEYWORD,
+  DEFAULT_BRAND_PRELOAD_LIMIT,
   DEFAULT_BRAND_SEARCH_OPTIONS,
   MIN_SEARCH_QUERY_LENGTH,
   SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION,
+  buildBrandPreloadRequest,
   buildBrandSearchRequest,
   getContentUrl,
   isValidSearchQuery,

package/dist/protocol/index.cjs

@@ -37,16 +37,22 @@ exports.unwrapBrandEnvelope = brandTypes.unwrapBrandEnvelope;
 exports.isBrandRef = brandResolver.isBrandRef;
 exports.resolveBrandTokens = brandResolver.resolveBrandTokens;
 exports.resolveRef = brandResolver.resolveRef;
+exports.OKLCH_DISPLAY_VARS = brandCss.OKLCH_DISPLAY_VARS;
 exports.brandToVariables = brandCss.brandToVariables;
 exports.generateBrandCss = brandCss.generateBrandCss;
+exports.oklchDisplayVars = brandCss.oklchDisplayVars;
+exports.toOklchString = brandCss.toOklchString;
 exports.darkenColor = deriveColors.darkenColor;
 exports.deriveBrandColors = deriveColors.deriveBrandColors;
 exports.derivePrimaryAccentContrastDerived = deriveColors.derivePrimaryAccentContrastDerived;
 exports.derivePrimaryAccentDerived = deriveColors.derivePrimaryAccentDerived;
 exports.updateDerivedColors = deriveColors.updateDerivedColors;
+exports.ALL_PUBLISHED_BRANDS_KEYWORD = brandSearch.ALL_PUBLISHED_BRANDS_KEYWORD;
+exports.DEFAULT_BRAND_PRELOAD_LIMIT = brandSearch.DEFAULT_BRAND_PRELOAD_LIMIT;
 exports.DEFAULT_BRAND_SEARCH_OPTIONS = brandSearch.DEFAULT_BRAND_SEARCH_OPTIONS;
 exports.MIN_SEARCH_QUERY_LENGTH = brandSearch.MIN_SEARCH_QUERY_LENGTH;
 exports.SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION = brandSearch.SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION;
+exports.buildBrandPreloadRequest = brandSearch.buildBrandPreloadRequest;
 exports.buildBrandSearchRequest = brandSearch.buildBrandSearchRequest;
 exports.getContentUrl = brandSearch.getContentUrl;
 exports.isValidSearchQuery = brandSearch.isValidSearchQuery;

package/dist/protocol/index.js

@@ -4,11 +4,13 @@ import { createBuiltInThemes } from "./ootbThemes.js";
 import { camelToLabel, escapeHtml } from "./utils.js";
 import { getBrandLogoAltText, getBrandLogoUrl, getBrandTitle, unwrapBrandEnvelope } from "./brandTypes.js";
 import { isBrandRef, resolveBrandTokens, resolveRef } from "./brandResolver.js";
-import { brandToVariables, generateBrandCss } from "./brandCss.js";
+import { OKLCH_DISPLAY_VARS, brandToVariables, generateBrandCss, oklchDisplayVars, toOklchString } from "./brandCss.js";
 import { darkenColor, deriveBrandColors, derivePrimaryAccentContrastDerived, derivePrimaryAccentDerived, updateDerivedColors } from "./deriveColors.js";
-import { DEFAULT_BRAND_SEARCH_OPTIONS, MIN_SEARCH_QUERY_LENGTH, SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION, buildBrandSearchRequest, getContentUrl, isValidSearchQuery, parseBrandSearchResponse, resolveSearchApiVersion } from "./brandSearch.js";
+import { ALL_PUBLISHED_BRANDS_KEYWORD, DEFAULT_BRAND_PRELOAD_LIMIT, DEFAULT_BRAND_SEARCH_OPTIONS, MIN_SEARCH_QUERY_LENGTH, SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION, buildBrandPreloadRequest, buildBrandSearchRequest, getContentUrl, isValidSearchQuery, parseBrandSearchResponse, resolveSearchApiVersion } from "./brandSearch.js";
 const PROTOCOL_VERSION = "1.0.0";
 export {
+  ALL_PUBLISHED_BRANDS_KEYWORD,
+  DEFAULT_BRAND_PRELOAD_LIMIT,
   DEFAULT_BRAND_SEARCH_OPTIONS,
   MIN_SEARCH_QUERY_LENGTH,
   MSG_APPLY_VIBES,
@@ -26,9 +28,11 @@ export {
   MSG_UPDATE_COMPONENT_OVERRIDE,
   MSG_UPDATE_PROPERTY,
   MSG_UPDATE_THEME,
+  OKLCH_DISPLAY_VARS,
   PROTOCOL_VERSION,
   SEARCH_CMS_CHANNEL_CONTENT_MIN_API_VERSION,
   brandToVariables,
+  buildBrandPreloadRequest,
   buildBrandSearchRequest,
   camelToLabel,
   createBuiltInThemes,
@@ -45,11 +49,13 @@ export {
   getContentUrl,
   isBrandRef,
   isValidSearchQuery,
+  oklchDisplayVars,
   parseBrandSearchResponse,
   resolveBrandTokens,
   resolveRef,
   resolveSearchApiVersion,
   themeToVariables,
+  toOklchString,
   unwrapBrandEnvelope,
   updateDerivedColors
 };