@mdn/fred 2.2.0 → 2.2.1

package/out/static/ssr/stats.json

@@ -9,11 +9,11 @@
       "assets": [
         {
           "name": "index.js",
-          "size": 1423001
+          "size": 1424337
         }
       ],
       "filteredAssets": 0,
-      "assetsSize": 1423001,
+      "assetsSize": 1424337,
       "auxiliaryAssets": [
         {
           "name": "desktop-saving-page.bbb8eedefb3e848f.png",
@@ -317,7 +317,7 @@
         },
         {
           "name": "index.js.map",
-          "size": 4261804
+          "size": 4262382
         },
         {
           "name": "deno.aed70d20abbf1067.svg",
@@ -512,7 +512,7 @@
           "size": 135602
         }
       ],
-      "auxiliaryAssetsSize": 8724791,
+      "auxiliaryAssetsSize": 8725369,
       "children": {},
       "childAssets": {}
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdn/fred",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "repository": "https://github.com/mdn/fred",
   "license": "MPL-2.0",
   "author": "MDN Web Docs",
@@ -44,7 +44,7 @@
     "@lit-labs/ssr": "^4.0.0",
     "@lit-labs/ssr-client": "^1.1.8",
     "@lit/task": "^1.0.3",
-    "@mdn/rari": "0.2.11",
+    "@mdn/rari": "0.2.12",
     "@mdn/watify": "^1.1.8",
     "@mozilla/glean": "^5.0.7",
     "codemirror": "^6.0.1",
@@ -65,20 +65,20 @@
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.20.0",
-    "@codemirror/commands": "^6.10.1",
+    "@codemirror/commands": "^6.10.2",
     "@codemirror/language": "^6.12.1",
     "@codemirror/lint": "^6.9.3",
-    "@codemirror/view": "^6.39.12",
+    "@codemirror/view": "^6.39.13",
     "@csstools/postcss-global-data": "^4.0.0",
     "@eslint/compat": "^2.0.2",
     "@eslint/js": "^9.39.2",
     "@jackolope/lit-analyzer": "^3.2.0",
     "@jackolope/ts-lit-plugin": "^3.1.6",
-    "@mdn/browser-compat-data": "^7.3.0",
+    "@mdn/browser-compat-data": "^7.3.1",
     "@mdn/yari": "^5.1.2",
     "@rsdoctor/rspack-plugin": "^1.5.0",
-    "@rspack/cli": "^1.7.4",
-    "@rspack/core": "^1.7.4",
+    "@rspack/cli": "^1.7.5",
+    "@rspack/core": "^1.7.5",
     "@svgr/webpack": "^8.1.0",
     "@types/compression": "^1.8.1",
     "@types/cookie-parser": "^1.4.10",
@@ -94,38 +94,38 @@
     "@wdio/local-runner": "^9.23.3",
     "@wdio/mocha-framework": "^9.23.3",
     "@wdio/spec-reporter": "^9.23.3",
-    "@zip.js/zip.js": "^2.8.16",
+    "@zip.js/zip.js": "^2.8.18",
     "css-loader": "^7.1.3",
     "css-minimizer-webpack-plugin": "^7.0.4",
     "dexie": "^4.3.0",
-    "downshift": "^9.2.0",
+    "downshift": "^9.3.0",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsdoc": "^62.5.0",
-    "eslint-plugin-lit": "^2.0.0",
+    "eslint-plugin-jsdoc": "^62.5.4",
+    "eslint-plugin-lit": "^2.2.1",
     "eslint-plugin-n": "^17.23.2",
     "eslint-plugin-unicorn": "^62.0.0",
-    "eslint-plugin-wc": "^3.0.2",
+    "eslint-plugin-wc": "^3.1.0",
     "globals": "^17.3.0",
-    "lefthook": "^2.0.16",
+    "lefthook": "^2.1.0",
     "postcss": "^8.5.3",
     "postcss-custom-media": "^12.0.0",
     "postcss-loader": "^8.2.0",
     "postcss-mixins": "^12.1.2",
-    "postcss-preset-env": "^11.1.2",
+    "postcss-preset-env": "^11.1.3",
     "prettier": "^3.8.1",
     "resolve-url-loader": "^5.0.0",
     "rspack-manifest-plugin": "^5.2.1",
     "sass-embedded": "^1.97.3",
-    "sass-loader": "^16.0.6",
+    "sass-loader": "^16.0.7",
     "spdy": "^4.0.2",
