@digdir/designsystemet 0.0.0-chore-remove-cli-tsx-20260701060359

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorMetadata.d.ts","names":[],"sources":["../../../src/colors/colorMetadata.ts"],"mappings":";;;cAGa,UAAA,EAAY,MAAA,CAAO,YAAA,EAAc,QAAA;AAAA,cAOjC,WAAA;AAAA,cAEA,aAAA,EAAe,mBAiP3B;AAAA,cAIY,wBAAA,GAA4B,MAAA,EAAQ,WAAA;;;IAAW,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAI/C,UAAA,EAA2C,KAAK,cAAc,aAAA;AAAA,cAE9D,cAAA,EAA4C,KAAK,cAAc,UAAA"}

package/dist/src/colors/colorMetadata.js

@@ -0,0 +1,261 @@
+import * as R from "ramda";
+//#region src/colors/colorMetadata.ts
+const baseColors = {
+	info: "#0A71C0",
+	success: "#068718",
+	warning: "#EA9B1B",
+	danger: "#C01B1B"
+};
+const dsLinkColor = "#663299";
+const colorMetadata = {
+	"background-default": {
+		number: 1,
+		name: "background-default",
+		group: "background",
+		displayName: "Background Default",
+		description: {
+			long: "Background Default er den mest nøytrale bakgrunnsfargen.",
+			short: "Standard bakgrunnsfarge."
+		},
+		luminance: {
+			light: 1,
+			dark: .009,
+			contrast: .001
+		}
+	},
+	"background-tinted": {
+		number: 2,
+		name: "background-tinted",
+		group: "background",
+		displayName: "Background Tinted",
+		description: {
+			long: "Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.",
+			short: "Bakgrunn med et hint av farge i seg."
+		},
+		luminance: {
+			light: .9,
+			dark: .014,
+			contrast: .0065
+		}
+	},
+	"surface-default": {
+		number: 3,
+		name: "surface-default",
+		group: "surface",
+		displayName: "Surface Default",
+		description: {
+			long: "Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.",
+			short: "Standardfarge for overflater / komponenter."
+		},
+		luminance: {
+			light: 1,
+			dark: .021,
+			contrast: .015
+		}
+	},
+	"surface-tinted": {
+		number: 4,
+		name: "surface-tinted",
+		group: "surface",
+		displayName: "Surface Tinted",
+		description: {
+			long: "Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.",
+			short: "Overflater / komponenter med et hint av farge i seg."
+		},
+		luminance: {
+			light: .81,
+			dark: .027,
+			contrast: .015
+		}
+	},
+	"surface-hover": {
+		number: 5,
+		name: "surface-hover",
+		group: "surface",
+		displayName: "Surface Hover",
+		description: {
+			long: "Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.",
+			short: "Hover-farge til overflater / komponenter."
+		},
+		luminance: {
+			light: .7,
+			dark: .036,
+			contrast: .028
+		}
+	},
+	"surface-active": {
+		number: 6,
+		name: "surface-active",
+		group: "surface",
+		displayName: "Surface Active",
+		description: {
+			long: "Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.",
+			short: "Active-farge til overflater / komponenter."
+		},
+		luminance: {
+			light: .59,
+			dark: .056,
+			contrast: .045
+		}
+	},
+	"border-subtle": {
+		number: 7,
+		name: "border-subtle",
+		group: "border",
+		displayName: "Border Subtle",
+		description: {
+			long: "Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.",
+			short: "Border-farge med lav kontrast til dekorativ bruk (skillelinjer)."
+		},
+		luminance: {
+			light: .5,
+			dark: .08,
+			contrast: .26
+		}
+	},
+	"border-default": {
+		number: 8,
+		name: "border-default",
+		group: "border",
+		displayName: "Border Default",
+		description: {
+			long: "Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.",
+			short: "Standard border-farge til skjemakomponenter og meningsbærende elementer."
+		},
+		luminance: {
+			light: .19,
+			dark: .22,
+			contrast: .4
+		}
+	},
+	"border-strong": {
+		number: 9,
+		name: "border-strong",
+		group: "border",
+		displayName: "Border Strong",
+		description: {
+			long: "Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.",
+			short: "Border-farge med høy kontrast for ekstra synlighet."
+		},
+		luminance: {
+			light: .11,
+			dark: .39,
+			contrast: .6
+		}
+	},
+	"text-subtle": {
+		number: 10,
+		name: "text-subtle",
+		group: "text",
+		displayName: "Text Subtle",
+		description: {
+			long: "Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.",
+			short: "Tekst- og ikonfarge med lavere kontrast."
+		},
+		luminance: {
+			light: .11,
+			dark: .39,
+			contrast: .57
+		}
+	},
+	"text-default": {
+		number: 11,
+		name: "text-default",
+		group: "text",
+		displayName: "Text Default",
+		description: {
+			long: "Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.",
+			short: "Tekst- og ikonfarge med høy kontrast og god synlighet."
+		},
+		luminance: {
+			light: .0245,
+			dark: .84,
+			contrast: .86
+		}
+	},
+	"base-default": {
+		number: 12,
+		name: "base-default",
+		group: "base",
+		displayName: "Base Default",
+		description: {
+			long: "Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.",
+			short: "Standardfarge for solide bakgrunner."
+		},
+		luminance: {
+			light: 1,
+			dark: 1,
+			contrast: 1
+		}
+	},
+	"base-hover": {
+		number: 13,
+		name: "base-hover",
+		group: "base",
+		displayName: "Base Hover",
+		description: {
+			long: "Base Hover brukes som hover farge på elementer som bruker Base Default fargen.",
+			short: "Hover-farge for solide bakgrunner."
+		},
+		luminance: {
+			light: 1,
+			dark: 1,
+			contrast: 1
+		}
+	},
+	"base-active": {
+		number: 14,
+		name: "base-active",
+		group: "base",
+		displayName: "Base Active",
+		description: {
+			long: "Base Active brukes som active farge på elementer som bruker Base Default fargen.",
+			short: "Active-farge for solide bakgrunner."
+		},
+		luminance: {
+			light: 1,
+			dark: 1,
+			contrast: 1
+		}
+	},
+	"base-contrast-subtle": {
+		number: 15,
+		name: "base-contrast-subtle",
+		group: "base",
+		displayName: "Contrast Subtle",
+		description: {
+			long: "Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.",
+			short: "Farge med god kontrast mot Base-default."
+		},
+		luminance: {
+			light: 1,
+			dark: 1,
+			contrast: 1
+		}
+	},
+	"base-contrast-default": {
+		number: 16,
+		name: "base-contrast-default",
+		group: "base",
+		displayName: "Contrast Default",
+		description: {
+			long: "Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.",
+			short: "Farge med god kontrast mot Base-default og Base-hover."
+		},
+		luminance: {
+			light: 1,
+			dark: 1,
+			contrast: 1
+		}
+	}
+};
+const colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));
+const getColorMetadataByNumber = (number) => {
+	return colorMetadataByNumber[number];
+};
+const colorNames = Object.keys(colorMetadata);
+const baseColorNames = Object.keys(baseColors);
+//#endregion
+export { baseColorNames, baseColors, colorMetadata, colorNames, dsLinkColor, getColorMetadataByNumber };
+
+//# sourceMappingURL=colorMetadata.js.map

