@digdir/designsystemet 1.0.0-next.49 → 1.0.0-next.51

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

@@ -1,4 +1,53 @@
-import type { ColorMetadata, ColorNumber, CssColor, GlobalColors } from './types.js';
+import type { ColorMetadataByName, ColorNumber, CssColor, GlobalColors } from './types.js';
 export declare const baseColors: Record<GlobalColors, CssColor>;
-export declare const colorMetadata: Record<ColorNumber, ColorMetadata>;
+export declare const colorMetadata: ColorMetadataByName;
+export declare const getColorMetadataByNumber: (number: ColorNumber) => ({
+    name: "background-default";
+    number: 1;
+} & import("./types.js").ColorMetadata) | ({
+    name: "background-tinted";
+    number: 2;
+} & import("./types.js").ColorMetadata) | ({
+    name: "surface-default";
+    number: 3;
+} & import("./types.js").ColorMetadata) | ({
+    name: "surface-tinted";
+    number: 4;
+} & import("./types.js").ColorMetadata) | ({
+    name: "surface-hover";
+    number: 5;
+} & import("./types.js").ColorMetadata) | ({
+    name: "surface-active";
+    number: 6;
+} & import("./types.js").ColorMetadata) | ({
+    name: "border-subtle";
+    number: 7;
+} & import("./types.js").ColorMetadata) | ({
+    name: "border-default";
+    number: 8;
+} & import("./types.js").ColorMetadata) | ({
+    name: "border-strong";
+    number: 9;
+} & import("./types.js").ColorMetadata) | ({
+    name: "text-subtle";
+    number: 10;
+} & import("./types.js").ColorMetadata) | ({
+    name: "text-default";
+    number: 11;
+} & import("./types.js").ColorMetadata) | ({
+    name: "base-default";
+    number: 12;
+} & import("./types.js").ColorMetadata) | ({
+    name: "base-hover";
+    number: 13;
+} & import("./types.js").ColorMetadata) | ({
+    name: "base-active";
+    number: 14;
+} & import("./types.js").ColorMetadata) | ({
+    name: "base-contrast-subtle";
+    number: 15;
+} & import("./types.js").ColorMetadata) | ({
+    name: "base-contrast-default";
+    number: 16;
+} & import("./types.js").ColorMetadata);
 //# sourceMappingURL=colorMetadata.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"colorMetadata.d.ts","sourceRoot":"","sources":["../../../src/colors/colorMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAErF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAMrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,aAAa,CAsLnD,CAAC"}
