@protonradio/proton-ui 0.11.10-beta.3 → 0.11.10

package/dist/utils/palette.es.js

@@ -1,183 +0,0 @@
-import { toRgba as r, adjustHue as F, getLuminance as c, lighten as A, darken as L, hasBadContrast as P, getScale as _ } from "../node_modules/color2k/dist/index.exports.import.es.es.js";
-import { desaturate as u, saturate as E, arrayToRgbString as D } from "./color2k.es.js";
-import { LIGHT_GRAYSCALE as U } from "../design/lightTheme/colors.es.js";
-import { DARK_GRAYSCALE as s } from "../design/darkTheme/colors.es.js";
-const K = (m) => {
-  const e = D(m), n = _("#FFFFFF", e, "#000000"), t = Array.from({ length: 12 }, (l, x) => {
-    const G = n(x / 11);
-    return u(G, 85e-4);
-  }), i = t.map(
-    (l) => E(h(l), 5e-3)
-  ), S = r(E(F(e, 180), 1)), o = _("#FFFFFF", S, "#000000"), R = Array.from({ length: 12 }, (l, x) => {
-    const G = o(x / 11);
-    return u(G, 0.1);
-  }), I = R.map(
-    (l) => u(h(l), 0.22)
-  ), d = f(
-    E(i[5], 0.115)
-  ), H = u(I[4], 0.02);
-  return {
-    BASE_COLOR: D(m),
-    BRAND: {
-      PRIMARY: d,
-      PRIMARY_LIGHT: a(d, 0.25, {
-        min: 0.6,
-        max: 0.8
-      }),
-      PRIMARY_SUPER_LIGHT: a(d, 0.15, {
-        min: 0.8,
-        max: 0.9
-      }),
-      SECONDARY: H,
-      SECONDARY_LIGHT: a(H, 0.25, {
-        min: 0.6,
-        max: 0.8
-      }),
-      SECONDARY_SUPER_LIGHT: a(H, 0.15, {
-        min: 0.8,
-        max: 0.9
-      })
-    },
-    PRIMARY: {
-      //backgrounds
-      SUPER_DARK: a(
-        T(t[9]),
-        -0.6,
-        {
-          min: 0,
-          max: 0.02
-        }
-      ),
-      DARK: a(T(t[8]), -0.4, {
-        min: 0.01,
-        max: 0.02
-      }),
-      //interactive components
-      MEDIUM: a(i[7], -0.2, {
-        min: 0,
-        max: 0.11
-      }),
-      //borders and seperators
-      MEDIUM_LIGHT: a(
-        u(i[6], 0.1),
-        0.08
-      ),
-      //solid colors
-      LIGHT: a(E(i[5], 0.1), 0.16),
-      //accessible text
-      LIGHTEST: a(
-        E(i[3], 0.2),
-        0.12,
-        {
-          min: 0.5,
-          max: 0.9
-        }
-      ),
-      SUPER_LIGHT: a(i[1], 0.02, {
-        min: 0.76,
-        max: 0.92
-      }),
-      WHITE: a(i[1], 0.11, {
-        min: 0.9,
-        max: 0.98
-      })
-    },
-    SECONDARY: {
-      //backgrounds
-      SUPER_DARK: a(
-        T(R[9]),
-        -0.6,
-        {
-          min: 0,
-          max: 0.02
-        }
-      ),
-      DARK: a(T(R[8]), -0.4, {
-        min: 0.01,
-        max: 0.02
-      }),
-      // interactive components
-      MEDIUM: a(I[7], -0.2, {
-        min: 0,
-        max: 0.11
-      }),
-      //borders and seperators
-      MEDIUM_LIGHT: a(I[6], 0.1),
-      //solid colors
-      LIGHT: a(E(I[5], 0.1), 0.16),
-      //accessible text
-      LIGHTEST: a(
-        E(I[3], 0.2),
-        0.12,
-        {
-          min: 0.5,
-          max: 0.9
-        }
-      ),
-      SUPER_LIGHT: a(I[1], 0.02, {
-        min: 0.76,
-        max: 0.92
-      }),
-      WHITE: a(I[1], 0.11, {
-        min: 0.9,
-        max: 0.98
-      })
-    },
-    //TODO: make theme aware grayscale color scale
-    //Can we remove the basecolor after this?
-    GRAYSCALE: {
-      SUPER_DARK: s.SUPER_DARK,
-      DARK: s.DARK,
-      MEDIUM: s.MEDIUM,
-      MEDIUM_LIGHT: s.MEDIUM_LIGHT,
-      LIGHT: s.LIGHT,
-      LIGHTEST: s.LIGHTEST,
-      SUPER_LIGHT: s.SUPER_LIGHT,
-      WHITE: s.WHITE
-    }
-  };
-}, a = (m, e, n = { min: 0.03, max: 0.97 }) => {
-  let t = m, i = c(t);
-  if (n.min < 0 && (n.min = 0), n.max > 1 && (n.max = 1), n.min >= n.max)
-    throw new Error("Invalid range: min must be less than max");
-  if (e > 0) {
-    const o = n.max - i;
-    if (o <= 0) return r(t);
-    const R = e * (o / (1 - i));
-    t = A(t, R);
-  } else if (e < 0) {
-    const o = i - n.min;
-    if (o <= 0) return r(t);
-    const R = e * (o / i);
-    t = L(t, Math.abs(R));
-  }
-  const S = c(t);
-  return (S > n.max || S < n.min) && (t = M(t, n)), r(t);
-}, M = (m, e) => {
-  let n = m, t = c(n);
-  for (; t > e.max; )
-    n = L(n, 0.05), t = c(n);
-  for (; t < e.min; )
-    n = A(n, 0.05), t = c(n);
-  return r(n);
-}, T = (m) => {
-  for (; P(m, "readable", U.DARK); )
-    m = A(m, 0.01);
-  return r(m);
-}, f = (m) => {
-  for (; P(U.SUPER_LIGHT, "readable", m); )
-    m = L(m, 0.01);
-  return r(m);
-}, h = (m) => {
-  let e = m, n = c(r(e)), t = 0;
-  const i = 6;
-  for (; n < 0.16 && t < i; )
-    t++, e = A(e, 0.1), n = c(r(e));
-  for (; n > 0.6 && t < i; )
-    t++, e = L(e, 0.1), n = c(r(e));
-  return r(e);
-};
-export {
-  K as generatePalette
-};
-//# sourceMappingURL=palette.es.js.map