package/dist/src/colors/colorMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMetadata.js","names":[],"sources":["../../../src/colors/colorMetadata.ts"],"sourcesContent":["import * as R from 'ramda';\nimport type { ColorMetadataByName, ColorNumber, CssColor, GlobalColors } from './types.ts';\n\nexport const baseColors: Record<GlobalColors, CssColor> = {\n  info: '#0A71C0',\n  success: '#068718',\n  warning: '#EA9B1B',\n  danger: '#C01B1B',\n};\n\nexport const dsLinkColor = '#663299';\n\nexport const colorMetadata: ColorMetadataByName = {\n  'background-default': {\n    number: 1,\n    name: 'background-default',\n    group: 'background',\n    displayName: 'Background Default',\n    description: {\n      long: 'Background Default er den mest nøytrale bakgrunnsfargen.',\n      short: 'Standard bakgrunnsfarge.',\n    },\n    luminance: {\n      light: 1,\n      dark: 0.009,\n      contrast: 0.001,\n    },\n  },\n  'background-tinted': {\n    number: 2,\n    name: 'background-tinted',\n    group: 'background',\n    displayName: 'Background Tinted',\n    description: {\n      long: 'Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.',\n      short: 'Bakgrunn med et hint av farge i seg.',\n    },\n    luminance: {\n      light: 0.9,\n      dark: 0.014,\n      contrast: 0.0065,\n    },\n  },\n  'surface-default': {\n    number: 3,\n    name: 'surface-default',\n    group: 'surface',\n    displayName: 'Surface Default',\n    description: {\n      long: 'Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.',\n      short: 'Standardfarge for overflater / komponenter.',\n    },\n    luminance: {\n      light: 1,\n      dark: 0.021,\n      contrast: 0.015,\n    },\n  },\n  'surface-tinted': {\n    number: 4,\n    name: 'surface-tinted',\n    group: 'surface',\n    displayName: 'Surface Tinted',\n    description: {\n      long: 'Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.',\n      short: 'Overflater / komponenter med et hint av farge i seg.',\n    },\n    luminance: {\n      light: 0.81,\n      dark: 0.027,\n      contrast: 0.015,\n    },\n  },\n  'surface-hover': {\n    number: 5,\n    name: 'surface-hover',\n    group: 'surface',\n    displayName: 'Surface Hover',\n    description: {\n      long: 'Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.',\n      short: 'Hover-farge til overflater / komponenter.',\n    },\n    luminance: {\n      light: 0.7,\n      dark: 0.036,\n      contrast: 0.028,\n    },\n  },\n  'surface-active': {\n    number: 6,\n    name: 'surface-active',\n    group: 'surface',\n    displayName: 'Surface Active',\n    description: {\n      long: 'Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.',\n      short: 'Active-farge til overflater / komponenter.',\n    },\n    luminance: {\n      light: 0.59,\n      dark: 0.056,\n      contrast: 0.045,\n    },\n  },\n  'border-subtle': {\n    number: 7,\n    name: 'border-subtle',\n    group: 'border',\n    displayName: 'Border Subtle',\n    description: {\n      long: 'Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.',\n      short: 'Border-farge med lav kontrast til dekorativ bruk (skillelinjer).',\n    },\n    luminance: {\n      light: 0.5,\n      dark: 0.08,\n      contrast: 0.26,\n    },\n  },\n  'border-default': {\n    number: 8,\n    name: 'border-default',\n    group: 'border',\n    displayName: 'Border Default',\n    description: {\n      long: 'Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.',\n      short: 'Standard border-farge til skjemakomponenter og meningsbærende elementer.',\n    },\n    luminance: {\n      light: 0.19,\n      dark: 0.22,\n      contrast: 0.4,\n    },\n  },\n  'border-strong': {\n    number: 9,\n    name: 'border-strong',\n    group: 'border',\n    displayName: 'Border Strong',\n    description: {\n      long: 'Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.',\n      short: 'Border-farge med høy kontrast for ekstra synlighet.',\n    },\n    luminance: {\n      light: 0.11,\n      dark: 0.39,\n      contrast: 0.6,\n    },\n  },\n  'text-subtle': {\n    number: 10,\n    name: 'text-subtle',\n    group: 'text',\n    displayName: 'Text Subtle',\n    description: {\n      long: 'Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.',\n      short: 'Tekst- og ikonfarge med lavere kontrast.',\n    },\n    luminance: {\n      light: 0.11,\n      dark: 0.39,\n      contrast: 0.57,\n    },\n  },\n  'text-default': {\n    number: 11,\n    name: 'text-default',\n    group: 'text',\n    displayName: 'Text Default',\n    description: {\n      long: 'Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.',\n      short: 'Tekst- og ikonfarge med høy kontrast og god synlighet.',\n    },\n    luminance: {\n      light: 0.0245,\n      dark: 0.84,\n      contrast: 0.86,\n    },\n  },\n  'base-default': {\n    number: 12,\n    name: 'base-default',\n    group: 'base',\n    displayName: 'Base Default',\n    description: {\n      long: 'Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.',\n      short: 'Standardfarge for solide bakgrunner.',\n    },\n    luminance: {\n      light: 1,\n      dark: 1,\n      contrast: 1,\n    },\n  },\n  'base-hover': {\n    number: 13,\n    name: 'base-hover',\n    group: 'base',\n    displayName: 'Base Hover',\n    description: {\n      long: 'Base Hover brukes som hover farge på elementer som bruker Base Default fargen.',\n      short: 'Hover-farge for solide bakgrunner.',\n    },\n    luminance: {\n      light: 1,\n      dark: 1,\n      contrast: 1,\n    },\n  },\n  'base-active': {\n    number: 14,\n    name: 'base-active',\n    group: 'base',\n    displayName: 'Base Active',\n    description: {\n      long: 'Base Active brukes som active farge på elementer som bruker Base Default fargen.',\n      short: 'Active-farge for solide bakgrunner.',\n    },\n    luminance: {\n      light: 1,\n      dark: 1,\n      contrast: 1,\n    },\n  },\n  'base-contrast-subtle': {\n    number: 15,\n    name: 'base-contrast-subtle',\n    group: 'base',\n    displayName: 'Contrast Subtle',\n    description: {\n      long: 'Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.',\n      short: 'Farge med god kontrast mot Base-default.',\n    },\n    luminance: {\n      light: 1,\n      dark: 1,\n      contrast: 1,\n    },\n  },\n  'base-contrast-default': {\n    number: 16,\n    name: 'base-contrast-default',\n    group: 'base',\n    displayName: 'Contrast Default',\n    description: {\n      long: 'Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.',\n      short: 'Farge med god kontrast mot Base-default og Base-hover.',\n    },\n    luminance: {\n      light: 1,\n      dark: 1,\n      contrast: 1,\n    },\n  },\n};\n\nconst colorMetadataByNumber = R.indexBy((metadata) => metadata.number, Object.values(colorMetadata));\n\nexport const getColorMetadataByNumber = (number: ColorNumber) => {\n  return colorMetadataByNumber[number];\n};\n\nexport const colorNames = Object.keys(colorMetadata) as Array<keyof typeof colorMetadata>;\n\nexport const baseColorNames = Object.keys(baseColors) as Array<keyof typeof baseColors>;\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import { Color, ColorError, ColorMetadata, ColorMetadataByName, ColorNames, ColorNumber, ColorScheme, ContrastMode, CssColor, GlobalColors, HexColor, ThemeInfo, semanticColorMap, semanticColorNames, semanticColorNumbers } from "./types.js";
+import { baseColorNames, baseColors, colorMetadata, colorNames, dsLinkColor, getColorMetadataByNumber } from "./colorMetadata.js";
+import { RESERVED_COLORS, generateColorContrast, generateColorScale, generateColorSchemes, getCssVariable } from "./theme.js";
+import { HSLToHex, areColorsContrasting, canTextBeUsedOnColors, convertColor, convertToHex, getContrastFromHex, getContrastFromLightness, getLightnessFromHex, getLuminanceFromColor, getLuminanceFromLightness, hexToCssHsl, hexToHSL, hexToHsluv, hexToRgb, hslArrToCss, isHexColor, rgbToHex } from "./utils.js";
+export { Color, ColorError, ColorMetadata, ColorMetadataByName, ColorNames, ColorNumber, ColorScheme, ContrastMode, CssColor, GlobalColors, HSLToHex, HexColor, RESERVED_COLORS, ThemeInfo, areColorsContrasting, baseColorNames, baseColors, canTextBeUsedOnColors, colorMetadata, colorNames, convertColor, convertToHex, dsLinkColor, generateColorContrast, generateColorScale, generateColorSchemes, getColorMetadataByNumber, getContrastFromHex, getContrastFromLightness, getCssVariable, getLightnessFromHex, getLuminanceFromColor, getLuminanceFromLightness, hexToCssHsl, hexToHSL, hexToHsluv, hexToRgb, hslArrToCss, isHexColor, rgbToHex, semanticColorMap, semanticColorNames, semanticColorNumbers };

