@gryt/theme 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,10 +1,10 @@
 function G(r) {
   return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
 }
-function k(r) {
+function v(r) {
   return r <= 31308e-7 ? 12.92 * r : 1.055 * r ** (1 / 2.4) - 0.055;
 }
-function p(r) {
+function L(r) {
   return Math.min(1, Math.max(0, r));
 }
 function x(r) {
@@ -16,7 +16,7 @@ function x(r) {
   ];
 }
 function N([r, a, t]) {
-  const e = (o) => Math.round(p(o) * 255).toString(16).padStart(2, "0");
+  const e = (o) => Math.round(L(o) * 255).toString(16).padStart(2, "0");
   return `#${e(r)}${e(a)}${e(t)}`;
 }
 function S(r) {
@@ -36,19 +36,19 @@ function S(r) {
 function y({ l: r, c: a, h: t }) {
   const e = a * Math.cos(t * Math.PI / 180), o = a * Math.sin(t * Math.PI / 180), c = (r + 0.3963377774 * e + 0.2158037573 * o) ** 3, n = (r - 0.1055613458 * e - 0.0638541728 * o) ** 3, f = (r - 0.0894841775 * e - 1.291485548 * o) ** 3;
   return N([
-    k(p(4.0767416621 * c - 3.3077115913 * n + 0.2309699292 * f)),
-    k(p(-1.2684380046 * c + 2.6097574011 * n - 0.3413193965 * f)),
-    k(p(-0.0041960863 * c - 0.7034186147 * n + 1.707614701 * f))
+    v(L(4.0767416621 * c - 3.3077115913 * n + 0.2309699292 * f)),
+    v(L(-1.2684380046 * c + 2.6097574011 * n - 0.3413193965 * f)),
+    v(L(-0.0041960863 * c - 0.7034186147 * n + 1.707614701 * f))
   ]);
 }
-const F = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], W = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
+const B = [0.195, 0.24, 0.27, 0.3, 0.33, 0.37, 0.43, 0.52], F = [0.014, 0.026, 0.04, 0.052, 0.062, 0.072, 0.084, 0.1];
 function h(r, a) {
-  const { h: t } = S(r), e = F.map((f, d) => y({ l: f, c: W[d], h: t }));
+  const { h: t } = S(r), e = B.map((f, d) => y({ l: f, c: F[d], h: t }));
   e.push(r, a);
   const o = S(a).l, c = Math.min(0.95, Math.max(0.84, o + 0.04)), n = Math.min(0.98, Math.max(c + 0.06, 0.93));
   return e.push(y({ l: c, c: 0.11, h: t })), e.push(y({ l: n, c: 0.055, h: t })), e;
 }
-const B = [
+const W = [
   0.187,
   0.231,
   0.245,
@@ -84,11 +84,11 @@ function I(r) {
     10: r.muted,
     11: r.text
   }, t = S(r.border).h;
-  return B.map(
+  return W.map(
     (e, o) => a[o] ?? y({ l: e, c: K[o], h: t })
   );
 }
-function R(r, a) {
+function w(r, a) {
   const t = x(a);
   return r.map((e) => {
     const o = x(e);
@@ -99,7 +99,7 @@ function R(r, a) {
     }
     if (c < 1e-6) return "transparent";
     const n = N(
-      o.map((u, i) => p(t[i] + (u - t[i]) / c))
+      o.map((u, i) => L(t[i] + (u - t[i]) / c))
     ), [f, d, g] = x(n).map((u) => Math.round(u * 255));
     return `rgb(${f} ${d} ${g} / ${(c * 100).toFixed(1)}%)`;
   });
@@ -221,11 +221,11 @@ const s = {
   danger: b(s.color.danger),
   warning: b(s.color.warning)
 }, C = T.neutral[3], se = {
-  neutral: R(_.neutral, s.color.bg),
-  accent: R(_.accent, s.color.bg)
+  neutral: w(_.neutral, s.color.bg),
+  accent: w(_.accent, s.color.bg)
 }, fe = {
-  neutral: R(T.neutral, l.bg),
-  accent: R(T.accent, l.bg)
+  neutral: w(T.neutral, l.bg),
+  accent: w(T.accent, l.bg)
 };
 function de(r = {}) {
   const a = r.appearance === "light", e = { ...a ? {
@@ -259,7 +259,7 @@ function de(r = {}) {
       f[`--gryt-${d}-${i + 1}`] = u, f[`--color-gryt-${d}-${i + 1}`] = u;
     });
   for (const d of ["neutral", "accent"])
-    R(n[d], e.bg).forEach((g, u) => {
+    w(n[d], e.bg).forEach((g, u) => {
       f[`--gryt-${d}-a${u + 1}`] = g, f[`--color-gryt-${d}-a${u + 1}`] = g;
     });
   return {
@@ -310,7 +310,7 @@ function de(r = {}) {
     "--gryt-radius-full": `${o.full}px`
   };
 }
-const w = [
+const R = [
   "accent",
   "accentLight",
   "secondary",
@@ -334,7 +334,7 @@ const w = [
 function $(r) {
   return r.replace(/\s+/g, " ").trim().slice(0, V);
 }
-const L = {
+const p = {
   hue: {
     accent: s.color.accent,
     accentLight: s.color.accentLight,
@@ -420,18 +420,18 @@ function D(r) {
 function ge(r, a) {
   const t = new URLSearchParams(), e = (c) => D(c).slice(1), o = $(r.name ?? "");
   o !== "" && t.set("name", o);
-  for (const c of w)
-    r.hue[c] !== L.hue[c] && t.set(H[c], e(r.hue[c]));
+  for (const c of R)
+    r.hue[c] !== p.hue[c] && t.set(H[c], e(r.hue[c]));
   if (r.lightHue !== null)
-    for (const c of w)
+    for (const c of R)
       t.set(`lh-${H[c]}`, e(r.lightHue[c]));
   for (const c of ["dark", "light"]) {
     const n = c === "dark" ? "d" : "l";
     for (const f of O)
-      r[c][f] !== L[c][f] && t.set(`${n}-${Y[f]}`, e(r[c][f]));
+      r[c][f] !== p[c][f] && t.set(`${n}-${Y[f]}`, e(r[c][f]));
   }
   for (const c of M)
-    r.radius[c] !== L.radius[c] && t.set(`r-${c}`, String(r.radius[c]));
+    r.radius[c] !== p.radius[c] && t.set(`r-${c}`, String(r.radius[c]));
   return a === "light" && t.set("mode", "light"), t;
 }
 function ie(r) {
@@ -442,7 +442,7 @@ function ie(r) {
   return re(new URLSearchParams(t));
 }
 function re(r) {
-  const a = j(L);
+  const a = j(p);
   let t = !1;
   const e = (c) => {
     const n = r.get(c);
@@ -451,13 +451,13 @@ function re(r) {
     return z(f) ? (t = !0, D(f)) : null;
   }, o = $(r.get("name") ?? "");
   o !== "" && (a.name = o, t = !0);
-  for (const c of w) {
+  for (const c of R) {
     const n = e(H[c]);
     n !== null && (a.hue[c] = n);
   }
   if (r.has(`lh-${H.accent}`)) {
     const c = { ...a.hue };
-    for (const n of w) {
+    for (const n of R) {
       const f = e(`lh-${H[n]}`);
       f !== null && (c[n] = f);
     }
@@ -487,7 +487,7 @@ function ae(r) {
     return null;
   }
   if (typeof a != "object" || a === null) return null;
-  const t = a, e = j(L);
+  const t = a, e = j(p);
   let o = !1;
   const c = (n, f) => {
     if (!(typeof n != "object" || n === null))
@@ -511,14 +511,14 @@ function ae(r) {
     }
   return o ? { theme: e, appearance: "dark" } : null;
 }
-const v = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, ce = { sm: 4, md: 6, lg: 10, xl: 14, full: 6 }, te = { sm: 6, md: 8, lg: 10, xl: 14, full: 10 }, P = { sm: 2, md: 4, lg: 6, xl: 8, full: 4 }, ne = [
+const k = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg: 14, xl: 18, full: 999 }, ce = { sm: 4, md: 6, lg: 10, xl: 14, full: 6 }, te = { sm: 6, md: 8, lg: 10, xl: 14, full: 10 }, P = { sm: 2, md: 4, lg: 6, xl: 8, full: 4 }, ne = [
   {
     id: "gryt",
     name: "Gryt",
     note: "What the library ships, from the Gryt code-theme.",
     group: "Gryt",
     source: "github.com/Gryt-chat/code-theme",
-    theme: L
+    theme: p
   },
   {
     id: "ember",
@@ -559,7 +559,7 @@ const v = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#6b5b50",
         text: "#241a14"
       },
-      radius: v
+      radius: k
     }
   },
   {
@@ -819,7 +819,7 @@ const v = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#6c6f85",
         text: "#4c4f69"
       },
-      radius: v
+      radius: k
     }
   },
   {
@@ -927,7 +927,7 @@ const v = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
         muted: "#87867f",
         text: "#141413"
       },
-      radius: v
+      radius: k
     }
   },
   {
@@ -1102,12 +1102,24 @@ const v = { sm: 8, md: 12, lg: 20, xl: 28, full: 999 }, A = { sm: 6, md: 8, lg:
   /** Drawer, where the travel is the width of a panel. */
   springSoft: 700,
   /** Colour changes, which should not feel sprung. */
-  fast: 150
+  fast: 150,
+  /**
+   * One pass of an indeterminate Progress bar across its track.
+   *
+   * Long enough to read as "working" rather than "flickering", short enough
+   * that a second pass starts before you wonder whether it has stopped.
+   */
+  sweep: 1400
 }, me = {
   button: { hover: 1.03, press: 0.96 },
+  iconButton: { hover: 1.06, press: 0.94 },
+  checkbox: { hover: 1.08, press: 0.92 },
+  radio: { hover: 1.08, press: 0.92 },
+  switch: { hover: 1.05, press: 0.95 },
+  toggle: { hover: 1.06, press: 0.94 },
   toast: { hover: 1.04, press: 0.96 },
   sliderThumb: { hover: 1.12, press: 0.94 }
-};
+}, pe = 64;
 function Le(r, a) {
   if (r.length === 0) return a;
   if (a <= 0) return r[0];
@@ -1116,11 +1128,11 @@ function Le(r, a) {
   return c + (n - c) * o;
 }
 export {
-  w as GRYT_HUE_KEYS,
+  R as GRYT_HUE_KEYS,
   O as GRYT_NEUTRAL_KEYS,
   M as GRYT_RADIUS_KEYS,
   V as GRYT_THEME_NAME_MAX,
-  R as alphaScale,
+  w as alphaScale,
   j as cloneGrytTheme,
   oe as contrast,
   de as createGrytTheme,
@@ -1128,6 +1140,7 @@ export {
   ge as encodeGrytTheme,
   se as grytAlphaScales,
   fe as grytAlphaScalesLight,
+  pe as grytDrawerBleed,
   ye as grytDurations,
   l as grytLightTokens,
   ne as grytPresets,
@@ -1135,7 +1148,7 @@ export {
   me as grytScaleSteps,
   _ as grytScales,
   T as grytScalesLight,
-  L as grytTheme,
+  p as grytTheme,
   Z as grytThemeHues,
   ue as grytThemeToOptions,
   s as grytTokens,