-    "stylelint": "^17.1.0",
-    "stylelint-config-recess-order": "^7.6.0",
+    "stylelint": "^17.1.1",
+    "stylelint-config-recess-order": "^7.6.1",
     "stylelint-config-standard": "^40.0.0",
     "svgo-loader": "^4.0.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.55.0",
     "webpack-dev-middleware": "^7.4.5",
     "webpack-hot-middleware": "^2.26.1",
     "webpack-merge": "^6.0.1",

package/out/static/client/5408.4bc756c440135b62.css

@@ -1,2 +0,0 @@
-.curriculum-content-container .left-sidebar{overflow-wrap:anywhere;padding-bottom:3rem;position:sticky;top:var(--sticky-header-height)}:is(.curriculum-content-container .left-sidebar) ol{list-style:none;margin:0;padding:0}:is(.curriculum-content-container .left-sidebar) details{width:100%}[open]:is(:is(.curriculum-content-container .left-sidebar) details)>summary{margin-bottom:.5rem}:is([open]:is(:is(.curriculum-content-container .left-sidebar) details)>summary):before{transform:rotate(90deg)}:is(:is(.curriculum-content-container .left-sidebar) details) summary{align-items:center;cursor:pointer;display:flex}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):before{background-color:currentcolor;content:"";display:inline-block;flex-shrink:0;height:1rem;margin:.25rem;-webkit-mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);mask-image:url(/static/client/chevron-right.a81fc439dd5e4839.svg);-webkit-mask-size:cover;mask-size:cover;width:1rem}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover{background-color:var(--color-background-secondary)}:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover:has(a:hover){background-color:unset}:is(:is(.curriculum-content-container .left-sidebar) details) ol{padding-left:1.5rem}:is(.curriculum-content-container .left-sidebar) li{align-items:center;display:flex;justify-content:stretch}:is(:is(.curriculum-content-container .left-sidebar) li):not(:last-child){margin-bottom:.5rem}.section:is(:is(.curriculum-content-container .left-sidebar) li){font-weight:var(--font-weight-bold)}.section:is(:is(.curriculum-content-container .left-sidebar) li):not(:first-child){margin-top:1em}:is(.curriculum-content-container .left-sidebar) a,:is(.curriculum-content-container .left-sidebar) span:not(.highlight-container){display:inline-flex;padding-block:.25rem}:is(.curriculum-content-container .left-sidebar) a{color:var(--color-text-primary)}:is(:is(.curriculum-content-container .left-sidebar) a):hover{color:var(--color-area-link)}:is(:is(.curriculum-content-container .left-sidebar) a):not(:hover){-webkit-text-decoration:none;text-decoration:none}:is(.curriculum-content-container .left-sidebar) em{align-items:center;background-color:var(--background-toc-active);border-left:2px solid var(--category-color);display:inline-flex;font-style:normal;padding-inline:.5rem}.curriculum-content-container{display:grid;grid-template-areas:"sidebar . header . toc" "sidebar . body   . toc";grid-template-columns:var(--layout-2-sidebars);grid-template-rows:min-content auto;justify-content:space-between;padding-inline:var(--layout-side-padding)}.curriculum-content-container .curriculum-layout__content{display:contents}.curriculum-content-container .curriculum-layout__header{grid-area:header}.curriculum-content-container .curriculum-layout__body{grid-area:body;padding-bottom:3rem}.curriculum-content-container .curriculum-layout__sidebar{grid-area:sidebar;padding-top:0}@media (width >= calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){:is(.curriculum-content-container .curriculum-layout__sidebar) .left-sidebar{margin-right:calc(var(--layout-sidebar-gap)/-2);padding-right:calc(var(--layout-sidebar-gap)/2)}}.curriculum-content-container .curriculum-layout__toc{align-content:start;align-items:start;display:flex;flex-wrap:wrap;gap:.5rem;grid-area:toc;justify-content:space-between}.curriculum-content-container .curriculum-layout__sidebar .left-sidebar,.curriculum-content-container .curriculum-layout__toc{max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}@media (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){.curriculum-content-container{grid-template-areas:"toc . header" "toc . body";grid-template-columns:var(--layout-1-sidebar-left)}.curriculum-content-container .curriculum-layout__sidebar{background:var(--color-background-page);display:none;grid-area:toc;z-index:1}}@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)){.curriculum-content-container{display:block}.curriculum-content-container .curriculum-layout__sidebar{inset:0;position:fixed;top:var(--sticky-header-height);z-index:var(--z-index-sidebar-mobile)}:is(.curriculum-content-container .curriculum-layout__sidebar) .left-sidebar{padding:1rem}.curriculum-content-container .curriculum-layout__toc{max-height:unset;overflow-y:unset;position:unset;top:unset;--toc-header-font-size:var(--font-size-larger)}}
-/*# sourceMappingURL=5408.4bc756c440135b62.css.map*/