package/dist/src/colors/index.js

@@ -0,0 +1,5 @@
+import { baseColorNames, baseColors, colorMetadata, colorNames, dsLinkColor, getColorMetadataByNumber } from "./colorMetadata.js";
+import { HSLToHex, areColorsContrasting, canTextBeUsedOnColors, convertColor, convertToHex, getContrastFromHex, getContrastFromLightness, getLightnessFromHex, getLuminanceFromColor, getLuminanceFromLightness, hexToCssHsl, hexToHSL, hexToHsluv, hexToRgb, hslArrToCss, isHexColor, rgbToHex } from "./utils.js";
+import { RESERVED_COLORS, generateColorContrast, generateColorScale, generateColorSchemes, getCssVariable } from "./theme.js";
+import { semanticColorMap, semanticColorNames, semanticColorNumbers } from "./types.js";
+export { HSLToHex, RESERVED_COLORS, areColorsContrasting, baseColorNames, baseColors, canTextBeUsedOnColors, colorMetadata, colorNames, convertColor, convertToHex, dsLinkColor, generateColorContrast, generateColorScale, generateColorSchemes, getColorMetadataByNumber, getContrastFromHex, getContrastFromLightness, getCssVariable, getLightnessFromHex, getLuminanceFromColor, getLuminanceFromLightness, hexToCssHsl, hexToHSL, hexToHsluv, hexToRgb, hslArrToCss, isHexColor, rgbToHex, semanticColorMap, semanticColorNames, semanticColorNumbers };

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

