npm - @forsakringskassan/docs-generator - Versions diffs - 2.32.1 → 2.33.0 - Mend

@forsakringskassan/docs-generator 2.32.1 → 2.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/{create-markdown-renderer-0hibqqhZ.mjs → create-markdown-renderer-CuFbmcsJ.mjs} +8 -4
package/dist/create-markdown-renderer-CuFbmcsJ.mjs.map +1 -0
package/dist/index.mjs +2 -2
package/dist/markdown.mjs +2 -2
package/dist/style/core.css +40 -14
package/dist/style/index.css +66 -28
package/dist/style/site.css +26 -14
package/dist/style/theme/fkui.css +9 -4
package/dist/tsdoc-metadata.json +1 -1
package/dist/{vendor-BYLZFg6n.mjs → vendor-ClKMZWQO.mjs} +4 -3
package/dist/vendor-ClKMZWQO.mjs.map +1 -0
package/package.json +1 -1
package/templates/partials/search-toolbar.html +5 -4
package/dist/create-markdown-renderer-0hibqqhZ.mjs.map +0 -1
package/dist/vendor-BYLZFg6n.mjs.map +0 -1

package/dist/style/core.css CHANGED Viewed

@@ -181,9 +181,9 @@ h5 + h6 {
 }
 .docs-paragraph {
-  font-size: var(--f-font-size-standard);
-  font-weight: var(--f-font-weight-normal);
-  line-height: var(--f-line-height-large);
+  font-size: var(--docs-font-size);
+  font-weight: var(--docs-font-weight);
+  line-height: var(--docs-line-height);
   margin-bottom: 1rem;
 }
