fern-api 0.16.44-rc0 → 0.16.44-rc1

package/bundle.cjs

@@ -731147,7 +731147,7 @@ var AccessTokenPosthogManager = class {
         properties: {
           ...event,
           ...event.properties,
-          version: "0.16.44-rc0",
+          version: "0.16.44-rc1",
           usingAccessToken: true
         }
       });
@@ -731209,7 +731209,7 @@ var UserPosthogManager = class {
       distinctId: this.userId ?? await this.getPersistedDistinctId(),
       event: "CLI",
       properties: {
-        version: "0.16.44-rc0",
+        version: "0.16.44-rc1",
         ...event,
         ...event.properties
       }
@@ -756891,10 +756891,10 @@ var CliContext = class {
     return "fern-api";
   }
   getPackageVersion() {
-    if ("0.16.44-rc0" == null) {
+    if ("0.16.44-rc1" == null) {
       this.logger.error("CLI_VERSION is not defined");
     }
-    return "0.16.44-rc0";
+    return "0.16.44-rc1";
   }
   getCliName() {
     if ("fern" == null) {
@@ -772800,6 +772800,119 @@ function validateWCAG2Parms(parms) {
   };
 }
 
+// pnp:/home/circleci/project/packages/cli/config-management/docs-configuration/lib/convertColorsConfiguration.js
+function convertColorsConfiguration(rawConfig, context) {
+  const colorType = getColorType(rawConfig);
+  switch (colorType) {
+    case "dark":
+      return {
+        type: "dark",
+        ...convertThemedColorConfig(rawConfig, context, "dark")
+      };
+    case "light":
+      return {
+        type: "light",
+        ...convertThemedColorConfig(rawConfig, context, "light")
+      };
+    case "darkAndLight":
+      return {
+        type: "darkAndLight",
+        dark: convertThemedColorConfig(rawConfig, context, "dark"),
+        light: convertThemedColorConfig(rawConfig, context, "light")
+      };
+    default:
+      assertNever(colorType);
+  }
+}
+function getColorType({ background, accentPrimary }) {
+  if (typeof background === "string" && typeof accentPrimary === "string") {
+    return tinycolor(background).isDark() ? "dark" : "light";
+  }
+  if (background != null) {
+    if (typeof background === "string") {
+      return tinycolor(background).isDark() ? "dark" : "light";
+    }
+    if (background.dark != null && background.light != null) {
+      return "darkAndLight";
+    }
+  }
+  if (accentPrimary != null) {
+    if (typeof accentPrimary === "string") {
+      return tinycolor(accentPrimary).isLight() ? "dark" : "light";
+    }
+    if (accentPrimary.dark != null && accentPrimary.light != null) {
+      return "darkAndLight";
+    }
+  }
+  if (accentPrimary != null && background != null) {
+    if (background.dark != null && accentPrimary.dark != null) {
+      return "dark";
+    }
+    if (background.light != null && accentPrimary.light != null) {
+      return "light";
+    }
+  }
+  return "darkAndLight";
+}
+function convertThemedColorConfig(rawConfig, context, theme) {
+  let accentPrimaryColor = getColorInstanceFromRawConfig(rawConfig.accentPrimary, context, "accentPrimary", theme);
+  let backgroundColor = getColorInstanceFromRawConfig(rawConfig.background, context, "background", theme);
+  backgroundColor = enforceTheme(backgroundColor, context, "background", theme);
+  accentPrimaryColor = enforceTheme(accentPrimaryColor, context, "accentPrimary", theme === "dark" ? "light" : "dark");
+  if (accentPrimaryColor != null && backgroundColor != null) {
+    if (!tinycolor.isReadable(accentPrimaryColor, backgroundColor)) {
+      const ratio = tinycolor.readability(accentPrimaryColor, backgroundColor);
+      accentPrimaryColor = tinycolor.mostReadable(backgroundColor, accentPrimaryColor.monochromatic(3));
+      context.logger.warn(`The accent color is not readable on the background color in ${theme} mode. The contrast ratio is ${ratio}. We've adjusted the accent color to ${accentPrimaryColor.toHexString()} to improve readability.`);
+    }
+  }
+  return {
+    accentPrimary: toRgb2(accentPrimaryColor),
+    background: toRgb2(backgroundColor)
+  };
+}
+function enforceTheme(color3, context, key2, theme) {
+  if (color3 == null) {
+    return void 0;
+  }
+  if (theme === "dark" && color3.isDark()) {
+    return color3;
+  } else if (theme === "light" && color3.isLight()) {
+    return color3;
+  }
+  const newColor = getOppositeLuminance(color3);
+  context.logger.warn(`The ${key2} color should be ${theme}. We've adjusted the color to ${newColor.toHexString()} to match the theme by flipping its luminance.`);
+  return newColor;
+}
+function getOppositeLuminance(color3) {
+  if (color3 == null) {
+    return void 0;
+  }
+  const { h: h3, s: s2, l: l2 } = color3.toHsl();
+  return tinycolor({ h: h3, s: s2, l: 1 - l2 });
+}
+function toRgb2(color3) {
+  if (color3 == null) {
+    return void 0;
+  }
+  const { r: r2, g: g2, b: b2 } = color3.toRgb();
+  return { r: r2, g: g2, b: b2 };
+}
+function getColorInstanceFromRawConfig(raw, context, key2, theme) {
+  if (raw == null) {
+    return void 0;
+  }
+  const rawColor = typeof raw === "string" ? raw : raw[theme] ?? raw.dark ?? raw.light;
+  if (rawColor == null) {
+    return void 0;
+  }
+  const color3 = tinycolor(rawColor);
+  if (!color3.isValid()) {
+    context.failAndThrow(`'${typeof raw === "string" ? key2 : `${key2}.${theme}`}' should be a hex color of the format #FFFFFF`);
+  }
+  return color3;
+}
+
 // pnp:/home/circleci/project/packages/cli/config-management/docs-configuration/lib/getAllPages.js
 var import_promises39 = require("fs/promises");
 async function getAllPages({ navigation, absolutePathToFernFolder }) {
@@ -773112,68 +773225,6 @@ async function convertImageReference({ rawImageReference, absoluteFilepathToDocs
     })
   };
 }
-function getColorType(colorConfig) {
-  if (colorConfig == null) {
-    return "dark";
-  }
-  if (typeof colorConfig === "string") {
-    if (tinycolor(colorConfig).isValid()) {
-      return tinycolor(colorConfig).isDark() ? "dark" : "light";
-    } else {
-      return "dark";
-    }
-  }
-  if (colorConfig.dark != null && colorConfig.light != null) {
-    return "darkAndLight";
-  }
-  if (colorConfig.dark != null) {
-    return "dark";
-  }
-  if (colorConfig.light != null) {
-    return "light";
-  }
-  return "dark";
-}
-function convertColorsConfiguration(rawConfig, context) {
-  const colorType = getColorType(rawConfig.background ?? rawConfig.accentPrimary);
-  switch (colorType) {
-    case "dark":
-      return {
-        type: "dark",
-        accentPrimary: rawConfig.accentPrimary != null ? convertColorConfiguration(rawConfig.accentPrimary, context, "accentPrimary", "dark") : void 0,
-        background: rawConfig.background != null ? convertColorConfiguration(rawConfig.background, context, "background", "dark") : void 0
-      };
-    case "light":
-      return {
-        type: "light",
-        accentPrimary: rawConfig.accentPrimary != null ? convertColorConfiguration(rawConfig.accentPrimary, context, "accentPrimary", "light") : void 0,
-        background: rawConfig.background != null ? convertColorConfiguration(rawConfig.background, context, "background", "light") : void 0
-      };
-    case "darkAndLight":
-      return {
-        type: "darkAndLight",
-        dark: {
-          accentPrimary: rawConfig.accentPrimary != null ? convertColorConfiguration(rawConfig.accentPrimary, context, "accentPrimary", "dark") : void 0,
-          background: rawConfig.background != null ? convertColorConfiguration(rawConfig.background, context, "background", "dark") : void 0
-        },
-        light: {
-          accentPrimary: rawConfig.accentPrimary != null ? convertColorConfiguration(rawConfig.accentPrimary, context, "accentPrimary", "light") : void 0,
-          background: rawConfig.background != null ? convertColorConfiguration(rawConfig.background, context, "background", "light") : void 0
-        }
-      };
-    default:
-      assertNever(colorType);
-  }
-}
-function convertColorConfiguration(raw, context, key2, theme) {
-  const rawColor = typeof raw === "string" ? raw : raw[theme] ?? raw.dark ?? raw.light;
-  const color3 = tinycolor(rawColor);
-  if (!color3.isValid()) {
-    context.failAndThrow(`'${typeof raw === "string" ? key2 : `${key2}.${theme}`}' should be a hex color of the format #FFFFFF`);
-  }
-  const rgb = color3.toRgb();
-  return { r: rgb.r, g: rgb.g, b: rgb.b };
-}
 function convertNavbarLinks(rawConfig) {
   return rawConfig.map((rawNavbarLink) => {
     switch (rawNavbarLink.type) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fern-api",
-  "version": "0.16.44-rc0",
+  "version": "0.16.44-rc1",
   "repository": {
     "type": "git",
     "url": "https://github.com/fern-api/fern.git",