@@ -0,0 +1,34 @@
+import { Color, ColorNumber, ColorScheme, CssColor, ThemeInfo } from "./types.js";
+
+//#region src/colors/theme.d.ts
+declare const RESERVED_COLORS: string[];
+/**
+ * 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
+ */
+declare const generateColorScale: (color: CssColor, colorScheme: ColorScheme) => Color[];
+/**
+ * Generates color schemes based on a base color. Light, Dark and Contrast scales are included.
+ *
+ * @param color The base color that is used to generate the color schemes
+ */
+declare const generateColorSchemes: (color: CssColor) => ThemeInfo;
+/**
+ * Generates contrast color for given color
+ *
+ * @param color color
+ * @param type 'default' | 'subtle'
+ */
+declare const generateColorContrast: (color: CssColor, type: "default" | "subtle") => CssColor;
+/**
+ * Returns the css variable for a color.
+ * TODO: deprecate this
+ * @param colorType The type of color
+ * @param colorNumber The number of the color
+ */
+declare const getCssVariable: (colorType: string, colorNumber: ColorNumber) => string;
+//#endregion
+export { RESERVED_COLORS, generateColorContrast, generateColorScale, generateColorSchemes, getCssVariable };
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../../src/colors/theme.ts"],"mappings":";;;cAMa,eAAA;;AAAb;;;;AAAkF;cAQrE,kBAAA,GAAsB,KAAA,EAAO,QAAA,EAAU,WAAA,EAAa,WAAA,KAAc,KAAA;;;;;;cAwClE,oBAAA,GAAwB,KAAA,EAAO,QAAA,KAAW,SAIrD;;;;;;;cAsCW,qBAAA,GAAyB,KAAA,EAAO,QAAA,EAAU,IAAA,2BAA6B,QAgBnF;AAlGmF;AAwCpF;;;;;AAxCoF,cA0GvE,cAAA,GAAkB,SAAA,UAAmB,WAAA,EAAa,WAAW"}

package/dist/src/colors/theme.js