@@ -193,10 +193,10 @@ strong {
 }
 code {
-  font-size: var(--f-font-size-standard);
+  font-size: var(--docs-font-size);
   border-radius: var(--f-border-radius-small);
   font-family: var(--f-font-family-code);
-  background-color: var(--f-background-code);
+  background-color: var(--docs-code-background-color);
   display: inline-block;
   margin: 0 0.25rem;
   padding: 0 0.25rem;
@@ -325,7 +325,6 @@ footer {
 main {
   padding: 0 3rem 2rem;
-  background: #fff;
   max-width: 920px;
 }
@@ -712,8 +711,12 @@ main {
 }
 #version-dialog {
+  --docs-text-color-default: var(--docs-version-text-color);
   width: 30rem;
   max-height: 80vh;
+  background: var(--docs-version-background-color);
+  border: 1px solid var(--docs-version-border-color);
+  color: var(--docs-text-color-default);
 }
 #version-dialog a {
   text-decoration: none;
@@ -1009,7 +1012,7 @@ h6 code {
 .layout-wrapper {
   font-family: var(--docs-font-family);
-  background: #fff;
+  background: var(--docs-background-color);
 }
 /* Page header - inverted */
@@ -1091,7 +1094,7 @@ header .label {
 /* navigering vänster */
 #sidenav {
-  background-color: #f4f4f4;
+  background-color: var(--docs-menu-background-color);
   width: auto;
   display: flex;
   justify-content: space-between;
@@ -1163,6 +1166,17 @@ main #aside dd {
   margin: 0 0 1.5rem;
 }
+@media (prefers-color-scheme: light) {
+  .user-background {
+    background: repeating-conic-gradient(#fff 0 90deg, rgb(235, 235, 235) 0 180deg) 0 0/20px 20px round;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  .user-background {
+    background: repeating-conic-gradient(#1b1e23 0 90deg, #313438 0 180deg) 0 0/20px 20px round;
+  }
+}
 .code-preview main,
 .code-preview header,
 .code-preview footer {
@@ -1190,7 +1204,6 @@ main #aside dd {
 }
 .code-preview__preview {
-  background-color: #fff;
   flex: 1 1 auto;
 }
@@ -1273,11 +1286,15 @@ kbd {
 }
 #search button {
-  padding: 0 0.75rem;
-  cursor: text;
+  background: transparent;
+  color: var(--docs-text-color-discrete);
+  border-radius: 4px;
   border: 0;
   box-shadow: none;
-  color: var(--f-text-color-default);
+  cursor: text;
+  min-height: 2.5rem;
+  padding: 0 0.75rem;
+  width: 100%;
 }
 #search button:hover {
@@ -1288,13 +1305,22 @@ kbd {
   box-shadow: var(--f-focus-box-shadow);
 }
-#search button .icon {
+#search .search__icon {
+  display: inline-block;
+  height: 1rem;
   margin-right: 0.5rem;
+  max-height: 100%;
+  max-width: 100%;
+  pointer-events: none;
+  width: 1rem;
 }
 #search-dialog {
+  --docs-text-color-default: var(--docs-search-text-color);
   margin-top: 80px;
-  border: 1px solid var(--f-border-color-modal);
+  background: var(--docs-search-background-color);
+  border: 1px solid var(--docs-search-border-color);
+  color: var(--docs-text-color-default);
   width: 580px;
 }

package/dist/style/index.css CHANGED Viewed

@@ -181,9 +181,9 @@ h5 + h6 {
 }
 .docs-paragraph {
-  font-size: var(--f-font-size-standard);
-  font-weight: var(--f-font-weight-normal);
-  line-height: var(--f-line-height-large);
+  font-size: var(--docs-font-size);
+  font-weight: var(--docs-font-weight);
+  line-height: var(--docs-line-height);
   margin-bottom: 1rem;
 }
@@ -193,10 +193,10 @@ strong {
 }
 code {
-  font-size: var(--f-font-size-standard);
+  font-size: var(--docs-font-size);
   border-radius: var(--f-border-radius-small);
   font-family: var(--f-font-family-code);
-  background-color: var(--f-background-code);
+  background-color: var(--docs-code-background-color);
   display: inline-block;
   margin: 0 0.25rem;
   padding: 0 0.25rem;
@@ -325,7 +325,6 @@ footer {
 main {
   padding: 0 3rem 2rem;
-  background: #fff;
   max-width: 920px;
 }
@@ -712,8 +711,12 @@ main {
 }
 #version-dialog {
+  --docs-text-color-default: var(--docs-version-text-color);
   width: 30rem;
   max-height: 80vh;
+  background: var(--docs-version-background-color);
+  border: 1px solid var(--docs-version-border-color);
+  color: var(--docs-text-color-default);
 }
 #version-dialog a {
   text-decoration: none;
@@ -1009,7 +1012,7 @@ h6 code {
 .layout-wrapper {
   font-family: var(--docs-font-family);
-  background: #fff;
+  background: var(--docs-background-color);
 }
 /* Page header - inverted */
@@ -1091,7 +1094,7 @@ header .label {
 /* navigering vänster */
 #sidenav {
-  background-color: #f4f4f4;
+  background-color: var(--docs-menu-background-color);
   width: auto;
   display: flex;
   justify-content: space-between;
@@ -1163,6 +1166,17 @@ main #aside dd {
   margin: 0 0 1.5rem;
 }
+@media (prefers-color-scheme: light) {
+  .user-background {
+    background: repeating-conic-gradient(#fff 0 90deg, rgb(235, 235, 235) 0 180deg) 0 0/20px 20px round;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  .user-background {
+    background: repeating-conic-gradient(#1b1e23 0 90deg, #313438 0 180deg) 0 0/20px 20px round;
+  }
+}
 .code-preview main,
 .code-preview header,
 .code-preview footer {
@@ -1190,7 +1204,6 @@ main #aside dd {
 }
 .code-preview__preview {
-  background-color: #fff;
   flex: 1 1 auto;
 }
@@ -1273,11 +1286,15 @@ kbd {
 }
 #search button {
-  padding: 0 0.75rem;
-  cursor: text;
+  background: transparent;
+  color: var(--docs-text-color-discrete);
+  border-radius: 4px;
   border: 0;
   box-shadow: none;
-  color: var(--f-text-color-default);
+  cursor: text;
+  min-height: 2.5rem;
+  padding: 0 0.75rem;
+  width: 100%;
 }
 #search button:hover {
@@ -1288,13 +1305,22 @@ kbd {
   box-shadow: var(--f-focus-box-shadow);
 }
-#search button .icon {
+#search .search__icon {
+  display: inline-block;
+  height: 1rem;
   margin-right: 0.5rem;
+  max-height: 100%;
+  max-width: 100%;
+  pointer-events: none;
+  width: 1rem;
 }
 #search-dialog {
+  --docs-text-color-default: var(--docs-search-text-color);
   margin-top: 80px;
-  border: 1px solid var(--f-border-color-modal);
+  background: var(--docs-search-background-color);
+  border: 1px solid var(--docs-search-border-color);
+  color: var(--docs-text-color-default);
   width: 580px;
 }
@@ -1335,7 +1361,10 @@ kbd {
 }
 :root {
+  --docs-background-color: #ffffff;
   --docs-font-family: "Inter Variable", sans-serif;
+  --docs-font-line-height: 1.5;
+  --docs-font-size: 16px;
   --docs-font-weight: normal;
   --docs-text-color-default: #1b1e23;
   --docs-text-color-discrete: #5f6165;
@@ -1360,8 +1389,13 @@ kbd {
   --docs-heading-line-height: 1.4;
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
-  --docs-header-background-color: #ffffff;
+  --docs-header-background-color: transparent;
   --docs-header-border-color: #ddddde;
+  --docs-footer-text-color-default: #1b1e23;
+  --docs-footer-text-color-discrete: #5f6165;
+  --docs-footer-background-color: transparent;
+  --docs-footer-border-color: #ddddde;
+  --docs-menu-background-color: transparent;
   --docs-menu-width-expanded: 230px;
   --docs-messagebox-details-border: #bbbbbd;
   --docs-messagebox-details-background: #f4f4f4;
@@ -1390,9 +1424,14 @@ kbd {
   --docs-topnav-link-color-highlight: var(--docs-text-color-link-hover);
   --docs-topnav-border-color-hover: #afcfb5;
   --docs-topnav-border-color-highlight: #116a3e;
+  --docs-search-text-color: inherit;
+  --docs-search-background-color: var(--docs-background-color);
+  --docs-search-border-color: #000;
   --docs-version-text-color: var(--docs-text-color-discrete);
   --docs-version-link-color: var(--docs-text-color-discrete);
   --docs-version-hover-color: var(--docs-text-color-default);
+  --docs-version-background-color: var(--docs-background-color);
+  --docs-version-border-color: #000;
   --docs-cookie-background-color: #f5f6fa;
   --docs-cookie-border-color: #4a52b6;
   --docs-code-background-color: #f4f4f4;
@@ -1518,6 +1557,13 @@ textarea {
   src: url(./inter-latin-wght-normal.woff2) format("woff2-variations");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
+.docs-footer {
+  --docs-text-color-default: var(--docs-footer-text-color-default);
+  --docs-text-color-discrete: var(--docs-footer-text-color-discrete);
+  background-color: var(--docs-footer-background-color);
+  border-top: 1px solid var(--docs-footer-border-color);
+}
 .cookie-warning {
   background: var(--docs-cookie-background-color);
   border-bottom: 2px solid var(--docs-cookie-border-color);
@@ -1581,24 +1627,16 @@ html {
 html,
 body {
-  font-family: var(--docs-font-family);
-  font-weight: var(--docs-font-weight);
-  font-size: var(--f-font-size-default-rem);
-  font-feature-settings: "liga" 1, "calt" 1;
   min-width: 400px;
 }
-@media (width >= 1024px) {
-  html,
-  body {
-    font-size: var(--f-font-size-default-large-up-rem);
-  }
-}
 body {
-  color: var(--f-text-color-default);
-  font-size: var(--f-font-size-standard);
+  color: var(--docs-text-color-default);
+  font-family: var(--docs-font-family);
+  font-feature-settings: "liga" 1, "calt" 1;
+  font-size: var(--docs-font-size);
   font-weight: var(--docs-font-weight);
-  line-height: var(--f-line-height-large);
+  line-height: var(--docs-line-height);
 }
 .page-header {

package/dist/style/site.css CHANGED Viewed

@@ -1,5 +1,8 @@
 :root {
+  --docs-background-color: #ffffff;
   --docs-font-family: "Inter Variable", sans-serif;
+  --docs-font-line-height: 1.5;
+  --docs-font-size: 16px;
   --docs-font-weight: normal;
   --docs-text-color-default: #1b1e23;
   --docs-text-color-discrete: #5f6165;
@@ -24,8 +27,13 @@
   --docs-heading-line-height: 1.4;
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
-  --docs-header-background-color: #ffffff;
+  --docs-header-background-color: transparent;
   --docs-header-border-color: #ddddde;
+  --docs-footer-text-color-default: #1b1e23;
+  --docs-footer-text-color-discrete: #5f6165;
+  --docs-footer-background-color: transparent;
+  --docs-footer-border-color: #ddddde;
+  --docs-menu-background-color: transparent;
   --docs-menu-width-expanded: 230px;
   --docs-messagebox-details-border: #bbbbbd;
   --docs-messagebox-details-background: #f4f4f4;
@@ -54,9 +62,14 @@
   --docs-topnav-link-color-highlight: var(--docs-text-color-link-hover);
   --docs-topnav-border-color-hover: #afcfb5;
   --docs-topnav-border-color-highlight: #116a3e;
+  --docs-search-text-color: inherit;
+  --docs-search-background-color: var(--docs-background-color);
+  --docs-search-border-color: #000;
   --docs-version-text-color: var(--docs-text-color-discrete);
   --docs-version-link-color: var(--docs-text-color-discrete);
   --docs-version-hover-color: var(--docs-text-color-default);
+  --docs-version-background-color: var(--docs-background-color);
+  --docs-version-border-color: #000;
   --docs-cookie-background-color: #f5f6fa;
   --docs-cookie-border-color: #4a52b6;
   --docs-code-background-color: #f4f4f4;
@@ -182,6 +195,13 @@ textarea {
   src: url(./inter-latin-wght-normal.woff2) format("woff2-variations");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
+.docs-footer {
+  --docs-text-color-default: var(--docs-footer-text-color-default);
+  --docs-text-color-discrete: var(--docs-footer-text-color-discrete);
+  background-color: var(--docs-footer-background-color);
+  border-top: 1px solid var(--docs-footer-border-color);
+}
 .cookie-warning {
   background: var(--docs-cookie-background-color);
   border-bottom: 2px solid var(--docs-cookie-border-color);
@@ -251,24 +271,16 @@ html {
 html,
 body {
-  font-family: var(--docs-font-family);
-  font-weight: var(--docs-font-weight);
-  font-size: var(--f-font-size-default-rem);
-  font-feature-settings: "liga" 1, "calt" 1;
   min-width: 400px;
 }
-@media (width >= 1024px) {
-  html,
-  body {
-    font-size: var(--f-font-size-default-large-up-rem);
-  }
-}
 body {
-  color: var(--f-text-color-default);
-  font-size: var(--f-font-size-standard);
+  color: var(--docs-text-color-default);
+  font-family: var(--docs-font-family);
+  font-feature-settings: "liga" 1, "calt" 1;
+  font-size: var(--docs-font-size);
   font-weight: var(--docs-font-weight);
-  line-height: var(--f-line-height-large);
+  line-height: var(--docs-line-height);
 }
 .page-header {

package/dist/style/theme/fkui.css CHANGED Viewed

@@ -1,9 +1,14 @@
 /**
-    Re map Docs variables to FKUI theme variable
-    https://designsystem.forsakringskassan.se/latest/styles/colors.html
-*/
+   Re map Docs variables to FKUI theme variable
+   https://designsystem.forsakringskassan.se/latest/styles/colors.html
+ */
 :root {
-  --docs-color-text-primary: var(--fkds-color-text-primary);
+  --docs-font-line-height: var(--f-line-height-large);
+  --docs-font-size: var(--f-font-size-default-rem);
+  --docs-text-color-default: var(--fkds-color-text-primary);
   --docs-header-background-color: var(--fkds-color-background-primary);
   --docs-header-border-color: var(--fkds-color-border-weak);
+  --docs-menu-background-color: var(--fkds-color-background-secondary);
+  --docs-code-background-color: var(--f-background-code);
+  --docs-search-border-color: var(--f-border-color-modal);
 }

package/dist/tsdoc-metadata.json CHANGED Viewed

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.53.3"
+      "packageVersion": "7.54.0"
     }
   ]
 }

package/dist/{vendor-BYLZFg6n.mjs → vendor-ClKMZWQO.mjs} RENAMED Viewed

@@ -26162,7 +26162,9 @@ class I18n extends EventEmitter {
     return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf('-arab') > 1 ? 'rtl' : 'ltr';
   }
   static createInstance(options = {}, callback) {
-    return new I18n(options, callback);
+    const instance = new I18n(options, callback);
+    instance.createInstance = I18n.createInstance;
+    return instance;
   }
   cloneInstance(options = {}, callback = noop) {
     const forkResourceStore = options.forkResourceStore;
@@ -26226,7 +26228,6 @@ class I18n extends EventEmitter {
   }
 }
 const instance = I18n.createInstance();
-instance.createInstance = I18n.createInstance;
 const createInstance = instance.createInstance;
 instance.dir;
@@ -56258,4 +56259,4 @@ var srcExports = requireSrc();
 var tinylr = /*@__PURE__*/getDefaultExportFromCjs(srcExports);
 export { HighlightJS as H, MarkdownIt as M, deflist_plugin as a, closest as b, createTwoFilesPatch as c, dedent as d, distance as e, fm as f, globSync as g, glob as h, isCI as i, moduleImporter as j, cliProgress as k, createInstance as l, minimatch as m, fse as n, inter as o, tinylr as t, watch$1 as w };
-//# sourceMappingURL=vendor-BYLZFg6n.mjs.map
+//# sourceMappingURL=vendor-ClKMZWQO.mjs.map