@inkeep/cxkit-theme 0.5.0 → 0.5.2

package/dist/colors.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./node_modules/.pnpm/colorjs.io@0.5.2/node_modules/colorjs.io/dist/color.cjs"),C=require("./color-utils.cjs"),f="#000000",S={whiteAlpha:{50:"rgba(255, 255, 255, 0.05)",100:"rgba(255, 255, 255, 0.1)",200:"rgba(255, 255, 255, 0.15)",300:"rgba(255, 255, 255, 0.2)",400:"rgba(255, 255, 255, 0.3)",500:"rgba(255, 255, 255, 0.4)",600:"rgba(255, 255, 255, 0.5)",700:"rgba(255, 255, 255, 0.6)",800:"rgba(255, 255, 255, 0.7)",900:"rgba(255, 255, 255, 0.8)",950:"rgba(255, 255, 255, 0.9)",1e3:"rgba(255, 255, 255, 0.95)"},blackAlpha:{50:"rgba(0, 0, 0, 0.05)",100:"rgba(0, 0, 0, 0.1)",200:"rgba(0, 0, 0, 0.15)",300:"rgba(0, 0, 0, 0.2)",400:"rgba(0, 0, 0, 0.3)",500:"rgba(0, 0, 0, 0.4)",600:"rgba(0, 0, 0, 0.5)",700:"rgba(0, 0, 0, 0.6)",800:"rgba(0, 0, 0, 0.7)",900:"rgba(0, 0, 0, 0.8)",950:"rgba(0, 0, 0, 0.9)",1e3:"rgba(0, 0, 0, 0.95)"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#eaecf1",300:"#d8dce2",400:"#c4c9d2",500:"#9ca3af",600:"#6b7280",700:"#4b5563",800:"#374151",900:"#1f2937",950:"#111827",1e3:"#030712"},grayDark:{1e3:"#111111",950:"#191919",900:"#222222",800:"#2a2a2a",700:"#313131",600:"#3a3a3a",500:"#484848",400:"#606060",300:"#6e6e6e",200:"#7b7b7b",100:"#b4b4b4",50:"#eeeeee"}};function l(n){return n.to("srgb").toString({format:"hex"})}function g(n,t,e){const c=n.lch,h=t.lch,s=c.l+(h.l-c.l)*e,i=c.c+(h.c-c.c)*e,a=c.h+(h.h-c.h)*e;return new r.default("lch",[s,i,a])}function o(n){return n.to("srgb")}const w=new r.default(f),b=n=>{const t=n instanceof r.default?n:new r.default(n),e=t.lch.c<3?t.lch.c:3,c=t.lch.c<10?t.lch.c:10,h=t.lch.c<5?t.lch.c:5;return{textBold:new r.default("lch",[10,h,t.lch.h]),textSubtle:new r.default("lch",[30,c,t.lch.h]),lighter:new r.default("lch",[98,t.lch.c*1.2,t.lch.h*.96]),light:new r.default("lch",[89,t.lch.c*1.2,t.lch.h*.96]),lightSubtle:new r.default("lch",[98,e,t.lch.h*.98]),medium:t,mediumSubtle:new r.default("lch",[t.lch.l*.5,t.lch.c,t.lch.h],.3),strong:new r.default("lch",[t.lch.l*.85,t.lch.c,t.lch.h]),stronger:new r.default("lch",[t.lch.l*.5,t.lch.c,t.lch.h])}},d=b(w),m=(n,t)=>{const e=Object.assign({},t?b(t):d,n);for(const a of Object.keys(e))e[a]instanceof r.default||(e[a]=new r.default(e[a]));const c=Object.keys(e).reduce((a,u)=>(a[u]=e[u].toGamut({space:"srgb",method:"lch.c"}).to("srgb").toString({format:"hex"}),a),{}),h={50:l(o(e.lighter)),100:l(o(g(e.lighter,e.light,.5))),200:l(o(e.light)),300:l(o(g(e.light,e.medium,.5))),400:l(o(g(e.light,e.medium,.75))),500:l(o(e.medium)),600:l(o(g(e.medium,e.strong,.75))),700:l(o(e.strong)),800:l(o(g(e.strong,e.stronger,.5))),900:l(o(e.stronger)),950:l(o(g(e.stronger,e.textBold,.5))),1e3:l(o(g(e.stronger,e.textBold,.75)))},s=c.textColorOnPrimary||C.getTextColorBasedOnBgColor(c.medium,"#ffffff",c.textBold);return{inkeepPrimary:{...c,textColorOnPrimary:s},inkeepExpandedPrimary:h}},x=m(d),y={...x,...S};exports.DEFAULT_PRIMARY_BRAND_COLOR=f;exports.colors=y;exports.createColorDict=b;exports.createColorScheme=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./node_modules/.pnpm/colorjs.io@0.5.2/node_modules/colorjs.io/dist/color.cjs"),C=require("./color-utils.cjs"),f="#000000",S={whiteAlpha:{50:"rgba(255, 255, 255, 0.05)",100:"rgba(255, 255, 255, 0.1)",200:"rgba(255, 255, 255, 0.15)",300:"rgba(255, 255, 255, 0.2)",400:"rgba(255, 255, 255, 0.3)",500:"rgba(255, 255, 255, 0.4)",600:"rgba(255, 255, 255, 0.5)",700:"rgba(255, 255, 255, 0.6)",800:"rgba(255, 255, 255, 0.7)",900:"rgba(255, 255, 255, 0.8)",950:"rgba(255, 255, 255, 0.9)",1e3:"rgba(255, 255, 255, 0.95)"},blackAlpha:{50:"rgba(0, 0, 0, 0.05)",100:"rgba(0, 0, 0, 0.1)",200:"rgba(0, 0, 0, 0.15)",300:"rgba(0, 0, 0, 0.2)",400:"rgba(0, 0, 0, 0.3)",500:"rgba(0, 0, 0, 0.4)",600:"rgba(0, 0, 0, 0.5)",700:"rgba(0, 0, 0, 0.6)",800:"rgba(0, 0, 0, 0.7)",900:"rgba(0, 0, 0, 0.8)",950:"rgba(0, 0, 0, 0.9)",1e3:"rgba(0, 0, 0, 0.95)"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#eaecf1",300:"#d8dce2",400:"#c4c9d2",500:"#9ca3af",600:"#6b7280",700:"#4b5563",800:"#374151",900:"#1f2937",950:"#111827",1e3:"#030712"},grayDark:{1e3:"#111111",950:"#191919",900:"#222222",800:"#2a2a2a",700:"#313131",600:"#3a3a3a",500:"#484848",400:"#606060",300:"#6e6e6e",200:"#7b7b7b",100:"#b4b4b4",50:"#eeeeee"},overlay:{light:"rgba(104, 112, 118, 0.5)",dark:"rgba(136, 144, 150, 0.5)"}};function l(a){return a.to("srgb").toString({format:"hex"})}function g(a,t,e){const c=a.lch,h=t.lch,s=c.l+(h.l-c.l)*e,i=c.c+(h.c-c.c)*e,n=c.h+(h.h-c.h)*e;return new r.default("lch",[s,i,n])}function o(a){return a.to("srgb")}const w=new r.default(f),b=a=>{const t=a instanceof r.default?a:new r.default(a),e=t.lch.c<3?t.lch.c:3,c=t.lch.c<10?t.lch.c:10,h=t.lch.c<5?t.lch.c:5;return{textBold:new r.default("lch",[10,h,t.lch.h]),textSubtle:new r.default("lch",[30,c,t.lch.h]),lighter:new r.default("lch",[98,t.lch.c*1.2,t.lch.h*.96]),light:new r.default("lch",[89,t.lch.c*1.2,t.lch.h*.96]),lightSubtle:new r.default("lch",[98,e,t.lch.h*.98]),medium:t,mediumSubtle:new r.default("lch",[t.lch.l*.5,t.lch.c,t.lch.h],.3),strong:new r.default("lch",[t.lch.l*.85,t.lch.c,t.lch.h]),stronger:new r.default("lch",[t.lch.l*.5,t.lch.c,t.lch.h])}},d=b(w),m=(a,t)=>{const e=Object.assign({},t?b(t):d,a);for(const n of Object.keys(e))e[n]instanceof r.default||(e[n]=new r.default(e[n]));const c=Object.keys(e).reduce((n,u)=>(n[u]=e[u].toGamut({space:"srgb",method:"lch.c"}).to("srgb").toString({format:"hex"}),n),{}),h={50:l(o(e.lighter)),100:l(o(g(e.lighter,e.light,.5))),200:l(o(e.light)),300:l(o(g(e.light,e.medium,.5))),400:l(o(g(e.light,e.medium,.75))),500:l(o(e.medium)),600:l(o(g(e.medium,e.strong,.75))),700:l(o(e.strong)),800:l(o(g(e.strong,e.stronger,.5))),900:l(o(e.stronger)),950:l(o(g(e.stronger,e.textBold,.5))),1e3:l(o(g(e.stronger,e.textBold,.75)))},s=c.textColorOnPrimary||C.getTextColorBasedOnBgColor(c.medium,"#ffffff",c.textBold);return{inkeepPrimary:{...c,textColorOnPrimary:s},inkeepExpandedPrimary:h}},x=m(d),y={...x,...S};exports.DEFAULT_PRIMARY_BRAND_COLOR=f;exports.colors=y;exports.createColorDict=b;exports.createColorScheme=m;

