@digdir/designsystemet 1.13.2 → 1.14.0

package/dist/src/tokens/create/generators/primitives/typography.js

@@ -1,220 +1,216 @@
-// src/tokens/create/generators/primitives/typography.ts
-var generateTypography = (themeName, { fontFamily }) => ({
-  [themeName]: {
-    "font-family": {
-      $type: "fontFamilies",
-      $value: fontFamily
-    },
-    "font-weight": {
-      medium: {
-        $type: "fontWeights",
-        $value: "Medium"
-      },
-      semibold: {
-        $type: "fontWeights",
-        $value: "Semi bold"
-      },
-      regular: {
-        $type: "fontWeights",
-        $value: "Regular"
-      }
-    }
-  }
-});
-var generateFontSizes = (size) => fontSizes[size];
-var lineHeights = {
-  sm: {
-    $type: "lineHeights",
-    $value: "130%"
-  },
-  md: {
-    $type: "lineHeights",
-    $value: "150%"
-  },
-  lg: {
-    $type: "lineHeights",
-    $value: "170%"
-  }
+//#region src/tokens/create/generators/primitives/typography.ts
+const generateTypography = (themeName, { fontFamily }) => ({ [themeName]: {
+	"font-family": {
+		$type: "fontFamilies",
+		$value: fontFamily
+	},
+	"font-weight": {
+		medium: {
+			$type: "fontWeights",
+			$value: "Medium"
+		},
+		semibold: {
+			$type: "fontWeights",
+			$value: "Semi bold"
+		},
+		regular: {
+			$type: "fontWeights",
+			$value: "Regular"
+		}
+	}
+} });
+const generateFontSizes = (size) => fontSizes[size];
+const lineHeights = {
+	sm: {
+		$type: "lineHeights",
+		$value: "130%"
+	},
+	md: {
+		$type: "lineHeights",
+		$value: "150%"
+	},
+	lg: {
+		$type: "lineHeights",
+		$value: "170%"
+	}
 };
-var letterSpacings = {
-  "1": {
-    $type: "letterSpacing",
-    $value: "-1%"
-  },
-  "2": {
-    $type: "letterSpacing",
-    $value: "-0.5%"
-  },
-  "3": {
-    $type: "letterSpacing",
-    $value: "-0.25%"
-  },
-  "4": {
-    $type: "letterSpacing",
-    $value: "-0.15%"
-  },
-  "5": {
-    $type: "letterSpacing",
-    $value: "0%"
-  },
-  "6": {
-    $type: "letterSpacing",
-    $value: "0.15%"
-  },
-  "7": {
-    $type: "letterSpacing",
-    $value: "0.25%"
-  },
-  "8": {
-    $type: "letterSpacing",
-    $value: "0.5%"
-  },
-  "9": {
-    $type: "letterSpacing",
-    $value: "1.5%"
-  }
+const letterSpacings = {
+	"1": {
+		$type: "letterSpacing",
+		$value: "-1%"
+	},
+	"2": {
+		$type: "letterSpacing",
+		$value: "-0.5%"
+	},
+	"3": {
+		$type: "letterSpacing",
+		$value: "-0.25%"
+	},
+	"4": {
+		$type: "letterSpacing",
+		$value: "-0.15%"
+	},
+	"5": {
+		$type: "letterSpacing",
+		$value: "0%"
+	},
+	"6": {
+		$type: "letterSpacing",
+		$value: "0.15%"
+	},
+	"7": {
+		$type: "letterSpacing",
+		$value: "0.25%"
+	},
+	"8": {
+		$type: "letterSpacing",
+		$value: "0.5%"
+	},
+	"9": {
+		$type: "letterSpacing",
+		$value: "1.5%"
+	}
 };
-var fontSizes = {
-  large: {
-    "line-height": lineHeights,
-    "font-size": {
-      "1": {
-        $type: "fontSizes",
-        $value: "13"
-      },
-      "2": {
-        $type: "fontSizes",
-        $value: "16"
-      },
-      "3": {
-        $type: "fontSizes",
-        $value: "18"
-      },
-      "4": {
-        $type: "fontSizes",
-        $value: "21"
-      },
-      "5": {
-        $type: "fontSizes",
-        $value: "24"
-      },
-      "6": {
-        $type: "fontSizes",
-        $value: "30"
-      },
-      "7": {
-        $type: "fontSizes",
-        $value: "36"
-      },
-      "8": {
-        $type: "fontSizes",
-        $value: "48"
-      },
-      "9": {
-        $type: "fontSizes",
-        $value: "60"
-      },
-      "10": {
-        $type: "fontSizes",
-        $value: "72"
-      }
-    },
-    "letter-spacing": letterSpacings
-  },
-  medium: {
-    "line-height": lineHeights,
-    "font-size": {
-      "1": {
-        $type: "fontSizes",
-        $value: "12"
-      },
-      "2": {
-        $type: "fontSizes",
-        $value: "14"
-      },
-      "3": {
-        $type: "fontSizes",
-        $value: "16"
-      },
-      "4": {
-        $type: "fontSizes",
-        $value: "18"
-      },
-      "5": {
-        $type: "fontSizes",
-        $value: "21"
-      },
-      "6": {
-        $type: "fontSizes",
-        $value: "24"
-      },
-      "7": {
-        $type: "fontSizes",
-        $value: "30"
-      },
-      "8": {
-        $type: "fontSizes",
-        $value: "36"
-      },
-      "9": {
-        $type: "fontSizes",
-        $value: "48"
-      },
-      "10": {
-        $type: "fontSizes",
-        $value: "60"
-      }
-    },
-    "letter-spacing": letterSpacings
-  },
-  small: {
-    "line-height": lineHeights,
-    "font-size": {
-      "1": {
-        $type: "fontSizes",
-        $value: "11"
-      },
-      "2": {
-        $type: "fontSizes",
-        $value: "13"
-      },
-      "3": {
-        $type: "fontSizes",
-        $value: "14"
-      },
-      "4": {
-        $type: "fontSizes",
-        $value: "16"
-      },
-      "5": {
-        $type: "fontSizes",
-        $value: "18"
-      },
-      "6": {
-        $type: "fontSizes",
-        $value: "21"
-      },
-      "7": {
-        $type: "fontSizes",
-        $value: "24"
-      },
-      "8": {
-        $type: "fontSizes",
-        $value: "30"
-      },
-      "9": {
-        $type: "fontSizes",
-        $value: "36"
-      },
-      "10": {
-        $type: "fontSizes",
-        $value: "48"
-      }
-    },
-    "letter-spacing": letterSpacings
-  }
-};
-export {
-  generateFontSizes,
-  generateTypography
+const fontSizes = {
+	large: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "13"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "48"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "60"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "72"
+			}
+		},
+		"letter-spacing": letterSpacings
+	},
+	medium: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "12"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "14"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "48"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "60"
+			}
+		},
+		"letter-spacing": letterSpacings
+	},
+	small: {
+		"line-height": lineHeights,
+		"font-size": {
+			"1": {
+				$type: "fontSizes",
+				$value: "11"
+			},
+			"2": {
+				$type: "fontSizes",
+				$value: "13"
+			},
+			"3": {
+				$type: "fontSizes",
+				$value: "14"
+			},
+			"4": {
+				$type: "fontSizes",
+				$value: "16"
+			},
+			"5": {
+				$type: "fontSizes",
+				$value: "18"
+			},
+			"6": {
+				$type: "fontSizes",
+				$value: "21"
+			},
+			"7": {
+				$type: "fontSizes",
+				$value: "24"
+			},
+			"8": {
+				$type: "fontSizes",
+				$value: "30"
+			},
+			"9": {
+				$type: "fontSizes",
+				$value: "36"
+			},
+			"10": {
+				$type: "fontSizes",
+				$value: "48"
+			}
+		},
+		"letter-spacing": letterSpacings
+	}
 };
