@digdir/designsystemet 1.0.5 → 1.0.6

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024 Digitaliseringsdirektoratet (Digdir)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/bin/designsystemet.js

@@ -9,6 +9,7 @@ import { fromError } from "zod-validation-error";
 
 // 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();
@@ -2687,11 +2688,11 @@ import chalk3 from "chalk";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.5",
+  version: "1.0.6",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
-    node: ">=22.14.0"
+    node: ">=22.15.0"
   },
   repository: {
     type: "git",
@@ -2721,56 +2722,58 @@ var package_default = {
   },
   scripts: {
     designsystemet: "tsx ./bin/designsystemet.ts",
-    "build:tokens": "yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
+    "build:tokens": "pnpm run designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
     "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
-    build: "tsup && yarn build:types && yarn build:json-schema",
+    build: "tsup && pnpm build:types && pnpm build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
     types: "tsc --noEmit",
-    "test:tokens-create-options": "yarn designsystemet tokens create -m dominant:#007682  -n #003333 -b 99 -o ./test-tokens/options --theme options --clean",
-    "test:tokens-create-config": "yarn designsystemet tokens create --config ./test/test-tokens.config.json",
-    "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens/options -o ./test-tokens/options-build --clean",
-    "test:tokens-build-config": "yarn designsystemet tokens build -t ./test-tokens/config -o ./test-tokens/config-build --clean",
-    "test:tokens-create-and-build-options": "yarn test:tokens-create-options && yarn test:tokens-build",
-    "test:tokens-create-and-build-config": "yarn test:tokens-create-config && yarn test:tokens-build-config",
-    test: "yarn test:tokens-create-and-build-options && yarn test:tokens-create-and-build-config",
-    "internal:tokens-create": "yarn designsystemet tokens create --config ./internal.config.json",
+    "test:tokens-create-options": 'pnpm run designsystemet tokens create -m dominant:"#007682" -n "#003333" -b 99 -o ./test-tokens/options --theme options --clean',
+    "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./test/test-tokens.config.json",
+    "test:tokens-build": "pnpm run designsystemet tokens build -t ./test-tokens/options -o ./test-tokens/options-build --clean",
+    "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./test-tokens/config -o ./test-tokens/config-build --clean",
+    "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
+    "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
+    test: "pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "internal:tokens-create": "pnpm run designsystemet tokens create --config ./internal.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
-    "update:design-tokens": "yarn internal:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
-    verify: "yarn test && yarn update:template && yarn update:design-tokens"
+    "update:design-tokens": "pnpm internal:tokens-create && tsx ./src/scripts/update-design-tokens.ts",
+    verify: "pnpm test && pnpm update:template && pnpm update:design-tokens"
   },
   dependencies: {
     "@commander-js/extra-typings": "^13.1.0",
-    "@tokens-studio/sd-transforms": "1.2.12",
+    "@tokens-studio/sd-transforms": "1.3.0",
     "apca-w3": "^0.1.9",
     chalk: "^5.4.1",
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
+    "colorjs.io": "^0.6.0-alpha.1",
     commander: "^13.1.0",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
     postcss: "^8.5.3",
     ramda: "^0.30.1",
-    "style-dictionary": "^4.3.3",
-    zod: "^3.24.2",
+    "style-dictionary": "^4.4.0",
+    zod: "^3.24.4",
     "zod-validation-error": "^3.4.0"
   },
   devDependencies: {
+    "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
     "@types/jscodeshift": "^0.12.0",
-    "@types/node": "^22.14.0",
+    "@types/node": "^22.15.3",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.30.2",
     "fs-extra": "^11.3.0",
     "ts-toolbelt": "^9.6.0",
     tslib: "^2.8.1",
     tsup: "^8.4.0",
-    tsx: "^4.19.3",
-    typescript: "^5.8.2",
+    tsx: "^4.19.4",
+    typescript: "^5.8.3",
     "zod-to-json-schema": "^3.24.5"
   }
 };