package/out/static/client/5408.4bc756c440135b62.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"5408.4bc756c440135b62.css","sources":["webpack://@mdn/fred/./components/curriculum/sidebar.css","webpack://@mdn/fred/./components/curriculum/layout.css"],"sourcesContent":[".curriculum-content-container .left-sidebar {\n  position: sticky;\n  top: var(--sticky-header-height);\n\n  padding-bottom: 3rem;\n\n  overflow-wrap: anywhere;\n}:is(.curriculum-content-container .left-sidebar) ol {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }:is(.curriculum-content-container .left-sidebar) details {\n    width: 100%;\n  }[open]:is(:is(.curriculum-content-container .left-sidebar) details)  > summary {\n        margin-bottom: 0.5rem;\n      }:is([open]:is(:is(.curriculum-content-container .left-sidebar) details) > summary)::before {\n          transform: rotate(90deg);\n        }:is(:is(.curriculum-content-container .left-sidebar) details) summary {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary)::before {\n        display: inline-block;\n\n        flex-shrink: 0;\n\n        width: 1rem;\n        height: 1rem;\n\n        margin: 0.25rem;\n\n        content: \"\";\n\n        background-color: currentcolor;\n\n        -webkit-mask-image: url(\"../icon/chevron-right.svg\");\n\n                mask-image: url(\"../icon/chevron-right.svg\");\n        -webkit-mask-size: cover;\n                mask-size: cover;\n      }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover {\n        background-color: var(--color-background-secondary);\n      }:is(:is(:is(.curriculum-content-container .left-sidebar) details) summary):hover:has(a:hover) {\n          /* Don't highlight, as link click doesn't toggle. */\n          background-color: unset;\n        }:is(:is(.curriculum-content-container .left-sidebar) details) ol {\n      padding-left: 1.5rem;\n    }:is(.curriculum-content-container .left-sidebar) li {\n    display: flex;\n    align-items: center;\n    justify-content: stretch;\n  }:is(:is(.curriculum-content-container .left-sidebar) li):not(:last-child) {\n      margin-bottom: 0.5rem;\n    }.section:is(:is(.curriculum-content-container .left-sidebar) li) {\n      font-weight: var(--font-weight-bold);\n    }.section:is(:is(.curriculum-content-container .left-sidebar) li):not(:first-child) {\n        margin-top: 1em;\n      }:is(.curriculum-content-container .left-sidebar) a,:is(.curriculum-content-container .left-sidebar) span:not(.highlight-container) {\n    display: inline-flex;\n    padding-block: 0.25rem;\n  }:is(.curriculum-content-container .left-sidebar) a {\n    color: var(--color-text-primary);\n  }:is(:is(.curriculum-content-container .left-sidebar) a):hover {\n      color: var(--color-area-link);\n    }:is(:is(.curriculum-content-container .left-sidebar) a):not(:hover) {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n    }:is(.curriculum-content-container .left-sidebar) em {\n    display: inline-flex;\n\n    align-items: center;\n\n    padding-inline: 0.5rem;\n\n    font-style: normal;\n\n    background-color: var(--background-toc-active);\n    border-left: 2px solid var(--category-color);\n  }\n",".curriculum-content-container {\n  display: grid;\n\n  grid-template-areas:\n    \"sidebar . header . toc\"\n    \"sidebar . body   . toc\";\n  grid-template-rows: min-content auto;\n  grid-template-columns: var(--layout-2-sidebars);\n\n  justify-content: space-between;\n\n  padding-inline: var(--layout-side-padding);\n}.curriculum-content-container .curriculum-layout__content {\n    display: contents;\n  }.curriculum-content-container .curriculum-layout__header {\n    grid-area: header;\n  }.curriculum-content-container .curriculum-layout__body {\n    grid-area: body;\n    padding-bottom: 3rem;\n  }.curriculum-content-container .curriculum-layout__sidebar {\n    grid-area: sidebar;\n    padding-top: 0;\n  }@media (width >= calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)) {\n      :is(.curriculum-content-container .curriculum-layout__sidebar) .left-sidebar {\n        padding-right: calc(var(--layout-sidebar-gap) / 2);\n        margin-right: calc(var(--layout-sidebar-gap) / -2);\n      }\n    }.curriculum-content-container .curriculum-layout__toc {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    grid-area: toc;\n\n    gap: 0.5rem;\n    align-content: start;\n    align-items: start;\n    justify-content: space-between;\n  }.curriculum-content-container .curriculum-layout__sidebar .left-sidebar,.curriculum-content-container .curriculum-layout__toc {\n    position: sticky;\n    top: var(--sticky-header-height);\n\n    max-height: calc(100vh - var(--sticky-header-height));\n\n    overflow-y: auto;\n  }@media (width < calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)) {.curriculum-content-container {\n    grid-template-areas:\n      \"toc . header\"\n      \"toc . body\";\n    grid-template-columns: var(--layout-1-sidebar-left);\n}\n\n    .curriculum-content-container .curriculum-layout__sidebar {\n      z-index: 1;\n\n      display: none;\n\n      grid-area: toc;\n\n      background: var(--color-background-page);\n    }\n  }@media (width < calc(1rem * 2 + 14rem + 2rem + 31rem)) {.curriculum-content-container {\n    display: block;\n}\n\n    .curriculum-content-container .curriculum-layout__sidebar {\n      position: fixed;\n      inset: 0;\n      top: var(--sticky-header-height);\n      z-index: var(--z-index-sidebar-mobile);\n    }\n\n      :is(.curriculum-content-container .curriculum-layout__sidebar) .left-sidebar {\n        padding: 1rem;\n      }\n\n    .curriculum-content-container .curriculum-layout__toc {\n      position: unset;\n      top: unset;\n\n      max-height: unset;\n\n      overflow-y: unset;\n      --toc-header-font-size: var(--font-size-larger);\n    }\n  }\n"],"names":[],"mappings":"AAAA,4CAME,sBAAuB,CAFvB,mBAAoB,CAHpB,eAAgB,CAChB,+BAKF,CAAC,oDAGG,eAAgB,CADhB,QAAS,CADT,SAGF,CAAC,yDACC,UACF,CAAC,4EACK,mBACF,CAAC,wFACG,uBACF,CAAC,sEAEH,kBAAmB,CACnB,cAAe,CAFf,YAGF,CAAC,kFAYG,6BAA8B,CAF9B,UAAW,CATX,oBAAqB,CAErB,aAAc,CAGd,WAAY,CAEZ,aAAe,CAMf,yEAAoD,CAE5C,iEAA4C,CACpD,uBAAwB,CAChB,eAAgB,CAbxB,UAcF,CAAC,iFACC,kDACF,CAAC,8FAEG,sBACF,CAAC,iEACH,mBACF,CAAC,oDAED,kBAAmB,CADnB,YAAa,CAEb,uBACF,CAAC,0EACG,mBACF,CAAC,iEACC,mCACF,CAAC,mFACG,cACF,CAAC,mIACH,mBAAoB,CACpB,oBACF,CAAC,mDACC,+BACF,CAAC,8DACG,4BACF,CAAC,oEACC,4BAA6B,CAC7B,oBACF,CAAC,oDAGD,kBAAmB,CAMnB,6CAA8C,CAC9C,2CAA4C,CAT5C,mBAAoB,CAMpB,iBAAkB,CAFlB,oBAMF,CC9EF,8BACE,YAAa,CAEb,qEAE0B,CAE1B,8CAA+C,CAD/C,mCAAoC,CAGpC,6BAA8B,CAE9B,yCACF,CAAC,0DACG,gBACF,CAAC,yDACC,gBACF,CAAC,uDACC,cAAe,CACf,mBACF,CAAC,0DACC,iBAAkB,CAClB,aACF,CAAC,8DACG,6EAEE,+CAAkD,CADlD,+CAEF,CACF,CAAC,sDAQD,mBAAoB,CACpB,iBAAkB,CARlB,YAAa,CAEb,cAAe,CAIf,SAAW,CAFX,aAAc,CAKd,6BACF,CAAC,8HAIC,oDAAqD,CAErD,eAAgB,CALhB,eAAgB,CAChB,+BAKF,CAAC,6DAA8D,8BAC7D,+CAEc,CACd,kDACJ,CAEI,0DAOE,uCAAwC,CAJxC,YAAa,CAEb,aAAc,CAJd,SAOF,CACF,CAAC,uDAAwD,8BACvD,aACJ,CAEI,0DAEE,OAAQ,CADR,cAAe,CAEf,+BAAgC,CAChC,qCACF,CAEE,6EACE,YACF,CAEF,sDAIE,gBAAiB,CAEjB,gBAAiB,CALjB,cAAe,CACf,SAAU,CAKV,8CACF,CACF"}