katex 0.16.10 → 0.16.12

package/dist/katex.mjs

@@ -3260,7 +3260,7 @@ var sigmasAndXis = {
   sqrtRuleThickness: [0.04, 0.04, 0.04],
   // This value determines how large a pt is, for metrics which are defined
   // in terms of pts.
-  // This value is also used in katex.less; if you change it make sure the
+  // This value is also used in katex.scss; if you change it make sure the
   // values match.
   ptPerEm: [10.0, 10.0, 10.0],
   // The space between adjacent `|` columns in an array definition. From
@@ -5196,11 +5196,11 @@ for (var _i3 = 0; _i3 < letters.length; _i3++) {
 
   defineSymbol(math, main, mathord, _ch3, wideChar);
   defineSymbol(text, main, textord, _ch3, wideChar);
-  wideChar = String.fromCharCode(0xD835, 0xDD04 + _i3); // A-Z a-z Fractur
+  wideChar = String.fromCharCode(0xD835, 0xDD04 + _i3); // A-Z a-z Fraktur
 
   defineSymbol(math, main, mathord, _ch3, wideChar);
   defineSymbol(text, main, textord, _ch3, wideChar);
-  wideChar = String.fromCharCode(0xD835, 0xDD6C + _i3); // A-Z a-z bold Fractur
+  wideChar = String.fromCharCode(0xD835, 0xDD6C + _i3); // A-Z a-z bold Fraktur
 
   defineSymbol(math, main, mathord, _ch3, wideChar);
   defineSymbol(text, main, textord, _ch3, wideChar);
@@ -14679,9 +14679,11 @@ var optionsWithFont = (group, options) => {
     return options.withTextFontFamily(textFontFamilies[font]);
   } else if (textFontWeights[font]) {
     return options.withTextFontWeight(textFontWeights[font]);
-  } else {
-    return options.withTextFontShape(textFontShapes[font]);
+  } else if (font === "\\emph") {
+    return options.fontShape === "textit" ? options.withTextFontShape("textup") : options.withTextFontShape("textit");
   }
+
+  return options.withTextFontShape(textFontShapes[font]);
 };
 
 defineFunction({
@@ -14689,7 +14691,7 @@ defineFunction({
   names: [// Font families
   "\\text", "\\textrm", "\\textsf", "\\texttt", "\\textnormal", // Font weights
   "\\textbf", "\\textmd", // Font Shapes
-  "\\textit", "\\textup"],
+  "\\textit", "\\textup", "\\emph"],
   props: {
     numArgs: 1,
     argTypes: ["text"],
@@ -18359,7 +18361,7 @@ var katex = {
   /**
    * Current KaTeX version
    */
-  version: "0.16.10",
+  version: "0.16.12",
 
   /**
    * Renders the given LaTeX into an HTML+MathML combination, and adds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "katex",
-  "version": "0.16.10",
+  "version": "0.16.12",
   "description": "Fast math typesetting for the web.",
   "main": "dist/katex.js",
   "exports": {
@@ -97,26 +97,27 @@
     "js-yaml": "^4.1.0",
     "json-stable-stringify": "^1.0.1",
     "jspngopt": "^0.2.0",
-    "less": "^4.1.3",
-    "less-loader": "^11.0.0",
     "mini-css-extract-plugin": "^2.6.1",
     "mkdirp": "^1.0.4",
     "p-retry": "^4.6.2",
     "pako": "^2.0.4",
     "postcss": "^8.4.16",
-    "postcss-less": "^6.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "^7.8.0",
+    "postcss-scss": "^4.0.9",
     "prettier": "^2.7.1",
     "query-string": "^7.1.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.78.1",
+    "rollup": "^2.79.2",
+    "sass": "^1.75.6",
+    "sass-loader": "^14.2.1",
     "selenium-webdriver": "^4.4.0",
     "semantic-release": "^19.0.5",
     "sri-toolbox": "^0.2.0",
     "style-loader": "^3.3.1",
     "stylelint": "^14.11.0",
     "stylelint-config-standard": "^28.0.0",
+    "stylelint-scss": "^6.3.2",
     "terser-webpack-plugin": "^5.3.6",
     "webpack": "^5.74.0",
     "webpack-bundle-analyzer": "^4.6.1",
@@ -128,7 +129,7 @@
     "test": "yarn test:lint && yarn test:flow && yarn test:jest",
     "test:lint": "yarn test:lint:js && yarn test:lint:css",
     "test:lint:js": "eslint .",
-    "test:lint:css": "stylelint src/katex.less static/main.css website/static/**/*.css",
+    "test:lint:css": "stylelint src/styles/katex.scss static/main.css website/static/**/*.css",
     "test:flow": "flow",
     "test:jest": "jest",
     "test:jest:watch": "jest --watch",

package/src/fontMetrics.js

@@ -75,7 +75,7 @@ const sigmasAndXis = {
 
     // This value determines how large a pt is, for metrics which are defined
     // in terms of pts.
-    // This value is also used in katex.less; if you change it make sure the
+    // This value is also used in katex.scss; if you change it make sure the
     // values match.
     ptPerEm: [10.0, 10.0, 10.0],
 

package/src/functions/text.js

@@ -30,9 +30,13 @@ const optionsWithFont = (group, options) => {
         return options.withTextFontFamily(textFontFamilies[font]);
     } else if (textFontWeights[font]) {
         return options.withTextFontWeight(textFontWeights[font]);
-    } else {
-        return options.withTextFontShape(textFontShapes[font]);
+    } else if (font === "\\emph") {
+        return options.fontShape === "textit" ?
+            options.withTextFontShape("textup") :
+            options.withTextFontShape("textit");
     }
+
+    return options.withTextFontShape(textFontShapes[font]);
 };
 
 defineFunction({
@@ -43,7 +47,7 @@ defineFunction({
         // Font weights
         "\\textbf", "\\textmd",
         // Font Shapes
-        "\\textit", "\\textup",
+        "\\textit", "\\textup", "\\emph",
     ],
     props: {
         numArgs: 1,

package/src/styles/fonts.scss

@@ -0,0 +1,71 @@
+$font-folder: "../../fonts" !default;
+$use-woff2: true !default;
+$use-woff: true !default;
+$use-ttf: true !default;
+
+@function generate-src($family, $family-suffix) {
+    $src: null;
+    @if $use-woff2 {
+        $src: append($src, url('#{$font-folder}/KaTeX_#{$family}-#{$family-suffix}.woff2') format('woff2'), comma);
+    }
+    @if $use-woff {
+        $src: append($src, url('#{$font-folder}/KaTeX_#{$family}-#{$family-suffix}.woff') format('woff'), comma);
+    }
+    @if $use-ttf {
+        $src: append($src, url('#{$font-folder}/KaTeX_#{$family}-#{$family-suffix}.ttf') format('truetype'), comma);
+    }
+
+    @return $src;
+}
+
+@function generate-suffix($weight, $style) {
+    $suffix: null;
+
+    @if $weight == normal and $style == normal {
+        $suffix: 'Regular';
+    }
+    @if $weight == normal and $style == italic {
+        $suffix: 'Italic';
+    }
+    @if $weight == bold and $style == normal {
+        $suffix: 'Bold';
+    }
+    @if $weight == bold and $style == italic {
+        $suffix: 'BoldItalic';
+    }
+
+    @return $suffix;
+}
+
+@mixin font-face($family, $weight, $style) {
+    $suffix: generate-suffix($weight, $style);
+    $src: generate-src($family, $suffix);
+
+    @font-face {
+        font-family: 'KaTeX_#{$family}';
+        src: $src;
+        font-weight: $weight;
+        font-style: $style;
+    }
+}
+
+@include font-face('AMS', normal, normal);
+@include font-face('Caligraphic', bold, normal);
+@include font-face('Caligraphic', normal, normal);
+@include font-face('Fraktur', bold, normal);
+@include font-face('Fraktur', normal, normal);
+@include font-face('Main', bold, normal);
+@include font-face('Main', bold, italic);
+@include font-face('Main', normal, italic);
+@include font-face('Main', normal, normal);
+@include font-face('Math', bold, italic);
+@include font-face('Math', normal, italic);
+@include font-face('SansSerif', bold, normal);
+@include font-face('SansSerif', normal, italic);
+@include font-face('SansSerif', normal, normal);
+@include font-face('Script', normal, normal);
+@include font-face('Size1', normal, normal);
+@include font-face('Size2', normal, normal);
+@include font-face('Size3', normal, normal);
+@include font-face('Size4', normal, normal);
+@include font-face('Typewriter', normal, normal);

package/src/{katex.less → styles/katex.scss}

@@ -1,11 +1,14 @@
 /* stylelint-disable font-family-no-missing-generic-family-keyword */
-@import "fonts.less";
+@import "./fonts.scss";
 
 // The mu unit is defined as 1/18 em
-@mu: (1em / 18);
+$mu: calc(1em / 18);
 
 // The version is dynamically set from package.json via webpack.common.js
-@version: "";
+$version: "" !default;
+
+// CSS margin property for math in display mode
+$display-margin: 1em 0 !default;
 
 .katex {
     font: normal 1.21em KaTeX_Main, Times New Roman, serif;
@@ -27,7 +30,7 @@
     }
 
     .katex-version::after {
-        content: @version;
+        content: $version;
     }
 
     .katex-mathml {
@@ -168,13 +171,13 @@
 
     // This value is also used in fontMetrics.js, if you change it make sure the
     // values match.
-    @ptperem: 10;
-    @nulldelimiterspace: (1.2em / @ptperem);
+    $ptperem: 10;
+    $nulldelimiterspace: calc(1.2em / $ptperem);
 
-    @muspace: 0.055556em;       // 1mu
-    @thinspace: 0.16667em;      // 3mu
-    @mediumspace: 0.22222em;    // 4mu
-    @thickspace: 0.27778em;     // 5mu
+    $muspace: 0.055556em;       // 1mu
+    $thinspace: 0.16667em;      // 3mu
+    $mediumspace: 0.22222em;    // 4mu
+    $thickspace: 0.27778em;     // 5mu
 
     .vlist-t {
         display: inline-table;
@@ -328,47 +331,23 @@
         > .root {
             /* These values are taken from the definition of `\r@@t`,
              `\mkern 5mu` and `\mkern -10mu`. */
-            margin-left: 5*@mu;
-            margin-right: -10*@mu;
+            margin-left: calc(5*$mu);
+            margin-right: calc(-10*$mu);
         }
     }
 
     .sizing,
     .fontsize-ensurer {
-        @size1: 0.5;
-        @size2: 0.6;
-        @size3: 0.7;
-        @size4: 0.8;
-        @size5: 0.9;
-        @size6: 1;
-        @size7: 1.2;
-        @size8: 1.44;
-        @size9: 1.728;
-        @size10: 2.074;
-        @size11: 2.488;
-
-        .generate-size-change(@from, @to) {
-            &.reset-size@{from}.size@{to} {
-                @sizeFromVariable: ~"size@{from}";
-                @sizeToVariable: ~"size@{to}";
-
-                font-size: (@@sizeToVariable / @@sizeFromVariable) * 1em;
+        $sizes: 0.5, 0.6, 0.7, 0.8, 0.9, 1, 1.2, 1.44, 1.728, 2.074, 2.488;
+
+        @for $from from 1 through length($sizes) {
+            @for $to from 1 through length($sizes) {
+                &.reset-size#{$from}.size#{$to} {
+                    /* stylelint-disable-next-line */
+                    font-size: calc((nth($sizes, $to) / nth($sizes, $from)) * 1em);
+                }
             }
         }
-
-        .generate-to-size-change(@from, @currTo) when (@currTo =< 11) {
-            .generate-size-change(@from, @currTo);
-
-            .generate-to-size-change(@from, (@currTo + 1));
-        }
-
-        .generate-from-size-change(@currFrom) when (@currFrom =< 11) {
-            .generate-to-size-change(@currFrom, 1);
-
-            .generate-from-size-change((@currFrom + 1));
-        }
-
-        .generate-from-size-change(1);
     }
 
     .delimsizing {
@@ -390,7 +369,7 @@
 
     .nulldelimiter {
         display: inline-block;
-        width: @nulldelimiterspace;
+        width: $nulldelimiterspace;
     }
 
     .delimcenter {
@@ -645,7 +624,7 @@
 
 .katex-display {
     display: block;
-    margin: 1em 0;
+    margin: $display-margin;
     text-align: center;
 
     > .katex {

package/src/symbols.js

@@ -812,11 +812,11 @@ for (let i = 0; i < letters.length; i++) {
     defineSymbol(math, main, mathord, ch, wideChar);
     defineSymbol(text, main, textord, ch, wideChar);
 
-    wideChar = String.fromCharCode(0xD835, 0xDD04 + i);  // A-Z a-z Fractur
+    wideChar = String.fromCharCode(0xD835, 0xDD04 + i);  // A-Z a-z Fraktur
     defineSymbol(math, main, mathord, ch, wideChar);
     defineSymbol(text, main, textord, ch, wideChar);
 
-    wideChar = String.fromCharCode(0xD835, 0xDD6C + i);  // A-Z a-z bold Fractur
+    wideChar = String.fromCharCode(0xD835, 0xDD6C + i);  // A-Z a-z bold Fraktur
     defineSymbol(math, main, mathord, ch, wideChar);
     defineSymbol(text, main, textord, ch, wideChar);
 

package/src/fonts.less

@@ -1,64 +0,0 @@
-@font-folder: "../fonts";
-@use-ttf: true;
-@use-woff: true;
-@use-woff2: true;
-
-.use-woff2(@family, @family-suffix) when (@use-woff2 = true) {
-    src+: url('@{font-folder}/KaTeX_@{family}-@{family-suffix}.woff2') format('woff2')
-}
-
-.use-woff(@family, @family-suffix) when (@use-woff = true) {
-    src+: url('@{font-folder}/KaTeX_@{family}-@{family-suffix}.woff') format('woff')
-}
-
-.use-ttf(@family, @family-suffix) when (@use-ttf = true) {
-    src+: url('@{font-folder}/KaTeX_@{family}-@{family-suffix}.ttf') format('truetype')
-}
-
-.generate-suffix(@weight, @style) when (@weight = normal) and (@style = normal) {
-    @suffix: 'Regular';
-}
-.generate-suffix(@weight, @style) when (@weight = normal) and (@style = italic) {
-    @suffix: 'Italic';
-}
-.generate-suffix(@weight, @style) when (@weight = bold) and (@style = normal) {
-    @suffix: 'Bold';
-}
-.generate-suffix(@weight, @style) when (@weight = bold) and (@style = italic) {
-    @suffix: 'BoldItalic';
-}
-
-.font-face(@family, @weight, @style) {
-    .generate-suffix(@weight, @style);
-    @font-face {
-        font-family: 'KaTeX_@{family}';
-        .use-woff2(@family, @suffix);
-        .use-woff(@family, @suffix);
-        .use-ttf(@family, @suffix);
-        font-weight: @weight;
-        font-style: @style;
-    }
-}
-
-.font-face('AMS', normal, normal);
-.font-face('Caligraphic', bold, normal);
-.font-face('Caligraphic', normal, normal);
-.font-face('Fraktur', bold, normal);
-.font-face('Fraktur', normal, normal);
-.font-face('Main', bold, normal);
-.font-face('Main', bold, italic);
-.font-face('Main', normal, italic);
-.font-face('Main', normal, normal);
-//.font-face('Math', bold, normal);
-.font-face('Math', bold, italic);
-.font-face('Math', normal, italic);
-//.font-face('Math', normal, normal);
-.font-face('SansSerif', bold, normal);
-.font-face('SansSerif', normal, italic);
-.font-face('SansSerif', normal, normal);
-.font-face('Script', normal, normal);
-.font-face('Size1', normal, normal);
-.font-face('Size2', normal, normal);
-.font-face('Size3', normal, normal);
-.font-face('Size4', normal, normal);
-.font-face('Typewriter', normal, normal);