@@ -2871,20 +2874,24 @@ var mapToLowerCase = R11.map(R11.toLower);
 var hasAnyTruth = R11.any(R11.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
 var getValue = (token) => token.$value ?? token.value;
-var typeEquals = R11.curry((types, token) => {
-  if (R11.isNil(token)) {
-    return false;
+var typeEquals = R11.curry(
+  (types, token) => {
+    if (R11.isNil(token)) {
+      return false;
+    }
+    return R11.includes(R11.toLower(getType(token)), R11.map(R11.toLower, Array.isArray(types) ? types : [types]));
   }
-  return R11.includes(R11.toLower(getType(token)), R11.map(R11.toLower, Array.isArray(types) ? types : [types]));
-});
-var pathStartsWithOneOf = R11.curry((paths, token) => {
-  if (R11.isNil(token)) {
-    return false;
+);
+var pathStartsWithOneOf = R11.curry(
+  (paths, token) => {
+    if (R11.isNil(token)) {
+      return false;
+    }
+    const tokenPath = mapToLowerCase(token.path);
+    const matchPathsStartingWith = R11.map((path5) => R11.startsWith([path5], tokenPath), mapToLowerCase(paths));
+    return hasAnyTruth(matchPathsStartingWith);
   }
-  const tokenPath = mapToLowerCase(token.path);
-  const matchPathsStartingWith = R11.map((path5) => R11.startsWith([path5], tokenPath), mapToLowerCase(paths));
-  return hasAnyTruth(matchPathsStartingWith);
-});
+);
 function isSemanticToken(token) {
   return token.filePath.includes("semantic/");
 }
@@ -3440,14 +3447,14 @@ var typographyVariables = ({ theme, typography: typography2 }) => {
   };
 };
 
-// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowTypes.js
 var BoxShadowTypes;
 (function(BoxShadowTypes2) {
   BoxShadowTypes2["DROP_SHADOW"] = "dropShadow";
   BoxShadowTypes2["INNER_SHADOW"] = "innerShadow";
 })(BoxShadowTypes || (BoxShadowTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorModifierTypes.js
 var ColorModifierTypes;
 (function(ColorModifierTypes2) {
   ColorModifierTypes2["LIGHTEN"] = "lighten";
@@ -3456,7 +3463,7 @@ var ColorModifierTypes;
   ColorModifierTypes2["ALPHA"] = "alpha";
 })(ColorModifierTypes || (ColorModifierTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/ColorSpaceTypes.js
 var ColorSpaceTypes;
 (function(ColorSpaceTypes2) {
   ColorSpaceTypes2["LCH"] = "lch";
@@ -3465,7 +3472,7 @@ var ColorSpaceTypes;
   ColorSpaceTypes2["HSL"] = "hsl";
 })(ColorSpaceTypes || (ColorSpaceTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/Properties.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/Properties.js
 var Properties;
 (function(Properties2) {
   Properties2["sizing"] = "sizing";
@@ -3517,7 +3524,7 @@ var Properties;
   Properties2["description"] = "description";
 })(Properties || (Properties = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenSetStatus.js
 var TokenSetStatus;
 (function(TokenSetStatus2) {
   TokenSetStatus2["DISABLED"] = "disabled";
@@ -3525,7 +3532,7 @@ var TokenSetStatus;
   TokenSetStatus2["ENABLED"] = "enabled";
 })(TokenSetStatus || (TokenSetStatus = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TokenTypes.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TokenTypes.js
 var TokenTypes;
 (function(TokenTypes2) {
   TokenTypes2["OTHER"] = "other";
@@ -3556,7 +3563,7 @@ var TokenTypes;
   TokenTypes2["NUMBER"] = "number";
 })(TokenTypes || (TokenTypes = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/BorderValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BorderValues.js
 var BorderValues;
 (function(BorderValues2) {
   BorderValues2["BORDER_COLOR"] = "color";
@@ -3564,7 +3571,7 @@ var BorderValues;
   BorderValues2["BORDER_STYLE"] = "style";
 })(BorderValues || (BorderValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/StrokeStyleValues.js
 var StrokeStyleValues;
 (function(StrokeStyleValues2) {
   StrokeStyleValues2["SOLID"] = "solid";
@@ -3577,7 +3584,7 @@ var StrokeStyleValues;
   StrokeStyleValues2["INSET"] = "inset";
 })(StrokeStyleValues || (StrokeStyleValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/BoxShadowValues.js
 var BoxShadowValues;
 (function(BoxShadowValues2) {
   BoxShadowValues2["TYPE"] = "type";
@@ -3589,7 +3596,7 @@ var BoxShadowValues;
   BoxShadowValues2["BLEND_MODE"] = "blendMode";
 })(BoxShadowValues || (BoxShadowValues = {}));
 
-// ../../node_modules/@tokens-studio/types/dist/constants/TypographyValues.js
+// ../../node_modules/.pnpm/@tokens-studio+types@0.5.2/node_modules/@tokens-studio/types/dist/constants/TypographyValues.js
 var TypographyValues;
 (function(TypographyValues2) {
   TypographyValues2["FONT_FAMILY"] = "fontFamily";

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.js

@@ -4,6 +4,7 @@ import { z } from "zod";
 
 // src/colors/utils.ts
 import chroma from "chroma-js";
+import Colorjs from "colorjs.io";
 import { Hsluv } from "hsluv";
 var convertToHex = (color) => {
   if (!color) {