@digdir/designsystemet 1.0.5 → 1.0.7

package/dist/src/colors/index.js

@@ -1,5 +1,6 @@
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
@@ -72,6 +73,9 @@ var getLuminanceFromLightness = (lightness) => {
   conv.hsluvToHex();
   return chroma(conv.hex).luminance();
 };
+var getLuminanceFromColor = (color) => {
+  return chroma(color).luminance();
+};
 var getLightnessFromHex = (hex) => {
   const conv = new Hsluv();
   conv.hex = hex;
@@ -106,6 +110,32 @@ var rgbToHex = (rgb) => {
     return hex.length === 1 ? "0" + hex : hex;
   }).join("")}`;
 };
+var convertColor = (cssColor, format) => {
+  const color = new Colorjs(cssColor);
+  switch (format) {
+    case "rgb":
+    case "rgba":
+      return color.toString({
+        format: {
+          name: format,
+          coords: ["<number>[0, 255]", "<number>[0, 255]", "<number>[0, 255]"]
+        },
+        precision: 3
+      });
+    case "hex":
+      return color.toString({ format, precision: 3 });
+    case "hct":
+      return color.to(format).toString({
+        format: {
+          name: format,
+          coords: ["<number>", "<number>", "<number>"]
+        },
+        precision: 3
+      });
+    default:
+      return color.to(format).toString({ precision: 3 });
+  }
+};
 
 // src/colors/theme.ts
 import chroma2 from "chroma-js";
@@ -450,6 +480,7 @@ export {
   baseColors,
   canTextBeUsedOnColors,
   colorMetadata,
+  convertColor,
   convertToHex,
   generateColorContrast,
   generateColorScale,
@@ -459,6 +490,7 @@ export {
   getContrastFromLightness,
   getCssVariable,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,

package/dist/src/colors/theme.js

@@ -253,6 +253,7 @@ var getColorMetadataByNumber = (number) => {
 
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var getLuminanceFromLightness = (lightness) => {
   const conv = new Hsluv();

package/dist/src/colors/utils.d.ts

@@ -86,6 +86,12 @@ export declare const isHexColor: (hex: string) => boolean;
  * @param lightness The lightness value
  */
 export declare const getLuminanceFromLightness: (lightness: number) => number;
+/**
+ * Get the relative luminance from any valid css color
+ *
+ * @param color
+ */
+export declare const getLuminanceFromColor: (color: string) => number;
 /**
  * Get the HSLuv lightness from a HEX color
  *
@@ -112,4 +118,11 @@ export declare const rgbToHex: (rgb: {
     g: number;
     b: number;
 }) => HexColor;
+/**
+ * Convert a color to a different format
+ *
+ * @param cssColor Any valid css color
+ * @param format Color space/format supported here https://colorjs.io/docs/spaces
+ */
+export declare const convertColor: (cssColor: string, format: string) => string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/src/colors/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,EAAE,oBAAkB,WAO5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAM,KAAK,GAAG,GAAW;;;;CAO9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,MAAM,EAAE,WAAW,QAAQ,EAAE,iBAAiB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,EAAE,OAAM,YAAY,GAAG,IAAI,GAAG,KAAY,YAYhH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,WAAW,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,WAMhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,QAOnE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,EAAE,oBAAkB,WAO5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAM,KAAK,GAAG,GAAW;;;;CAO9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,MAAM,EAAE,WAAW,QAAQ,EAAE,iBAAiB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,QAAQ,EAAE,QAAQ,QAAQ,EAAE,OAAM,YAAY,GAAG,IAAI,GAAG,KAAY,YAYhH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,WAAW,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,WAElD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,WAMhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,QAAQ,EAAE,iBAAiB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,QAOnE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,EAAE,QAAQ,MAAM,WA0B5D,CAAC"}

package/dist/src/colors/utils.js

@@ -1,5 +1,6 @@
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
@@ -72,6 +73,9 @@ var getLuminanceFromLightness = (lightness) => {
   conv.hsluvToHex();
   return chroma(conv.hex).luminance();
 };
+var getLuminanceFromColor = (color) => {
+  return chroma(color).luminance();
+};
 var getLightnessFromHex = (hex) => {
   const conv = new Hsluv();
   conv.hex = hex;
@@ -106,14 +110,42 @@ var rgbToHex = (rgb) => {
     return hex.length === 1 ? "0" + hex : hex;
   }).join("")}`;
 };