+//#endregion
+export { generateFontSizes, generateTypography };

package/dist/src/tokens/create/generators/semantic/color-modes.js

@@ -1,61 +1,26 @@
-// src/colors/types.ts
-import * as R from "ramda";
-var 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
+import { semanticColorNames } from "../../../../colors/types.js";
+//#region src/tokens/create/generators/semantic/color-modes.ts
+const generateColorModes = (colors, _themeName) => {
+	const mainColorNames = Object.keys(colors.main);
+	const supportColorNames = Object.keys(colors.support);
+	const modes = {
+		"main-color": {},
+		"support-color": {}
+	};
+	const categories = [["main-color", mainColorNames], ["support-color", supportColorNames]];
+	for (const [colorCategory, colorNames] of categories) for (const colorName of colorNames) {
+		const customColorTokens = { color: { [colorCategory.replace("-color", "")]: generateColorScaleTokens(colorName) } };
+		modes[colorCategory][colorName] = customColorTokens;
+	}
+	return modes;
 };
-var semanticColorNames = R.keys(semanticColorMap);
-var semanticColorNumbers = R.values(semanticColorMap);
-
-// src/tokens/create/generators/semantic/color-modes.ts
-var generateColorModes = (colors, _themeName) => {
-  const mainColorNames = Object.keys(colors.main);
-  const supportColorNames = Object.keys(colors.support);
-  const modes = {
-    "main-color": {},
-    "support-color": {}
-  };
-  const categories = [
-    ["main-color", mainColorNames],
-    ["support-color", supportColorNames]
-  ];
-  for (const [colorCategory, colorNames] of categories) {
-    for (const colorName of colorNames) {
-      const category = colorCategory.replace("-color", "");
-      const customColorTokens = {
-        color: {
-          [category]: generateColorScaleTokens(colorName)
-        }
-      };
-      modes[colorCategory][colorName] = customColorTokens;
-    }
-  }
-  return modes;
-};
-var generateColorScaleTokens = (colorName) => {
-  const colorScale = {};
-  for (const colorSemantic of semanticColorNames) {
-    colorScale[colorSemantic] = {
-      $type: "color",
-      $value: `{color.${colorName}.${colorSemantic}}`
-    };
-  }
-  return colorScale;
-};
-export {
-  generateColorModes
+const generateColorScaleTokens = (colorName) => {
+	const colorScale = {};
+	for (const colorSemantic of semanticColorNames) colorScale[colorSemantic] = {
+		$type: "color",
+		$value: `{color.${colorName}.${colorSemantic}}`
+	};
+	return colorScale;
 };
+//#endregion
+export { generateColorModes };