@@ -0,0 +1,113 @@
+import { colorMetadata, getColorMetadataByNumber } from "./colorMetadata.js";
+import { getLightnessFromHex, getLuminanceFromLightness } from "./utils.js";
+import * as R from "ramda";
+import chroma from "chroma-js";
+//#region src/colors/theme.ts
+const RESERVED_COLORS = [
+	"neutral",
+	"success",
+	"warning",
+	"danger",
+	"info"
+];
+/**
+* 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
+*/
+const generateColorScale = (color, colorScheme) => {
+	let interpolationColor = color;
+	if (colorScheme === "dark") {
+		const [L, C, H] = chroma(color).oklch();
+		interpolationColor = chroma(L, C * .7, H, "oklch").hex();
+	}
+	const colors = R.mapObjIndexed((colorData) => {
+		const luminance = colorData.luminance[colorScheme];
+		return {
+			...colorData,
+			hex: chroma(interpolationColor).luminance(luminance).hex()
+		};
+	}, colorMetadata);
+	const baseColors = generateBaseColors(color, colorScheme);
+	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);
+};
+/**
+* Generates color schemes based on a base color. Light, Dark and Contrast scales are included.
+*
+* @param color The base color that is used to generate the color schemes
+*/
+const generateColorSchemes = (color) => ({
+	light: generateColorScale(color, "light"),
+	dark: generateColorScale(color, "dark"),
+	contrast: generateColorScale(color, "contrast")
+});
+/**
+* Returns the base colors for a color and color scheme.
+*
+* @param color The base color
+* @param colorScheme The color scheme to generate the base colors for
+* @returns
+*/
+const generateBaseColors = (color, colorScheme) => {
+	let colorLightness = getLightnessFromHex(color);
+	if (colorScheme !== "light") colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;
+	const modifier = colorLightness <= 30 || colorLightness >= 49 && colorLightness <= 65 ? -8 : 8;
+	const calculateLightness = (base, mod) => base - mod;
+	return {
+		default: colorScheme === "light" ? color : chroma(color).luminance(getLuminanceFromLightness(colorLightness)).hex(),
+		hover: chroma(color).luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier))).hex(),
+		active: chroma(color).luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier * 2))).hex()
+	};
+};
+/**
+* Generates contrast color for given color
+*
+* @param color color
+* @param type 'default' | 'subtle'
+*/
+const generateColorContrast = (color, type) => {
+	if (type === "default") return chroma.contrast(color, "#ffffff") >= chroma.contrast(color, "#000000") ? "#ffffff" : "#000000";
+	if (type === "subtle") {
+		const contrastWhite = chroma.contrast(color, "#ffffff");
+		const contrastBlack = chroma.contrast(color, "#000000");
+		const lightness = getLightnessFromHex(color);
+		const modifier = lightness <= 40 || lightness >= 60 ? 60 : 50;
+		const targetLightness = contrastWhite >= contrastBlack ? lightness + modifier : lightness - modifier;
+		return chroma(color).luminance(getLuminanceFromLightness(targetLightness)).hex();
+	}
+	return color;
+};
+/**
+* Returns the css variable for a color.
+* TODO: deprecate this
+* @param colorType The type of color
+* @param colorNumber The number of the color
+*/
+const getCssVariable = (colorType, colorNumber) => {
+	return `--ds-color-${colorType}-${getColorMetadataByNumber(colorNumber).displayName.toLowerCase().replace(/\s/g, "-")}`;
+};
+//#endregion
+export { RESERVED_COLORS, generateColorContrast, generateColorScale, generateColorSchemes, getCssVariable };
+
+//# sourceMappingURL=theme.js.map