+var convertColor = (cssColor, format) => {
+  const color = new Colorjs(cssColor);
+  switch (format) {
+    case "rgb":
+    case "rgba":
+      return color.toString({
+        format: {
+          name: format,
+          coords: ["<number>[0, 255]", "<number>[0, 255]", "<number>[0, 255]"]
+        },
+        precision: 3
+      });
+    case "hex":
+      return color.toString({ format, precision: 3 });
+    case "hct":
+      return color.to(format).toString({
+        format: {
+          name: format,
+          coords: ["<number>", "<number>", "<number>"]
+        },
+        precision: 3
+      });
+    default:
+      return color.to(format).toString({ precision: 3 });
+  }
+};
 export {
   HSLToHex,
   areColorsContrasting,
   canTextBeUsedOnColors,
+  convertColor,
   convertToHex,
   getContrastFromHex,
   getContrastFromLightness,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,

package/dist/src/config.d.ts

@@ -1,49 +1,17 @@
-import { z } from 'zod';
+import { z } from 'zod/v4';
 export declare function mapPathToOptionName(path: (string | number)[]): string | undefined;
 export declare const colorRegex: RegExp;
 declare const themeSchema: z.ZodObject<{
     colors: z.ZodObject<{
-        main: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>;
-        support: z.ZodDefault<z.ZodOptional<z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>>>;
-        neutral: z.ZodEffects<z.ZodString, `#${string}`, string>;
-    }, "strip", z.ZodTypeAny, {
-        neutral: `#${string}`;
-        main: Record<string, `#${string}`>;
-        support: Record<string, `#${string}`>;
-    }, {
-        neutral: string;
-        main: Record<string, string>;
-        support?: Record<string, string> | undefined;
-    }>;
+        main: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
+        support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
+        neutral: z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>;
+    }, z.core.$strip>;
     typography: z.ZodOptional<z.ZodObject<{
         fontFamily: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        fontFamily: string;
-    }, {
-        fontFamily: string;
-    }>>;
+    }, z.core.$strip>>;
     borderRadius: z.ZodOptional<z.ZodNumber>;
-}, "strip", z.ZodTypeAny, {
-    colors: {
-        neutral: `#${string}`;
-        main: Record<string, `#${string}`>;
-        support: Record<string, `#${string}`>;
-    };
-    typography?: {
-        fontFamily: string;
-    } | undefined;
-    borderRadius?: number | undefined;
-}, {
-    colors: {
-        neutral: string;
-        main: Record<string, string>;
-        support?: Record<string, string> | undefined;
-    };
-    typography?: {
-        fontFamily: string;
-    } | undefined;
-    borderRadius?: number | undefined;
-}>;
+}, z.core.$strip>;
 /**
  * This defines the structure of the JSON config file
  */
@@ -52,155 +20,35 @@ export declare const configFileSchema: z.ZodObject<{
     clean: z.ZodOptional<z.ZodBoolean>;
     themes: z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
-            main: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>;
-            support: z.ZodDefault<z.ZodOptional<z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>>>;
-            neutral: z.ZodEffects<z.ZodString, `#${string}`, string>;
-        }, "strip", z.ZodTypeAny, {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        }, {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        }>;
+            main: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
+            neutral: z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>;
+        }, z.core.$strip>;
         typography: z.ZodOptional<z.ZodObject<{
             fontFamily: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            fontFamily: string;
-        }, {
-            fontFamily: string;
-        }>>;
+        }, z.core.$strip>>;
         borderRadius: z.ZodOptional<z.ZodNumber>;