package/dist/colors.d.cts

@@ -80,6 +80,10 @@ export declare const colors: {
         100: string;
         50: string;
     };
+    overlay: {
+        light: string;
+        dark: string;
+    };
     inkeepPrimary: {
         textColorOnPrimary: string;
     };

package/dist/colors.d.ts

@@ -80,6 +80,10 @@ export declare const colors: {
         100: string;
         50: string;
     };
+    overlay: {
+        light: string;
+        dark: string;
+    };
     inkeepPrimary: {
         textColorOnPrimary: string;
     };

package/dist/colors.js

@@ -1,4 +1,4 @@
-import r from "./node_modules/.pnpm/colorjs.io@0.5.2/node_modules/colorjs.io/dist/color.js";
+import e from "./node_modules/.pnpm/colorjs.io@0.5.2/node_modules/colorjs.io/dist/color.js";
 import { getTextColorBasedOnBgColor as u } from "./color-utils.js";
 const d = "#000000", C = {
   whiteAlpha: {
@@ -61,43 +61,47 @@ const d = "#000000", C = {
     200: "#7b7b7b",
     100: "#b4b4b4",
     50: "#eeeeee"
+  },
+  overlay: {
+    light: "rgba(104, 112, 118, 0.5)",
+    dark: "rgba(136, 144, 150, 0.5)"
   }
 };
 function o(n) {
   return n.to("srgb").toString({ format: "hex" });
 }
-function g(n, e, t) {
-  const c = n.lch, a = e.lch, s = c.l + (a.l - c.l) * t, b = c.c + (a.c - c.c) * t, h = c.h + (a.h - c.h) * t;
-  return new r("lch", [s, b, h]);
+function g(n, r, t) {
+  const c = n.lch, a = r.lch, s = c.l + (a.l - c.l) * t, b = c.c + (a.c - c.c) * t, h = c.h + (a.h - c.h) * t;
+  return new e("lch", [s, b, h]);
 }
 function l(n) {
   return n.to("srgb");
 }
-const w = new r(d), m = (n) => {
-  const e = n instanceof r ? n : new r(n), t = e.lch.c < 3 ? e.lch.c : 3, c = e.lch.c < 10 ? e.lch.c : 10, a = e.lch.c < 5 ? e.lch.c : 5;
+const w = new e(d), m = (n) => {
+  const r = n instanceof e ? n : new e(n), t = r.lch.c < 3 ? r.lch.c : 3, c = r.lch.c < 10 ? r.lch.c : 10, a = r.lch.c < 5 ? r.lch.c : 5;
   return {
-    textBold: new r("lch", [10, a, e.lch.h]),
-    textSubtle: new r("lch", [30, c, e.lch.h]),
-    lighter: new r("lch", [98, e.lch.c * 1.2, e.lch.h * 0.96]),
-    light: new r("lch", [89, e.lch.c * 1.2, e.lch.h * 0.96]),
-    lightSubtle: new r("lch", [98, t, e.lch.h * 0.98]),
-    medium: e,
-    mediumSubtle: new r(
+    textBold: new e("lch", [10, a, r.lch.h]),
+    textSubtle: new e("lch", [30, c, r.lch.h]),
+    lighter: new e("lch", [98, r.lch.c * 1.2, r.lch.h * 0.96]),
+    light: new e("lch", [89, r.lch.c * 1.2, r.lch.h * 0.96]),
+    lightSubtle: new e("lch", [98, t, r.lch.h * 0.98]),
+    medium: r,
+    mediumSubtle: new e(
       "lch",
-      [e.lch.l * 0.5, e.lch.c, e.lch.h],
+      [r.lch.l * 0.5, r.lch.c, r.lch.h],
       0.3
     ),
-    strong: new r("lch", [e.lch.l * 0.85, e.lch.c, e.lch.h]),
-    stronger: new r("lch", [e.lch.l * 0.5, e.lch.c, e.lch.h])
+    strong: new e("lch", [r.lch.l * 0.85, r.lch.c, r.lch.h]),
+    stronger: new e("lch", [r.lch.l * 0.5, r.lch.c, r.lch.h])
   };
-}, f = m(w), x = (n, e) => {
+}, f = m(w), x = (n, r) => {
   const t = Object.assign(
     {},
-    e ? m(e) : f,
+    r ? m(r) : f,
     n
   );
   for (const h of Object.keys(t))
-    t[h] instanceof r || (t[h] = new r(t[h]));
+    t[h] instanceof e || (t[h] = new e(t[h]));
   const c = Object.keys(t).reduce((h, i) => (h[i] = t[i].toGamut({ space: "srgb", method: "lch.c" }).to("srgb").toString({ format: "hex" }), h), {}), a = {
     50: o(l(t.lighter)),
     100: o(l(g(t.lighter, t.light, 0.5))),

package/dist/index.d.cts

@@ -56,6 +56,10 @@ export declare const theme: {
             100: string;
             50: string;
         };
+        overlay: {
+            light: string;
+            dark: string;
+        };
         inkeepPrimary: {
             textColorOnPrimary: string;
         };

package/dist/index.d.ts

@@ -56,6 +56,10 @@ export declare const theme: {
             100: string;
             50: string;
         };
+        overlay: {
+            light: string;
+            dark: string;
+        };
         inkeepPrimary: {
             textColorOnPrimary: string;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-theme",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -26,7 +26,7 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-types": "0.5.0"
+    "@inkeep/cxkit-types": "0.5.2"
   },
   "dependencies": {
     "colorjs.io": "0.5.2"