@digdir/designsystemet 1.0.5 → 1.0.7

package/dist/src/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";
@@ -2203,14 +2233,14 @@ var createTokens = async (opts) => {
 // src/tokens/format.ts
 import * as R20 from "ramda";
 
-// ../../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";
@@ -2219,7 +2249,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";
@@ -2228,7 +2258,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";
@@ -2280,7 +2310,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";
@@ -2288,7 +2318,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";
@@ -2319,7 +2349,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";
@@ -2327,7 +2357,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";
@@ -2340,7 +2370,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";
@@ -2352,7 +2382,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";
@@ -2556,20 +2586,24 @@ var mapToLowerCase = R7.map(R7.toLower);
 var hasAnyTruth = R7.any(R7.equals(true));
 var getType = (token) => (token.$type ?? token.type) || "";
 var getValue = (token) => token.$value ?? token.value;
-var typeEquals = R7.curry((types, token) => {
-  if (R7.isNil(token)) {
-    return false;
+var typeEquals = R7.curry(
+  (types, token) => {
+    if (R7.isNil(token)) {
+      return false;
+    }
+    return R7.includes(R7.toLower(getType(token)), R7.map(R7.toLower, Array.isArray(types) ? types : [types]));
   }
-  return R7.includes(R7.toLower(getType(token)), R7.map(R7.toLower, Array.isArray(types) ? types : [types]));
-});
-var pathStartsWithOneOf = R7.curry((paths, token) => {
-  if (R7.isNil(token)) {
-    return false;
+);
+var pathStartsWithOneOf = R7.curry(
+  (paths, token) => {
+    if (R7.isNil(token)) {
+      return false;
+    }
+    const tokenPath = mapToLowerCase(token.path);
+    const matchPathsStartingWith = R7.map((path) => R7.startsWith([path], tokenPath), mapToLowerCase(paths));
+    return hasAnyTruth(matchPathsStartingWith);
   }
-  const tokenPath = mapToLowerCase(token.path);
-  const matchPathsStartingWith = R7.map((path) => R7.startsWith([path], tokenPath), mapToLowerCase(paths));
-  return hasAnyTruth(matchPathsStartingWith);
-});
+);
 function isSemanticToken(token) {
   return token.filePath.includes("semantic/");
 }
@@ -3465,11 +3499,11 @@ import chalk3 from "chalk";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.0.5",
+  version: "1.0.7",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
-    node: ">=22.14.0"
+    node: ">=22.16.0"
   },
   repository: {
     type: "git",
@@ -3480,7 +3514,8 @@ var package_default = {
   type: "module",
   main: "./dist/src/index.js",
   files: [
-    "./dist/**"
+    "./dist/**",
+    "./configs/**"
   ],
   bin: "dist/bin/designsystemet.js",
   exports: {
@@ -3499,57 +3534,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: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:tokens": "pnpm run designsystemet tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
+    "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../internal/design-tokens -o ../../packages/theme/brand --clean",
+    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 ./temp/options/design-tokens --theme options --clean',
+    "test:tokens-create-config": "pnpm run designsystemet tokens create --config ./configs/test-tokens.config.json",
+    "test:tokens-build": "pnpm run designsystemet tokens build -t ./temp/options/design-tokens -o ./temp/options/build --clean",
+    "test:tokens-build-config": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/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",
+    "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.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 digdir: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",
-    "zod-validation-error": "^3.4.0"
+    "style-dictionary": "^4.4.0",
+    zod: "^3.25.30",
+    "zod-validation-error": "^3.4.1"
   },
   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.21",
     "@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",
-    "zod-to-json-schema": "^3.24.5"
+    tsup: "^8.5.0",
+    tsx: "^4.19.4",
+    typescript: "^5.8.3"
   }
 };
 
@@ -3603,9 +3639,6 @@ order may change due to nondeterminism.`.trim()
     return sortIndex;
   });
   const header = `@charset "UTF-8";
-
-@layer ds.theme, ds.base, ds.utilities, ds.components;
-
 /*
 ${fileHeader2}
 */
@@ -3659,6 +3692,7 @@ export {
   canTextBeUsedOnColors,
   cliOptions,
   colorMetadata,
+  convertColor,
   convertToHex,
   createTokens,
   formatThemeCSS,
@@ -3671,6 +3705,7 @@ export {
   getContrastFromLightness,
   getCssVariable,
   getLightnessFromHex,
+  getLuminanceFromColor,
   getLuminanceFromLightness,
   hexToCssHsl,
   hexToHSL,

package/dist/src/migrations/beta-to-v1.js

@@ -42,12 +42,12 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
 var readFile = async (path, dry) => {
   if (dry) {

package/dist/src/migrations/codemods/css/run.js

@@ -1,10 +1,10 @@
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk from "chalk";
 var readFile = async (path, dry) => {
   if (dry) {

package/dist/src/migrations/color-rename-next49.js

@@ -33,12 +33,12 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
 var readFile = async (path, dry) => {
   if (dry) {

package/dist/src/migrations/index.js

@@ -42,12 +42,12 @@ var cssVarRename = (dictionary) => ({
 });
 
 // src/migrations/codemods/css/run.ts
-import fs2 from "node:fs";
+import fs2 from "fs";
 import glob from "fast-glob";
 import postcss from "postcss";
 
 // src/utils.ts
-import fs from "node:fs/promises";
+import fs from "fs/promises";
 import chalk2 from "chalk";
 var readFile = async (path, dry) => {
   if (dry) {