-    }, "strip", z.ZodTypeAny, {
-        colors: {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }, {
-        colors: {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    themes: Record<string, {
-        colors: {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>;
-    clean?: boolean | undefined;
-    outDir?: string | undefined;
-}, {
-    themes: Record<string, {
-        colors: {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>;
-    clean?: boolean | undefined;
-    outDir?: string | undefined;
-}>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 /**
  * This defines the structure of the final configuration after combining the config file,
  * command-line options and default values.
  */
 export declare const combinedConfigSchema: z.ZodObject<{
-    outDir: z.ZodString;
-    clean: z.ZodBoolean;
-    themes: z.ZodRecord<z.ZodString, z.ZodObject<{
+    outDir: z.ZodNonOptional<z.ZodOptional<z.ZodString>>;
+    clean: z.ZodNonOptional<z.ZodOptional<z.ZodBoolean>>;
+    themes: z.ZodNonOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
-            main: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>;
-            support: z.ZodDefault<z.ZodOptional<z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>>>;
-            neutral: z.ZodEffects<z.ZodString, `#${string}`, string>;
-        }, "strip", z.ZodTypeAny, {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        }, {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        }>;
+            main: z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>>>>;
+            neutral: z.ZodPipe<z.ZodString, z.ZodTransform<`#${string}`, string>>;
+        }, z.core.$strip>;
         typography: z.ZodOptional<z.ZodObject<{
             fontFamily: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            fontFamily: string;
-        }, {
-            fontFamily: string;
-        }>>;
+        }, z.core.$strip>>;
         borderRadius: z.ZodOptional<z.ZodNumber>;
-    }, "strip", z.ZodTypeAny, {
-        colors: {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }, {
-        colors: {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    clean: boolean;
-    themes: Record<string, {
-        colors: {
-            neutral: `#${string}`;
-            main: Record<string, `#${string}`>;
-            support: Record<string, `#${string}`>;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>;
-    outDir: string;
-}, {
-    clean: boolean;
-    themes: Record<string, {
-        colors: {
-            neutral: string;
-            main: Record<string, string>;
-            support?: Record<string, string> | undefined;
-        };
-        typography?: {
-            fontFamily: string;
-        } | undefined;
-        borderRadius?: number | undefined;
-    }>;
-    outDir: string;
-}>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
 export type Config = z.infer<typeof combinedConfigSchema>;
 export type ThemeConfig = z.infer<typeof themeSchema>;
 export {};

package/dist/src/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AAwBnE,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAC;AAChE,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AAyBnE,QAAA,MAAM,WAAW;;;;;;;;;;iBAiBmG,CAAC;AAErH;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;iBAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;iBAA8B,CAAC;AAChE,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/src/config.js

@@ -1,9 +1,10 @@
 // src/config.ts
 import * as R7 from "ramda";
-import { z } from "zod";
+import { z } from "zod/v4";
 
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var convertToHex = (color) => {
   if (!color) {
@@ -326,45 +327,35 @@ var hexPatterns = [
 ];
 var reservedColorsPattern = `^(?!(?:${RESERVED_COLORS.join("|")})$)`;
 var colorRegex = new RegExp(`^${hexPatterns.join("|")}$`);
-var colorSchema = z.string({
-  description: `A hex color, which is used for creating a color scale. Invalid color names: ${RESERVED_COLORS.join(", ")}`
-}).regex(colorRegex).transform(convertToHex);
+var colorSchema = z.string().regex(colorRegex).transform(convertToHex).describe(
+  `A hex color, which is used for creating a color scale. Invalid color names: ${RESERVED_COLORS.join(", ")}`
+);
 var colorCategorySchema = z.record(
   z.string().regex(new RegExp(reservedColorsPattern, "i"), {
-    message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
+    error: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
   }),
   colorSchema,
   {
-    description: "One or more color definitions",
-    invalid_type_error: "Color definitions must be hex color values"
+    error: "Color definitions must be hex color values"
   }
 ).refine((colors) => !Object.keys(colors).some((key) => RESERVED_COLORS.includes(key.toLowerCase())), {
-  message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
-});
-var themeSchema = z.object(
-  {
-    colors: z.object(
-      {
-        main: colorCategorySchema,
-        support: colorCategorySchema.optional().default({}),
-        neutral: colorSchema
-      },
-      { description: "Defines the colors for this theme" }
-    ),
-    typography: z.object(
-      {
-        fontFamily: z.string({ description: "Sets the font-family for this theme" })
-      },
-      { description: "Defines the typography for a given theme" }
-    ).optional(),
-    borderRadius: z.number({ description: "Defines the border-radius for this theme" }).optional()
-  },
-  { description: "An object defining a theme. The property name holding the object becomes the theme name." }
-);
+  error: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
+}).describe("An object with one or more color definitions. The property name is used as the color name.");
+var themeSchema = z.object({
+  colors: z.object({
+    main: colorCategorySchema,
+    support: colorCategorySchema.optional().default({}),
+    neutral: colorSchema
+  }).meta({ description: "Defines the colors for this theme" }),
+  typography: z.object({
+    fontFamily: z.string().meta({ description: "Sets the font-family for this theme" })
+  }).describe("Defines the typography for a given theme").optional(),
+  borderRadius: z.number().meta({ description: "Defines the border-radius for this theme" }).optional()
+}).meta({ description: "An object defining a theme. The property name holding the object becomes the theme name." });
 var configFileSchema = z.object({
-  outDir: z.string({ description: "Path to the output directory for the created design tokens" }).optional(),
-  clean: z.boolean({ description: "Delete the output directory before building or creating tokens" }).optional(),
-  themes: z.record(themeSchema, {
+  outDir: z.string().meta({ description: "Path to the output directory for the created design tokens" }).optional(),
+  clean: z.boolean().meta({ description: "Delete the output directory before building or creating tokens" }).optional(),
+  themes: z.record(z.string(), themeSchema).meta({
     description: "An object with one or more themes. Each property defines a theme, and the property name is used as the theme name."
   })
 });