@inkeep/cxkit-theme 0.5.112 → 0.5.114

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./colors.cjs"),r=require("./utils/create-css-variables.cjs"),o=require("./utils/generate-theme-variables.cjs"),a={heading:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',body:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},t={"3xs":"0.45rem","2xs":"0.625rem",xs:"0.75rem","1sm":"0.8125rem",sm:"0.875rem","2sm":"0.9375rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},s={hide:-1,auto:"auto",base:0,start:1,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800},l={colors:e.colors,fontFamily:a,fontSize:t,zIndex:s};exports.DEFAULT_PRIMARY_BRAND_COLOR=e.DEFAULT_PRIMARY_BRAND_COLOR;exports.colors=e.colors;exports.createColorDict=e.createColorDict;exports.createColorScheme=e.createColorScheme;exports.createCSSVariables=r.createCSSVariables;exports.generateThemeVariables=o.generateThemeVariables;exports.themeMappings=o.themeMappings;exports.theme=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./colors.cjs"),m=require("./utils/create-css-variables.cjs"),r=require("./utils/generate-theme-variables.cjs"),o={heading:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',body:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},l={"3xs":"0.45rem","2xs":"0.625rem",xs:"0.75rem","1sm":"0.8125rem",sm:"0.875rem","2sm":"0.9375rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},s={0:"0px",px:"1px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},a={none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},t={hide:-1,auto:"auto",base:0,start:1,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800},n={colors:e.colors,fontFamily:o,fontSize:l,spacing:s,borderRadius:a,zIndex:t};exports.DEFAULT_PRIMARY_BRAND_COLOR=e.DEFAULT_PRIMARY_BRAND_COLOR;exports.colors=e.colors;exports.createColorDict=e.createColorDict;exports.createColorScheme=e.createColorScheme;exports.createCSSVariables=m.createCSSVariables;exports.generateThemeVariables=r.generateThemeVariables;exports.themeMappings=r.themeMappings;exports.theme=n;

package/dist/index.d.cts

@@ -219,6 +219,54 @@ export declare const theme: {
         '8xl': string;
         '9xl': string;
     };
+    spacing: {
+        0: string;
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
     zIndex: {
         hide: number;
         auto: string;

package/dist/index.d.ts

@@ -219,6 +219,54 @@ export declare const theme: {
         '8xl': string;
         '9xl': string;
     };
+    spacing: {
+        0: string;
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
     zIndex: {
         hide: number;
         auto: string;

package/dist/index.js

@@ -1,12 +1,12 @@
 import { colors as e } from "./colors.js";
-import { DEFAULT_PRIMARY_BRAND_COLOR as n, createColorDict as i, createColorScheme as p } from "./colors.js";
-import { createCSSVariables as x } from "./utils/create-css-variables.js";
-import { generateThemeVariables as g, themeMappings as d } from "./utils/generate-theme-variables.js";
-const o = {
+import { DEFAULT_PRIMARY_BRAND_COLOR as p, createColorDict as x, createColorScheme as c } from "./colors.js";
+import { createCSSVariables as d } from "./utils/create-css-variables.js";
+import { generateThemeVariables as y, themeMappings as I } from "./utils/generate-theme-variables.js";
+const r = {
   heading: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
   body: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
   mono: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
-}, r = {
+}, m = {
   "3xs": "0.45rem",
   "2xs": "0.625rem",
   xs: "0.75rem",
@@ -24,7 +24,53 @@ const o = {
   "7xl": "4.5rem",
   "8xl": "6rem",
   "9xl": "8rem"
-}, m = {
+}, o = {
+  0: "0px",
+  px: "1px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+}, l = {
+  none: "0px",
+  sm: "0.125rem",
+  DEFAULT: "0.25rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  full: "9999px"
+}, t = {
   hide: -1,
   auto: "auto",
   base: 0,
@@ -39,19 +85,21 @@ const o = {
   skipLink: 1600,
   toast: 1700,
   tooltip: 1800
-}, l = {
+}, a = {
   colors: e,
-  fontFamily: o,
-  fontSize: r,
-  zIndex: m
+  fontFamily: r,
+  fontSize: m,
+  spacing: o,
+  borderRadius: l,
+  zIndex: t
 };
 export {
-  n as DEFAULT_PRIMARY_BRAND_COLOR,
+  p as DEFAULT_PRIMARY_BRAND_COLOR,
   e as colors,
-  x as createCSSVariables,
-  i as createColorDict,
-  p as createColorScheme,
-  g as generateThemeVariables,
-  l as theme,
-  d as themeMappings
+  d as createCSSVariables,
+  x as createColorDict,
+  c as createColorScheme,
+  y as generateThemeVariables,
+  a as theme,
+  I as themeMappings
 };

package/dist/utils/create-css-variables.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./generate-theme-variables.cjs"),g="ikp";function S(c){const t={};for(const[r,a]of Object.entries(c)){const n=y.themeMappings[r]||r,o=(i,l=[])=>{for(const[u,e]of Object.entries(i)){const s=[...l,u];if(typeof e=="object"&&e!==null)o(e,s);else{const b=s.map(p=>p.replace(/([A-Z])/g,"-$1").toLowerCase()).join("-"),f=`--${g}-${n}-${b}`;t[f]=e}}};o(a)}return t}exports.createCSSVariables=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./generate-theme-variables.cjs"),y="ikp";function S(s){const t={};for(const[r,a]of Object.entries(s)){const n=g.themeMappings[r]||r,o=(i,l=[])=>{for(const[u,e]of Object.entries(i)){const c=[...l,u];if(typeof e=="object"&&e!==null)o(e,c);else{const b=c.map(p=>p.replace(/([A-Z])/g,"-$1").replace(/\./g,"_").toLowerCase()).join("-"),f=`--${y}-${n}-${b}`;t[f]=e}}};o(a)}return t}exports.createCSSVariables=S;

package/dist/utils/create-css-variables.js

@@ -3,13 +3,13 @@ const g = "ikp";
 function j(s) {
   const t = {};
   for (const [o, n] of Object.entries(s)) {
-    const a = b[o] || o, r = (i, f = []) => {
-      for (const [p, e] of Object.entries(i)) {
-        const c = [...f, p];
+    const a = b[o] || o, r = (i, p = []) => {
+      for (const [f, e] of Object.entries(i)) {
+        const c = [...p, f];
         if (typeof e == "object" && e !== null)
           r(e, c);
         else {
-          const l = c.map((y) => y.replace(/([A-Z])/g, "-$1").toLowerCase()).join("-"), u = `--${g}-${a}-${l}`;
+          const l = c.map((y) => y.replace(/([A-Z])/g, "-$1").replace(/\./g, "_").toLowerCase()).join("-"), u = `--${g}-${a}-${l}`;
           t[u] = e;
         }
       }

package/dist/utils/generate-theme-variables.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p="ikp",f={colors:"color",fontFamily:"font-family",fontSize:"font-size",zIndex:"z-index"};function n(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function y(t){const s={};for(const[o,l]of Object.entries(t)){const u=n(f[o]||o),a=(r,c=[])=>{if(typeof r!="object"||r===null){const e=c.map(n).join("-");return`var(--${p}-${u}-${e})`}const i={};for(const[e,g]of Object.entries(r))i[n(e)]=a(g,[...c,e]);return i};s[o]=a(l)}return s}exports.generateThemeVariables=y;exports.themeMappings=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p="ikp",l={colors:"color",fontFamily:"font-family",fontSize:"font-size",spacing:"spacing",borderRadius:"border-radius",zIndex:"z-index"};function y(e){return e.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(e){return e.replace(/([A-Z])/g,"-$1").replace(/\./g,"_").toLowerCase()}function b(e){const n={};for(const[r,u]of Object.entries(e)){const f=i(l[r]||r),s=(o,a=[])=>{if(typeof o!="object"||o===null){const t=a.map(i).join("-");return`var(--${p}-${f}-${t})`}const c={};for(const[t,g]of Object.entries(o))c[y(t)]=s(g,[...a,t]);return c};n[r]=s(u)}return n}exports.generateThemeVariables=b;exports.themeMappings=l;

package/dist/utils/generate-theme-variables.js

@@ -1,33 +1,38 @@
-const p = "ikp", y = {
+const p = "ikp", g = {
   colors: "color",
   fontFamily: "font-family",
   fontSize: "font-size",
+  spacing: "spacing",
+  borderRadius: "border-radius",
   zIndex: "z-index"
 };
-function r(t) {
-  return t.replace(/([A-Z])/g, "-$1").toLowerCase();
+function y(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
 }
-function g(t) {
-  const c = {};
-  for (const [o, f] of Object.entries(t)) {
-    const l = r(y[o] || o), s = (n, a = []) => {
-      if (typeof n != "object" || n === null) {
-        const e = a.map(r).join("-");
-        return `var(--${p}-${l}-${e})`;
+function i(e) {
+  return e.replace(/([A-Z])/g, "-$1").replace(/\./g, "_").toLowerCase();
+}
+function d(e) {
+  const n = {};
+  for (const [r, f] of Object.entries(e)) {
+    const u = i(g[r] || r), s = (t, c = []) => {
+      if (typeof t != "object" || t === null) {
+        const o = c.map(i).join("-");
+        return `var(--${p}-${u}-${o})`;
       }
-      const i = {};
-      for (const [e, u] of Object.entries(n))
-        i[r(e)] = s(u, [
-          ...a,
-          e
+      const a = {};
+      for (const [o, l] of Object.entries(t))
+        a[y(o)] = s(l, [
+          ...c,
+          o
         ]);
-      return i;
+      return a;
     };
-    c[o] = s(f);
+    n[r] = s(f);
   }
-  return c;
+  return n;
 }
 export {
-  g as generateThemeVariables,
-  y as themeMappings
+  d as generateThemeVariables,
+  g as themeMappings
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-theme",
-  "version": "0.5.112",
+  "version": "0.5.114",
   "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.112"
+    "@inkeep/cxkit-types": "0.5.114"
   },
   "dependencies": {
     "colorjs.io": "0.5.2"