package/dist/utils/palette.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.es.js","sources":["../../src/utils/palette.ts"],"sourcesContent":["import {\r\n  adjustHue,\r\n  darken,\r\n  getLuminance,\r\n  getScale,\r\n  hasBadContrast,\r\n  lighten,\r\n  toRgba,\r\n} from \"color2k\";\r\nimport { ProtonPalette, RGBArray } from \"../design/types\";\r\nimport { arrayToRgbString, desaturate, saturate } from \"./color2k\";\r\nimport { LIGHT_GRAYSCALE } from \"../design/lightTheme/colors\";\r\nimport { DARK_GRAYSCALE } from \"../design/darkTheme/colors\";\r\n\r\n/**\r\n * Generates a complete color palette based on a primary color input.\r\n * The palette includes primary and secondary color scales with varying shades.\r\n *\r\n * @param primaryColor - The base RGB color array to generate the palette from\r\n * @returns A Palette object containing:\r\n *          - BRAND colors (primary, light primary, and secondary)\r\n *          - PRIMARY scale (7 shades from super dark to super light)\r\n *          - SECONDARY scale (7 shades from super dark to super light)\r\n *\r\n * The function:\r\n * 1. Creates a 12-color scale from white to the primary color to black\r\n * 2. Generates a complementary secondary color by shifting the hue 180 degrees\r\n * 3. Creates another 12-color scale for the secondary color\r\n * 4. Maps specific positions from these scales to create the final palette structure\r\n */\r\nexport const generatePalette = (baseColor: RGBArray): ProtonPalette => {\r\n  const primaryRgba = arrayToRgbString(baseColor);\r\n\r\n  const primaryScaleFunc = getScale(\"#FFFFFF\", primaryRgba, \"#000000\");\r\n  const primaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = primaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.0085);\r\n  });\r\n\r\n  const adjustedPrimaryScale = primaryScale.map((color) =>\r\n    saturate(adjustBrightnessForLuminance(color), 0.005)\r\n  );\r\n\r\n  const secondaryColor = toRgba(saturate(adjustHue(primaryRgba, 180), 1));\r\n\r\n  const secondaryScaleFunc = getScale(\"#FFFFFF\", secondaryColor, \"#000000\");\r\n  const secondaryScale = Array.from({ length: 12 }, (_, i) => {\r\n    const color = secondaryScaleFunc(i / 11);\r\n    return desaturate(color, 0.1);\r\n  });\r\n\r\n  const adjustedSecondaryScale = secondaryScale.map((color) =>\r\n    desaturate(adjustBrightnessForLuminance(color), 0.22)\r\n  );\r\n\r\n  const brandPrimary = darkenForContrast(\r\n    saturate(adjustedPrimaryScale[5], 0.115)\r\n  );\r\n  const brandSecondary = desaturate(adjustedSecondaryScale[4], 0.02);\r\n\r\n  return {\r\n    BASE_COLOR: arrayToRgbString(baseColor),\r\n    BRAND: {\r\n      PRIMARY: brandPrimary,\r\n      PRIMARY_LIGHT: lightenWithinRange(brandPrimary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      PRIMARY_SUPER_LIGHT: lightenWithinRange(brandPrimary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n      SECONDARY: brandSecondary,\r\n      SECONDARY_LIGHT: lightenWithinRange(brandSecondary, 0.25, {\r\n        min: 0.6,\r\n        max: 0.8,\r\n      }),\r\n      SECONDARY_SUPER_LIGHT: lightenWithinRange(brandSecondary, 0.15, {\r\n        min: 0.8,\r\n        max: 0.9,\r\n      }),\r\n    },\r\n    PRIMARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(primaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(primaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      //interactive components\r\n      MEDIUM: lightenWithinRange(adjustedPrimaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(\r\n        desaturate(adjustedPrimaryScale[6], 0.1),\r\n        0.08\r\n      ),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedPrimaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedPrimaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedPrimaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedPrimaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    SECONDARY: {\r\n      //backgrounds\r\n      SUPER_DARK: lightenWithinRange(\r\n        lightenForContrast(secondaryScale[9]),\r\n        -0.6,\r\n        {\r\n          min: 0.0,\r\n          max: 0.02,\r\n        }\r\n      ),\r\n      DARK: lightenWithinRange(lightenForContrast(secondaryScale[8]), -0.4, {\r\n        min: 0.01,\r\n        max: 0.02,\r\n      }),\r\n      // interactive components\r\n      MEDIUM: lightenWithinRange(adjustedSecondaryScale[7], -0.2, {\r\n        min: 0.0,\r\n        max: 0.11,\r\n      }),\r\n      //borders and seperators\r\n      MEDIUM_LIGHT: lightenWithinRange(adjustedSecondaryScale[6], 0.1),\r\n      //solid colors\r\n      LIGHT: lightenWithinRange(saturate(adjustedSecondaryScale[5], 0.1), 0.16),\r\n      //accessible text\r\n      LIGHTEST: lightenWithinRange(\r\n        saturate(adjustedSecondaryScale[3], 0.2),\r\n        0.12,\r\n        {\r\n          min: 0.5,\r\n          max: 0.9,\r\n        }\r\n      ),\r\n      SUPER_LIGHT: lightenWithinRange(adjustedSecondaryScale[1], 0.02, {\r\n        min: 0.76,\r\n        max: 0.92,\r\n      }),\r\n      WHITE: lightenWithinRange(adjustedSecondaryScale[1], 0.11, {\r\n        min: 0.9,\r\n        max: 0.98,\r\n      }),\r\n    },\r\n    //TODO: make theme aware grayscale color scale\r\n    //Can we remove the basecolor after this?\r\n    GRAYSCALE: {\r\n      SUPER_DARK: DARK_GRAYSCALE.SUPER_DARK,\r\n      DARK: DARK_GRAYSCALE.DARK,\r\n      MEDIUM: DARK_GRAYSCALE.MEDIUM,\r\n      MEDIUM_LIGHT: DARK_GRAYSCALE.MEDIUM_LIGHT,\r\n      LIGHT: DARK_GRAYSCALE.LIGHT,\r\n      LIGHTEST: DARK_GRAYSCALE.LIGHTEST,\r\n      SUPER_LIGHT: DARK_GRAYSCALE.SUPER_LIGHT,\r\n      WHITE: DARK_GRAYSCALE.WHITE,\r\n    },\r\n  };\r\n};\r\n\r\nconst lightenWithinRange = (\r\n  color: string,\r\n  amount: number,\r\n  range: { min: number; max: number } = { min: 0.03, max: 0.97 }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let currentLuminance = getLuminance(adjustedColor);\r\n\r\n  // Validate range bounds\r\n  if (range.min < 0) range.min = 0;\r\n  if (range.max > 1) range.max = 1;\r\n  if (range.min >= range.max) {\r\n    throw new Error(\"Invalid range: min must be less than max\");\r\n  }\r\n\r\n  // For lightening (positive amount)\r\n  if (amount > 0) {\r\n    // Calculate how much we can lighten before hitting max\r\n    const remainingLuminance = range.max - currentLuminance;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to lighten\r\n    const scaledAmount = amount * (remainingLuminance / (1 - currentLuminance));\r\n    adjustedColor = lighten(adjustedColor, scaledAmount);\r\n  }\r\n  // For darkening (negative amount)\r\n  else if (amount < 0) {\r\n    // Calculate how much we can darken before hitting min\r\n    const remainingLuminance = currentLuminance - range.min;\r\n    if (remainingLuminance <= 0) return toRgba(adjustedColor);\r\n\r\n    // Scale the amount based on remaining room to darken\r\n    const scaledAmount = amount * (remainingLuminance / currentLuminance);\r\n    adjustedColor = darken(adjustedColor, Math.abs(scaledAmount));\r\n  }\r\n\r\n  // Verify final luminance is within bounds\r\n  const finalLuminance = getLuminance(adjustedColor);\r\n  if (finalLuminance > range.max) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  } else if (finalLuminance < range.min) {\r\n    adjustedColor = adjustBrightnessWithinRange(adjustedColor, range);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst adjustBrightnessWithinRange = (\r\n  color: string,\r\n  range: { min: number; max: number }\r\n): string => {\r\n  let adjustedColor = color;\r\n  let luminance = getLuminance(adjustedColor);\r\n\r\n  // Darken if too bright\r\n  while (luminance > range.max) {\r\n    adjustedColor = darken(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  // Lighten if too dark\r\n  while (luminance < range.min) {\r\n    adjustedColor = lighten(adjustedColor, 0.05);\r\n    luminance = getLuminance(adjustedColor);\r\n  }\r\n\r\n  return toRgba(adjustedColor);\r\n};\r\n\r\nconst lightenForContrast = (color: string): string => {\r\n  while (hasBadContrast(color, \"readable\", LIGHT_GRAYSCALE.DARK)) {\r\n    color = lighten(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst darkenForContrast = (color: string): string => {\r\n  while (hasBadContrast(LIGHT_GRAYSCALE.SUPER_LIGHT, \"readable\", color)) {\r\n    color = darken(color, 0.01);\r\n  }\r\n  return toRgba(color);\r\n};\r\n\r\nconst adjustBrightnessForLuminance = (color: string): string => {\r\n  let currentColor = color;\r\n  let currentLuminance = getLuminance(toRgba(currentColor));\r\n  let adjustmentAttempts = 0;\r\n  const MAX_ATTEMPTS = 6;\r\n\r\n  while (currentLuminance < 0.16 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = lighten(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  while (currentLuminance > 0.6 && adjustmentAttempts < MAX_ATTEMPTS) {\r\n    adjustmentAttempts++;\r\n    currentColor = darken(currentColor, 0.1);\r\n    currentLuminance = getLuminance(toRgba(currentColor));\r\n  }\r\n\r\n  return toRgba(currentColor);\r\n};\r\n"],"names":["generatePalette","baseColor","primaryRgba","arrayToRgbString","primaryScaleFunc","getScale","primaryScale","_","i","color","desaturate","adjustedPrimaryScale","saturate","adjustBrightnessForLuminance","secondaryColor","toRgba","adjustHue","secondaryScaleFunc","secondaryScale","adjustedSecondaryScale","brandPrimary","darkenForContrast","brandSecondary","lightenWithinRange","lightenForContrast","DARK_GRAYSCALE","amount","range","adjustedColor","currentLuminance","getLuminance","remainingLuminance","scaledAmount","lighten","darken","finalLuminance","adjustBrightnessWithinRange","luminance","hasBadContrast","LIGHT_GRAYSCALE","currentColor","adjustmentAttempts","MAX_ATTEMPTS"],"mappings":"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"}