+{"version":3,"file":"colorMetadata.d.ts","sourceRoot":"","sources":["../../../src/colors/colorMetadata.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAMrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,mBAsM3B,CAAC;AAIF,eAAO,MAAM,wBAAwB,WAAY,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAE3D,CAAC"}

package/dist/src/colors/colorMetadata.js

@@ -1,3 +1,4 @@
+import * as R from "ramda";
 const baseColors = {
   blue: "#0A71C0",
   green: "#068718",
@@ -6,8 +7,9 @@ const baseColors = {
   red: "#C01B1B"
 };
 const colorMetadata = {
-  1: {
-    name: "backgroundDefault",
+  "background-default": {
+    number: 1,
+    name: "background-default",
     group: "background",
     displayName: "Background Default",
     description: "Background Default er den mest n\xF8ytrale bakgrunnsfargen.",
@@ -17,8 +19,9 @@ const colorMetadata = {
       contrast: 1e-3
     }
   },
-  2: {
-    name: "backgroundTinted",
+  "background-tinted": {
+    number: 2,
+    name: "background-tinted",
     group: "background",
     displayName: "Background Tinted",
     description: "Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.",
@@ -28,8 +31,9 @@ const colorMetadata = {
       contrast: 65e-4
     }
   },
-  3: {
-    name: "surfaceDefault",
+  "surface-default": {
+    number: 3,
+    name: "surface-default",
     group: "surface",
     displayName: "Surface Default",
     description: "Surface Default brukes p\xE5 flater som ligger opp\xE5 bakgrunnsfargene. Dette er den mest n\xF8ytrale surface fargen.",
@@ -39,8 +43,9 @@ const colorMetadata = {
       contrast: 0.015
     }
   },
-  4: {
-    name: "surfaceTinted",
+  "surface-tinted": {
+    number: 4,
+    name: "surface-tinted",
     group: "surface",
     displayName: "Surface Tinted",
     description: "Surface Tinted brukes p\xE5 flater som ligger opp\xE5 bakgrunnsfargene. Denne har et hint av farge i seg.",
@@ -50,8 +55,9 @@ const colorMetadata = {
       contrast: 0.015
     }
   },
-  5: {
-    name: "surfaceHover",
+  "surface-hover": {
+    number: 5,
+    name: "surface-hover",
     group: "surface",
     displayName: "Surface Hover",
     description: "Surface Hover brukes p\xE5 interaktive flater som ligger opp\xE5 bakgrunnsfargene i en hover state.",
@@ -61,8 +67,9 @@ const colorMetadata = {
       contrast: 0.028
     }
   },
-  6: {
-    name: "surfaceActive",
+  "surface-active": {
+    number: 6,
+    name: "surface-active",
     group: "surface",
     displayName: "Surface Active",
     description: "Surface Active brukes p\xE5 interaktive flater som ligger opp\xE5 bakgrunnsfargene i en active state.",
@@ -72,8 +79,9 @@ const colorMetadata = {
       contrast: 0.045
     }
   },
-  7: {
-    name: "borderSubtle",
+  "border-subtle": {
+    number: 7,
+    name: "border-subtle",
     group: "border",
     displayName: "Border Subtle",
     description: "Border Subtle er den lyseste border-fargen og brukes for \xE5 skille elementer fra hverandre.",
@@ -83,8 +91,9 @@ const colorMetadata = {
       contrast: 0.26
     }
   },
-  8: {
-    name: "borderDefault",
+  "border-default": {
+    number: 8,
+    name: "border-default",
     group: "border",
     displayName: "Border Default",
     description: "Border Default er en border-farge som brukes n\xE5r man \xF8nsker god kontrast mot bakgrunnsfargene.",
@@ -94,8 +103,9 @@ const colorMetadata = {
       contrast: 0.4
     }
   },
-  9: {
-    name: "borderStrong",
+  "border-strong": {
+    number: 9,
+    name: "border-strong",
     group: "border",
     displayName: "Border Strong",
     description: "Border Strong er den m\xF8rkeste border-fargen og brukes n\xE5r man \xF8nsker en veldig tydelig og sterk border.",
@@ -105,8 +115,9 @@ const colorMetadata = {
       contrast: 0.6
     }
   },
-  10: {
-    name: "textSubtle",
+  "text-subtle": {
+    number: 10,
+    name: "text-subtle",
     group: "text",
     displayName: "Text Subtle",
     description: "Text Subtle er den lyseste tekstfargen og brukes p\xE5 tekst som skal v\xE6re litt mindre synlig eller for \xE5 skape variasjon i typografien.",
@@ -116,8 +127,9 @@ const colorMetadata = {
       contrast: 0.57
     }
   },
-  11: {
-    name: "textDefault",
+  "text-default": {
+    number: 11,
+    name: "text-default",
     group: "text",
     displayName: "Text Default",
     description: "Text Default er den m\xF8rkeste tekstfargen og brukes p\xE5 tekst som skal v\xE6re mest synlig. Denne fargen b\xF8r brukes p\xE5 mesteparten av teksten p\xE5 en side.",
@@ -127,8 +139,9 @@ const colorMetadata = {
       contrast: 0.86
     }
   },
-  12: {
-    name: "baseDefault",
+  "base-default": {
+    number: 12,
+    name: "base-default",
     group: "base",
     displayName: "Base Default",
     description: "Base Default fargen f\xE5r den samme hex koden som fargen som er valgt i verkt\xF8yet. Brukes ofte som farge p\xE5 viktige elementer og p\xE5 flater som skal fange brukerens oppmerksomhet.",
@@ -138,8 +151,9 @@ const colorMetadata = {
       contrast: 1
     }
   },
-  13: {
-    name: "baseHover",
+  "base-hover": {
+    number: 13,
+    name: "base-hover",
     group: "base",
     displayName: "Base Hover",
     description: "Base Hover brukes som hover farge p\xE5 elementer som bruker Base Default fargen.",
@@ -149,8 +163,9 @@ const colorMetadata = {
       contrast: 1
     }
   },
-  14: {
-    name: "baseActive",
+  "base-active": {
+    number: 14,
+    name: "base-active",
     group: "base",
     displayName: "Base Active",
     description: "Base Active brukes som active farge p\xE5 elementer som bruker Base Default fargen.",
@@ -160,8 +175,9 @@ const colorMetadata = {
       contrast: 1
     }
   },
-  15: {
-    name: "contrastSubtle",
+  "base-contrast-subtle": {
+    number: 15,
+    name: "base-contrast-subtle",
     group: "base",
     displayName: "Contrast Subtle",
     description: "Contrast Subtle brukes som en viktig meningsb\xE6rende farge opp\xE5 Base Default fargen.",
@@ -171,8 +187,9 @@ const colorMetadata = {
       contrast: 1
     }
   },
-  16: {
-    name: "contrastDefault",
+  "base-contrast-default": {
+    number: 16,
+    name: "base-contrast-default",
     group: "base",
     displayName: "Contrast Default",
     description: "Contrast Default brukes som en viktig meningsb\xE6rende farge opp\xE5 alle Base fargane.",
@@ -183,7 +200,12 @@ const colorMetadata = {
     }
   }
 };
+const colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
+const getColorMetadataByNumber = (number) => {
+  return colorMetadataByNumber[number];
+};
 export {
   baseColors,
-  colorMetadata
+  colorMetadata,
+  getColorMetadataByNumber
 };

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

@@ -1,12 +1,12 @@
 import type { CssColor } from './types.js';
-import type { ColorInfo, ColorNumber, ColorScheme, ThemeInfo } from './types.js';
+import type { Color, ColorNumber, ColorScheme, ThemeInfo } from './types.js';
 /**
  * Generates a color scale based on a base color and a color mode.
  *
  * @param color The base color that is used to generate the color scale
  * @param colorScheme The color scheme to generate a scale for
  */
-export declare const generateColorScale: (color: CssColor, colorScheme: ColorScheme) => ColorInfo[];
+export declare const generateColorScale: (color: CssColor, colorScheme: ColorScheme) => Color[];
 /**
  * Generates color schemes based on a base color. Light, Dark and Contrast scales are included.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGjF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,UAAW,QAAQ,eAAe,WAAW,KAAG,SAAS,EAmBvF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAW,QAAQ,KAAG,SAIrD,CAAC;AAgCH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,QAAQ,SAAS,GAAG,QAAQ,KAAG,QAgBnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,eAAe,WAAW,WAEzE,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG7E;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,UAAW,QAAQ,eAAe,WAAW,KAAG,KAAK,EAwBnF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAW,QAAQ,KAAG,SAIrD,CAAC;AAgCH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,QAAQ,SAAS,GAAG,QAAQ,KAAG,QAgBnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,eAAe,WAAW,WAEzE,CAAC"}

package/dist/src/colors/theme.js

@@ -1,22 +1,27 @@
 import chroma from "chroma-js";
 import * as R from "ramda";
-import { colorMetadata } from "./colorMetadata.js";
-import { getColorInfoFromPosition, getLightnessFromHex, getLuminanceFromLightness } from "./utils.js";
+import { colorMetadata, getColorMetadataByNumber } from "./colorMetadata.js";
+import { getLightnessFromHex, getLuminanceFromLightness } from "./utils.js";
 const generateColorScale = (color, colorScheme) => {
-  const colors = R.mapObjIndexed((colorData, key) => {
+  const colors = R.mapObjIndexed((colorData) => {
     const luminance = colorData.luminance[colorScheme];
     return {
       ...colorData,
-      hex: chroma(color).luminance(luminance).hex(),
-      number: parseInt(key)
+      hex: chroma(color).luminance(luminance).hex()
     };
   }, colorMetadata);
   const baseColors = generateBaseColors(color, colorScheme);
-  colors["12"] = { ...colors["12"], hex: baseColors.default };
-  colors["13"] = { ...colors["13"], hex: baseColors.hover };
-  colors["14"] = { ...colors["14"], hex: baseColors.active };
-  colors["15"] = { ...colors["15"], hex: generateColorContrast(baseColors.default, "subtle") };
-  colors["16"] = { ...colors["16"], hex: generateColorContrast(baseColors.default, "default") };
+  colors["base-default"] = { ...colors["base-default"], hex: baseColors.default };
+  colors["base-hover"] = { ...colors["base-hover"], hex: baseColors.hover };
+  colors["base-active"] = { ...colors["base-active"], hex: baseColors.active };
+  colors["base-contrast-subtle"] = {
+    ...colors["base-contrast-subtle"],
+    hex: generateColorContrast(baseColors.default, "subtle")
+  };
+  colors["base-contrast-default"] = {
+    ...colors["base-contrast-default"],
+    hex: generateColorContrast(baseColors.default, "default")
+  };
   return Object.values(colors);
 };
 const generateColorSchemes = (color) => ({
@@ -52,7 +57,7 @@ const generateColorContrast = (color, type) => {
   return color;
 };
 const getCssVariable = (colorType, colorNumber) => {
-  return `--ds-color-${colorType}-${getColorInfoFromPosition(colorNumber).displayName.toLowerCase().replace(/\s/g, "-")}`;
+  return `--ds-color-${colorType}-${getColorMetadataByNumber(colorNumber).displayName.toLowerCase().replace(/\s/g, "-")}`;
 };
 export {
   generateColorContrast,

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

@@ -1,10 +1,39 @@
 export type ColorScheme = 'light' | 'dark' | 'contrast';
 export type ContrastMode = 'aa' | 'aaa';
-export type ColorNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
+export type ColorNumber = SemanticColorNumberMap[keyof SemanticColorNumberMap];
+export type ColorNames = keyof SemanticColorNumberMap;
 export type GlobalColors = 'red' | 'blue' | 'green' | 'orange' | 'purple';
 export type ColorError = 'none' | 'decorative' | 'interaction';
+type SemanticColorNumberMap = {
+    'background-default': 1;
+    'background-tinted': 2;
+    'surface-default': 3;
+    'surface-tinted': 4;
+    'surface-hover': 5;
+    'surface-active': 6;
+    'border-subtle': 7;
+    'border-default': 8;
+    'border-strong': 9;
+    'text-subtle': 10;
+    'text-default': 11;
+    'base-default': 12;
+    'base-hover': 13;
+    'base-active': 14;
+    'base-contrast-subtle': 15;
+    'base-contrast-default': 16;
+};
+type SemanticColorMapping = {
+    [K in keyof SemanticColorNumberMap]: {
+        name: K;
+        number: SemanticColorNumberMap[K];
+    };
+};
+export type ColorMetadataByName = {
+    [P in keyof SemanticColorMapping]: SemanticColorMapping[P] & ColorMetadata;
+};
 export type ColorMetadata = {
-    name: string;
+    name: ColorNames;
+    number: ColorNumber;
     displayName: string;
     description: string;
     group: string;
@@ -14,14 +43,13 @@ export type ColorMetadata = {
         contrast: number;
     };
 };
-export type ColorInfo = Partial<ColorMetadata> & {
-    number: ColorNumber;
+export type Color = ColorMetadata & {
     hex: CssColor;
 };
 export type ThemeInfo = {
-    light: ColorInfo[];
-    dark: ColorInfo[];
-    contrast: ColorInfo[];
+    light: Color[];
+    dark: Color[];
+    contrast: Color[];
 };
 /**
  * Supported CSS colors in `designsystemet/color`
@@ -31,4 +59,5 @@ export type CssColor = HexColor;
  * Different color formats.
  */
 export type HexColor = `#${string}`;
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAC/F,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG;IAC/C,MAAM,EAAE,WAAW,CAAC;IACpB,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC,MAAM,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,sBAAsB,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,KAAK,sBAAsB,GAAG;IAC5B,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC,CAAC;IACvB,iBAAiB,EAAE,CAAC,CAAC;IACrB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;IACpB,eAAe,EAAE,CAAC,CAAC;IACnB,aAAa,EAAE,EAAE,CAAC;IAClB,cAAc,EAAE,EAAE,CAAC;IACnB,cAAc,EAAE,EAAE,CAAC;IACnB,YAAY,EAAE,EAAE,CAAC;IACjB,aAAa,EAAE,EAAE,CAAC;IAClB,sBAAsB,EAAE,EAAE,CAAC;IAC3B,uBAAuB,EAAE,EAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;KACzB,CAAC,IAAI,MAAM,sBAAsB,GAAG;QACnC,IAAI,EAAE,CAAC,CAAC;QACR,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;KACnC;CACF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,aAAa;CAC3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ColorNumber, CssColor, HexColor } from './types.js';
+import type { CssColor, HexColor } from './types.js';
 /**
  * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)'
  *
@@ -92,7 +92,6 @@ export declare const getLuminanceFromLightness: (lightness: number) => number;
  * @param hex The hex color
  */
 export declare const getLightnessFromHex: (hex: HexColor) => number;
-export declare const getColorInfoFromPosition: (position: ColorNumber) => import("./types.js").ColorMetadata;
 /**
  *
  * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast.

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,QAAS,QAAQ,iCAOxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAS,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,QAAS,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,QAAS,MAAM,SAAQ,KAAK,GAAG,GAAG;;;;CAOtD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,WAAY,QAAQ,UAAU,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,cAAe,MAAM,aAAa,QAAQ,mBAAmB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WAAY,QAAQ,UAAU,QAAQ,SAAQ,YAAY,GAAG,IAAI,GAAG,KAAK,YAYzG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,cAAe,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAS,QAAQ,WAMhD,CAAC;AAEF,eAAO,MAAM,wBAAwB,aAAc,WAAW,uCAE7D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,qBAAsB,QAAQ,mBAAmB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAS;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":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,QAAS,QAAQ,iCAOxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAS,QAAQ,aAGrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,QAAS,QAAQ,aAKvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,KAAG,QAE1D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,QAAS,MAAM,SAAQ,KAAK,GAAG,GAAG;;;;CAOtD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,WAAY,QAAQ,UAAU,QAAQ,WAIpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,cAAe,MAAM,aAAa,QAAQ,mBAAmB,QAAQ,WAYzG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WAAY,QAAQ,UAAU,QAAQ,SAAQ,YAAY,GAAG,IAAI,GAAG,KAAK,YAYzG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,YAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,cAAe,MAAM,WAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAS,QAAQ,WAMhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,qBAAsB,QAAQ,mBAAmB,QAAQ,YAe1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,QAQ7C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAS;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,QAOnE,CAAC"}

package/dist/src/colors/utils.js

@@ -1,6 +1,5 @@
 import chroma from "chroma-js";
 import { Hsluv } from "hsluv";
-import { colorMetadata } from "./colorMetadata.js";
 const hexToCssHsl = (hex, valuesOnly = false) => {
   const [h, s, l] = chroma(hex).hsl();
   const hRounded = Math.round(h);
@@ -78,9 +77,6 @@ const getLightnessFromHex = (hex) => {
   conv.hexToHsluv();
   return conv.hsluv_l;
 };
-const getColorInfoFromPosition = (position) => {
-  return colorMetadata[position];
-};
 const canTextBeUsedOnColors = (baseDefaultColor, baseActiveColor) => {
   const defaultAgainstWhite = getContrastFromHex(baseDefaultColor, "#ffffff");
   const defaultAgainstBlack = getContrastFromHex(baseDefaultColor, "#000000");
@@ -114,7 +110,6 @@ export {
   areColorsContrasting,
   canTextBeUsedOnColors,
   convertToHex,
-  getColorInfoFromPosition,
   getContrastFromHex,
   getContrastFromLightness,
   getLightnessFromHex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.49",
+  "version": "1.0.0-next.51",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "engines": {