package/dist/src/colors/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../../src/colors/theme.ts"],"sourcesContent":["import chroma from 'chroma-js';\nimport * as R from 'ramda';\nimport { colorMetadata, getColorMetadataByNumber } from './colorMetadata.ts';\nimport type { Color, ColorNumber, ColorScheme, CssColor, ThemeInfo } from './types.ts';\nimport { getLightnessFromHex, getLuminanceFromLightness } from './utils.ts';\n\nexport const RESERVED_COLORS = ['neutral', 'success', 'warning', 'danger', 'info'];\n\n/**\n * Generates a color scale based on a base color and a color mode.\n *\n * @param color The base color that is used to generate the color scale\n * @param colorScheme The color scheme to generate a scale for\n */\nexport const generateColorScale = (color: CssColor, colorScheme: ColorScheme): Color[] => {\n  let interpolationColor = color;\n\n  // Reduce saturation in dark mode for the interpolation colors\n  if (colorScheme === 'dark') {\n    const [L, C, H] = chroma(color).oklch();\n    const chromaModifier = 0.7;\n    interpolationColor = chroma(L, C * chromaModifier, H, 'oklch').hex() as CssColor;\n  }\n\n  const colors = R.mapObjIndexed((colorData) => {\n    const luminance = colorData.luminance[colorScheme];\n    return {\n      ...colorData,\n      hex: chroma(interpolationColor).luminance(luminance).hex() as CssColor,\n    };\n  }, colorMetadata);\n\n  // Generate base colors\n  const baseColors = generateBaseColors(color, colorScheme);\n  colors['base-default'] = { ...colors['base-default'], hex: baseColors.default };\n  colors['base-hover'] = { ...colors['base-hover'], hex: baseColors.hover };\n  colors['base-active'] = { ...colors['base-active'], hex: baseColors.active };\n  colors['base-contrast-subtle'] = {\n    ...colors['base-contrast-subtle'],\n    hex: generateColorContrast(baseColors.default, 'subtle'),\n  };\n  colors['base-contrast-default'] = {\n    ...colors['base-contrast-default'],\n    hex: generateColorContrast(baseColors.default, 'default'),\n  };\n\n  return Object.values(colors);\n};\n\n/**\n * Generates color schemes based on a base color. Light, Dark and Contrast scales are included.\n *\n * @param color The base color that is used to generate the color schemes\n */\nexport const generateColorSchemes = (color: CssColor): ThemeInfo => ({\n  light: generateColorScale(color, 'light'),\n  dark: generateColorScale(color, 'dark'),\n  contrast: generateColorScale(color, 'contrast'),\n});\n\n/**\n * Returns the base colors for a color and color scheme.\n *\n * @param color The base color\n * @param colorScheme The color scheme to generate the base colors for\n * @returns\n */\nconst generateBaseColors = (color: CssColor, colorScheme: ColorScheme) => {\n  let colorLightness = getLightnessFromHex(color);\n  if (colorScheme !== 'light') {\n    colorLightness = colorLightness <= 30 ? 70 : 100 - colorLightness;\n  }\n\n  const modifier = colorLightness <= 30 || (colorLightness >= 49 && colorLightness <= 65) ? -8 : 8;\n  const calculateLightness = (base: number, mod: number) => base - mod;\n\n  return {\n    default:\n      colorScheme === 'light'\n        ? color\n        : (chroma(color).luminance(getLuminanceFromLightness(colorLightness)).hex() as CssColor),\n    hover: chroma(color)\n      .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier)))\n      .hex() as CssColor,\n    active: chroma(color)\n      .luminance(getLuminanceFromLightness(calculateLightness(colorLightness, modifier * 2)))\n      .hex() as CssColor,\n  };\n};\n\n/**\n * Generates contrast color for given color\n *\n * @param color color\n * @param type 'default' | 'subtle'\n */\nexport const generateColorContrast = (color: CssColor, type: 'default' | 'subtle'): CssColor => {\n  if (type === 'default') {\n    return chroma.contrast(color, '#ffffff') >= chroma.contrast(color, '#000000') ? '#ffffff' : '#000000';\n  }\n\n  if (type === 'subtle') {\n    const contrastWhite = chroma.contrast(color, '#ffffff');\n    const contrastBlack = chroma.contrast(color, '#000000');\n    const lightness = getLightnessFromHex(color);\n    const modifier = lightness <= 40 || lightness >= 60 ? 60 : 50;\n    const targetLightness = contrastWhite >= contrastBlack ? lightness + modifier : lightness - modifier;\n\n    return chroma(color).luminance(getLuminanceFromLightness(targetLightness)).hex() as CssColor;\n  }\n\n  return color;\n};\n\n/**\n * Returns the css variable for a color.\n * TODO: deprecate this\n * @param colorType The type of color\n * @param colorNumber The number of the color\n */\nexport const getCssVariable = (colorType: string, colorNumber: ColorNumber) => {\n  return `--ds-color-${colorType}-${getColorMetadataByNumber(colorNumber).displayName.toLowerCase().replace(/\\s/g, '-')}`;\n};\n"],"mappings":";;;;;AAMA,MAAa,kBAAkB;CAAC;CAAW;CAAW;CAAW;CAAU;AAAM;;;;;;;AAQjF,MAAa,sBAAsB,OAAiB,gBAAsC;CACxF,IAAI,qBAAqB;CAGzB,IAAI,gBAAgB,QAAQ;EAC1B,MAAM,CAAC,GAAG,GAAG,KAAK,OAAO,KAAK,CAAC,CAAC,MAAM;EAEtC,qBAAqB,OAAO,GAAG,IAAI,IAAgB,GAAG,OAAO,CAAC,CAAC,IAAI;CACrE;CAEA,MAAM,SAAS,EAAE,eAAe,cAAc;EAC5C,MAAM,YAAY,UAAU,UAAU;EACtC,OAAO;GACL,GAAG;GACH,KAAK,OAAO,kBAAkB,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,IAAI;EAC3D;CACF,GAAG,aAAa;CAGhB,MAAM,aAAa,mBAAmB,OAAO,WAAW;CACxD,OAAO,kBAAkB;EAAE,GAAG,OAAO;EAAiB,KAAK,WAAW;CAAQ;CAC9E,OAAO,gBAAgB;EAAE,GAAG,OAAO;EAAe,KAAK,WAAW;CAAM;CACxE,OAAO,iBAAiB;EAAE,GAAG,OAAO;EAAgB,KAAK,WAAW;CAAO;CAC3E,OAAO,0BAA0B;EAC/B,GAAG,OAAO;EACV,KAAK,sBAAsB,WAAW,SAAS,QAAQ;CACzD;CACA,OAAO,2BAA2B;EAChC,GAAG,OAAO;EACV,KAAK,sBAAsB,WAAW,SAAS,SAAS;CAC1D;CAEA,OAAO,OAAO,OAAO,MAAM;AAC7B;;;;;;AAOA,MAAa,wBAAwB,WAAgC;CACnE,OAAO,mBAAmB,OAAO,OAAO;CACxC,MAAM,mBAAmB,OAAO,MAAM;CACtC,UAAU,mBAAmB,OAAO,UAAU;AAChD;;;;;;;;AASA,MAAM,sBAAsB,OAAiB,gBAA6B;CACxE,IAAI,iBAAiB,oBAAoB,KAAK;CAC9C,IAAI,gBAAgB,SAClB,iBAAiB,kBAAkB,KAAK,KAAK,MAAM;CAGrD,MAAM,WAAW,kBAAkB,MAAO,kBAAkB,MAAM,kBAAkB,KAAM,KAAK;CAC/F,MAAM,sBAAsB,MAAc,QAAgB,OAAO;CAEjE,OAAO;EACL,SACE,gBAAgB,UACZ,QACC,OAAO,KAAK,CAAC,CAAC,UAAU,0BAA0B,cAAc,CAAC,CAAC,CAAC,IAAI;EAC9E,OAAO,OAAO,KAAK,CAAC,CACjB,UAAU,0BAA0B,mBAAmB,gBAAgB,QAAQ,CAAC,CAAC,CAAC,CAClF,IAAI;EACP,QAAQ,OAAO,KAAK,CAAC,CAClB,UAAU,0BAA0B,mBAAmB,gBAAgB,WAAW,CAAC,CAAC,CAAC,CAAC,CACtF,IAAI;CACT;AACF;;;;;;;AAQA,MAAa,yBAAyB,OAAiB,SAAyC;CAC9F,IAAI,SAAS,WACX,OAAO,OAAO,SAAS,OAAO,SAAS,KAAK,OAAO,SAAS,OAAO,SAAS,IAAI,YAAY;CAG9F,IAAI,SAAS,UAAU;EACrB,MAAM,gBAAgB,OAAO,SAAS,OAAO,SAAS;EACtD,MAAM,gBAAgB,OAAO,SAAS,OAAO,SAAS;EACtD,MAAM,YAAY,oBAAoB,KAAK;EAC3C,MAAM,WAAW,aAAa,MAAM,aAAa,KAAK,KAAK;EAC3D,MAAM,kBAAkB,iBAAiB,gBAAgB,YAAY,WAAW,YAAY;EAE5F,OAAO,OAAO,KAAK,CAAC,CAAC,UAAU,0BAA0B,eAAe,CAAC,CAAC,CAAC,IAAI;CACjF;CAEA,OAAO;AACT;;;;;;;AAQA,MAAa,kBAAkB,WAAmB,gBAA6B;CAC7E,OAAO,cAAc,UAAU,GAAG,yBAAyB,WAAW,CAAC,CAAC,YAAY,YAAY,CAAC,CAAC,QAAQ,OAAO,GAAG;AACtH"}

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

@@ -0,0 +1,67 @@
+//#region src/colors/types.d.ts
+type ColorScheme = 'light' | 'dark' | 'contrast';
+type ContrastMode = 'aa' | 'aaa';
+type ColorNumber = SemanticColorMap[keyof SemanticColorMap];
+type ColorNames = keyof SemanticColorMap;
+type GlobalColors = 'danger' | 'info' | 'success' | 'warning';
+type ColorError = 'none' | 'decorative' | 'interaction';
+declare const semanticColorMap: {
+  readonly 'background-default': 1;
+  readonly 'background-tinted': 2;
+  readonly 'surface-default': 3;
+  readonly 'surface-tinted': 4;
+  readonly 'surface-hover': 5;
+  readonly 'surface-active': 6;
+  readonly 'border-subtle': 7;
+  readonly 'border-default': 8;
+  readonly 'border-strong': 9;
+  readonly 'text-subtle': 10;
+  readonly 'text-default': 11;
+  readonly 'base-default': 12;
+  readonly 'base-hover': 13;
+  readonly 'base-active': 14;
+  readonly 'base-contrast-subtle': 15;
+  readonly 'base-contrast-default': 16;
+};
+declare const semanticColorNames: ("background-default" | "background-tinted" | "surface-default" | "surface-tinted" | "surface-hover" | "surface-active" | "border-subtle" | "border-default" | "border-strong" | "text-subtle" | "text-default" | "base-default" | "base-hover" | "base-active" | "base-contrast-subtle" | "base-contrast-default")[];
+declare const semanticColorNumbers: (1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16)[];
+type SemanticColorMap = typeof semanticColorMap;
+type SemanticColorMapping = { [K in keyof SemanticColorMap]: {
+  name: K;
+  number: SemanticColorMap[K];
+} };
+type ColorMetadataByName = { [P in keyof SemanticColorMapping]: SemanticColorMapping[P] & ColorMetadata };
+type ColorMetadata = {
+  name: ColorNames;
+  number: ColorNumber;
+  displayName: string;
+  description: {
+    short: string;
+    long: string;
+  };
+  group: string;
+  luminance: {
+    light: number;
+    dark: number;
+    contrast: number;
+  };
+};
+type Color = ColorMetadata & {
+  hex: CssColor;
+};
+type ThemeInfo = {
+  light: Color[];
+  dark: Color[];
+  contrast: Color[];
+};
+/**
+ * Supported CSS colors in `designsystemet/color`
+ */
+type CssColor = HexColor;
+/**
+ * Different color formats.
+ */
+type HexColor = `#${string}`;
+//#endregion
+export { Color, ColorError, ColorMetadata, ColorMetadataByName, ColorNames, ColorNumber, ColorScheme, ContrastMode, CssColor, GlobalColors, HexColor, ThemeInfo, semanticColorMap, semanticColorNames, semanticColorNumbers };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/colors/types.ts"],"mappings":";KACY,WAAA;AAAA,KACA,YAAA;AAAA,KACA,WAAA,GAAc,gBAAA,OAAuB,gBAAgB;AAAA,KACrD,UAAA,SAAmB,gBAAgB;AAAA,KACnC,YAAA;AAAA,KACA,UAAA;AAAA,cAEC,gBAAA;EAAA;;;;;;;;;;;;;;;;;cAmBA,kBAAA;AAAA,cACA,oBAAA;AAAA,KAER,gBAAA,UAA0B,gBAAgB;AAAA,KAE1C,oBAAA,iBACS,gBAAA;EACV,IAAA,EAAM,CAAA;EACN,MAAA,EAAQ,gBAAA,CAAiB,CAAA;AAAA;AAAA,KAIjB,mBAAA,iBACE,oBAAA,GAAuB,oBAAA,CAAqB,CAAA,IAAK,aAAA;AAAA,KAGnD,aAAA;EACV,IAAA,EAAM,UAAA;EACN,MAAA,EAAQ,WAAW;EACnB,WAAA;EACA,WAAA;IACE,KAAA;IACA,IAAA;EAAA;EAEF,KAAA;EACA,SAAA;IACE,KAAA;IACA,IAAA;IACA,QAAA;EAAA;AAAA;AAAA,KAIQ,KAAA,GAAQ,aAAA;EAClB,GAAA,EAAK,QAAQ;AAAA;AAAA,KAGH,SAAA;EACV,KAAA,EAAO,KAAA;EACP,IAAA,EAAM,KAAA;EACN,QAAA,EAAU,KAAA;AAAA;;;;KAMA,QAAA,GAAW,QAAQ;AA5CgC;;;AAAA,KAiDnD,QAAA"}

package/dist/src/colors/types.js

@@ -0,0 +1,26 @@
+import * as R from "ramda";
+//#region src/colors/types.ts
+const semanticColorMap = {
+	"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
+};
+const semanticColorNames = R.keys(semanticColorMap);
+const semanticColorNumbers = R.values(semanticColorMap);
+//#endregion
+export { semanticColorMap, semanticColorNames, semanticColorNumbers };
+
+//# sourceMappingURL=types.js.map

package/dist/src/colors/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/colors/types.ts"],"sourcesContent":["import * as R from 'ramda';\nexport type ColorScheme = 'light' | 'dark' | 'contrast';\nexport type ContrastMode = 'aa' | 'aaa';\nexport type ColorNumber = SemanticColorMap[keyof SemanticColorMap];\nexport type ColorNames = keyof SemanticColorMap;\nexport type GlobalColors = 'danger' | 'info' | 'success' | 'warning';\nexport type ColorError = 'none' | 'decorative' | 'interaction';\n\nexport const semanticColorMap = {\n  'background-default': 1,\n  'background-tinted': 2,\n  'surface-default': 3,\n  'surface-tinted': 4,\n  'surface-hover': 5,\n  'surface-active': 6,\n  'border-subtle': 7,\n  'border-default': 8,\n  'border-strong': 9,\n  'text-subtle': 10,\n  'text-default': 11,\n  'base-default': 12,\n  'base-hover': 13,\n  'base-active': 14,\n  'base-contrast-subtle': 15,\n  'base-contrast-default': 16,\n} as const;\n\nexport const semanticColorNames = R.keys(semanticColorMap);\nexport const semanticColorNumbers = R.values(semanticColorMap);\n\ntype SemanticColorMap = typeof semanticColorMap;\n\ntype SemanticColorMapping = {\n  [K in keyof SemanticColorMap]: {\n    name: K;\n    number: SemanticColorMap[K];\n  };\n};\n\nexport type ColorMetadataByName = {\n  [P in keyof SemanticColorMapping]: SemanticColorMapping[P] & ColorMetadata;\n};\n\nexport type ColorMetadata = {\n  name: ColorNames;\n  number: ColorNumber;\n  displayName: string;\n  description: {\n    short: string;\n    long: string;\n  };\n  group: string;\n  luminance: {\n    light: number;\n    dark: number;\n    contrast: number;\n  };\n};\n\nexport type Color = ColorMetadata & {\n  hex: CssColor;\n};\n\nexport type ThemeInfo = {\n  light: Color[];\n  dark: Color[];\n  contrast: Color[];\n};\n\n/**\n * Supported CSS colors in `designsystemet/color`\n */\nexport type CssColor = HexColor;\n\n/**\n * Different color formats.\n */\nexport type HexColor = `#${string}`;\n// type RgbColor = `rgb(${number} ${number} ${number})`;\n// type HslColor = `hsl(${Degrees} ${Percent} ${Percent})`;\n// type HsvColor = `hsv(${Degrees} ${Percent} ${Percent})`;\n// type HsluvColor = `hsluv(${number} ${number} ${number})`;\n// type LabColor = `lab(${Percent} ${number} ${number})`;\n// type LchColor = `lch(${Percent} ${number} ${Degrees})`;\n// type OkLabColor = `oklab(${Percent} ${number} ${number})`;\n// type OkLchColor = `oklch(${Percent} ${number} ${Degrees})`;\n// type Cam02Color = `jab(${Percent} ${number} ${number})`;\n// type Cam02pColor = `jch(${Percent} ${number} ${Degrees})`;\n// type RgbaColor = `rgba(${number}, ${number}, ${number}, ${number})`;\n\n// type Percent = `${number}%`;\n// type Degrees = `${number}deg`;\n"],"mappings":";;AAQA,MAAa,mBAAmB;CAC9B,sBAAsB;CACtB,qBAAqB;CACrB,mBAAmB;CACnB,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,wBAAwB;CACxB,yBAAyB;AAC3B;AAEA,MAAa,qBAAqB,EAAE,KAAK,gBAAgB;AACzD,MAAa,uBAAuB,EAAE,OAAO,gBAAgB"}