package/dist/utils/string.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(...t){return t.filter(e).join(" ")}const e=t=>typeof t=="string"||t instanceof String;exports.csx=n;
-//# sourceMappingURL=string.cjs.js.map

package/dist/utils/string.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.cjs.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n"],"names":["csx","classnames","isString","x"],"mappings":"gFAGO,SAASA,KAAOC,EAA+B,CACpD,OAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG,CAC7C,CAEA,MAAMA,EAAYC,GAChB,OAAOA,GAAM,UAAYA,aAAa"}

package/dist/utils/string.es.js

@@ -1,8 +0,0 @@
-function i(...n) {
-  return n.filter(t).join(" ");
-}
-const t = (n) => typeof n == "string" || n instanceof String;
-export {
-  i as csx
-};
-//# sourceMappingURL=string.es.js.map

package/dist/utils/string.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.es.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\r\n * Concatenates class names into a single string, filtering out non-string values.\r\n */\r\nexport function csx(...classnames: unknown[]): string {\r\n  return classnames.filter(isString).join(\" \");\r\n}\r\n\r\nconst isString = (x: unknown): boolean =>\r\n  typeof x === \"string\" || x instanceof String;\r\n"],"names":["csx","classnames","isString","x"],"mappings":"AAGO,SAASA,KAAOC,GAA+B;AACpD,SAAOA,EAAW,OAAOC,CAAQ,EAAE,KAAK,GAAG;AAC7C;AAEA,MAAMA,IAAW,CAACC,MAChB,OAAOA,KAAM,YAAYA,aAAa;"}