@forsakringskassan/docs-generator 2.6.0 → 2.8.0

package/dist/style/core.css

@@ -125,6 +125,101 @@ pre code {
   display: block;
 }
 
+.docs-contextmenu {
+  background-color: var(--docs-contextmenu-background-color);
+}
+.docs-contextmenu__list {
+  background: inherit;
+  border-radius: 2px;
+  border: 1px solid var(--docs-contextmenu-border-color);
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+  color: var(--docs-contextmenu-link-color);
+  display: block;
+  font-weight: normal;
+  margin: 0;
+  padding: 0.5rem;
+  position: absolute;
+  right: 0;
+  visibility: hidden;
+  z-index: 1;
+}
+.docs-contextmenu__item {
+  display: block;
+  list-style-type: none;
+  white-space: nowrap;
+}
+.docs-contextmenu__item.highlight {
+  background-color: var(--docs-contextmenu-highlight-color);
+  font-weight: bold;
+}
+.docs-contextmenu__anchor {
+  cursor: pointer;
+  display: block;
+  padding: 0.75rem;
+}
+.docs-contextmenu__anchor, .docs-contextmenu__anchor:visited, .docs-contextmenu__anchor:active {
+  color: var(--docs-contextmenu-link-color-default);
+}
+.docs-contextmenu__anchor:hover {
+  color: var(--docs-contextmenu-link-color-default);
+  background-color: var(--docs-contextmenu-link-background-hover);
+}
+
+.docs-topnav {
+  background-color: var(--docs-topnav-background-color);
+  margin: 0 -0.5rem;
+  overflow: hidden;
+}
+.docs-topnav__list {
+  display: flex;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
+}
+.docs-topnav__item {
+  display: inline-flex;
+  list-style-type: none;
+  padding: 1.1rem 0 0 0;
+  white-space: nowrap;
+}
+.docs-topnav__item.highlight {
+  color: var(--docs-topnav-link-color-highlight);
+  font-weight: bold;
+}
+.docs-topnav__item.highlight :where(.docs-topnav__anchor) {
+  border-color: var(--docs-topnav-border-color-highlight);
+  font-weight: bold;
+}
+.docs-topnav__item--more {
+  position: absolute;
+  visibility: hidden;
+}
+.docs-topnav__anchor {
+  border: none;
+  border-bottom: 5px solid transparent;
+  cursor: pointer;
+  display: inline-flex;
+  padding-bottom: 0.5rem;
+}
+.docs-topnav__anchor, .docs-topnav__anchor:visited, .docs-topnav__anchor:active {
+  color: var(--docs-topnav-link-color-default);
+}
+.docs-topnav__anchor:hover {
+  color: var(--docs-topnav-link-color-hover);
+  border-color: var(--docs-topnav-border-color-hover);
+}
+button.docs-topnav__anchor {
+  align-items: center;
+  background: none;
+  display: flex;
+  gap: 0.75rem;
+  padding: 0;
+  padding-bottom: 0.5rem;
+}
+button.docs-topnav__anchor svg {
+  color: var(--docs-topnav-border-color-highlight);
+}
+
 .layout-wrapper {
   display: grid;
   grid-template: "header" auto "primary" 1fr "footer" auto;
@@ -226,6 +321,19 @@ main {
 .docs-messagebox__title {
   font-weight: bold;
 }
+.docs-messagebox--details {
+  border-color: var(--docs-messagebox-details-border);
+  background: var(--docs-messagebox-details-background);
+}
+.docs-messagebox--details summary {
+  cursor: pointer;
+  margin: -1.5rem;
+  padding: 1.5rem;
+}
+.docs-messagebox--details[open] summary {
+  margin-bottom: 0;
+  padding-bottom: 0.75rem;
+}
 .docs-messagebox--info {
   border-color: var(--docs-messagebox-info-border);
   background: var(--docs-messagebox-info-background);
@@ -484,6 +592,135 @@ main {
   margin: 0;
 }
 
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/* end baseline CSS */
+.hljs {
+  background: #F3F3F3;
+  color: #444;
+}
+
+/* Base color: saturation 0; */
+.hljs-subst {
+  /* default */
+}
+
+/* purposely ignored */
+.hljs-comment {
+  color: #697070;
+}
+
+.hljs-tag,
+.hljs-punctuation {
+  color: rgba(68, 68, 68, 0.6666666667);
+}
+
+.hljs-tag .hljs-name,
+.hljs-tag .hljs-attr {
+  color: #444;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold;
+}
+
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-operator,
+.hljs-selector-pseudo {
+  color: #ab5656;
+}
+
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #695;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300;
+}
+
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta .hljs-string {
+  color: #38a;
+}
+
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
 /* reset broken FKUI reset */
 dialog {
   display: none;
@@ -598,6 +835,7 @@ header .page-header {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1.2rem;
+  padding-right: 1.2rem;
   border-bottom: 1px solid #ddddde;
   flex-wrap: wrap;
 }
@@ -650,9 +888,6 @@ header .page-header__right-slot {
     margin-top: 0.5rem;
     margin-left: -1.5rem;
   }
-  header .imenu {
-    padding-left: 0 !important;
-  }
   header button kbd {
     display: none;
   }
@@ -675,23 +910,6 @@ header .label {
   margin-bottom: 0;
 }
 
-/* meny */
-header .imenu {
-  background-color: #fff;
-  margin-left: -0.5rem;
-}
-
-header .imenu__list {
-  gap: 1rem;
-}
-
-header .imenu--horizontal .imenu__list__item {
-  display: inline-flex;
-  padding-top: 1.1rem;
-  padding-left: 0;
-  padding-right: 0;
-}
-
 /* navigering vänster */
 #sidenav {
   background-color: #f4f4f4;

package/dist/style/index.css

@@ -125,6 +125,101 @@ pre code {
   display: block;
 }
 
+.docs-contextmenu {
+  background-color: var(--docs-contextmenu-background-color);
+}
+.docs-contextmenu__list {
+  background: inherit;
+  border-radius: 2px;
+  border: 1px solid var(--docs-contextmenu-border-color);
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+  color: var(--docs-contextmenu-link-color);
+  display: block;
+  font-weight: normal;
+  margin: 0;
+  padding: 0.5rem;
+  position: absolute;
+  right: 0;
+  visibility: hidden;
+  z-index: 1;
+}
+.docs-contextmenu__item {
+  display: block;
+  list-style-type: none;
+  white-space: nowrap;
+}
+.docs-contextmenu__item.highlight {
+  background-color: var(--docs-contextmenu-highlight-color);
+  font-weight: bold;
+}
+.docs-contextmenu__anchor {
+  cursor: pointer;
+  display: block;
+  padding: 0.75rem;
+}
+.docs-contextmenu__anchor, .docs-contextmenu__anchor:visited, .docs-contextmenu__anchor:active {
+  color: var(--docs-contextmenu-link-color-default);
+}
+.docs-contextmenu__anchor:hover {
+  color: var(--docs-contextmenu-link-color-default);
+  background-color: var(--docs-contextmenu-link-background-hover);
+}
+
+.docs-topnav {
+  background-color: var(--docs-topnav-background-color);
+  margin: 0 -0.5rem;
+  overflow: hidden;
+}
+.docs-topnav__list {
+  display: flex;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
+}
+.docs-topnav__item {
+  display: inline-flex;
+  list-style-type: none;
+  padding: 1.1rem 0 0 0;
+  white-space: nowrap;
+}
+.docs-topnav__item.highlight {
+  color: var(--docs-topnav-link-color-highlight);
+  font-weight: bold;
+}
+.docs-topnav__item.highlight :where(.docs-topnav__anchor) {
+  border-color: var(--docs-topnav-border-color-highlight);
+  font-weight: bold;
+}
+.docs-topnav__item--more {
+  position: absolute;
+  visibility: hidden;
+}
+.docs-topnav__anchor {
+  border: none;
+  border-bottom: 5px solid transparent;
+  cursor: pointer;
+  display: inline-flex;
+  padding-bottom: 0.5rem;
+}
+.docs-topnav__anchor, .docs-topnav__anchor:visited, .docs-topnav__anchor:active {
+  color: var(--docs-topnav-link-color-default);
+}
+.docs-topnav__anchor:hover {
+  color: var(--docs-topnav-link-color-hover);
+  border-color: var(--docs-topnav-border-color-hover);
+}
+button.docs-topnav__anchor {
+  align-items: center;
+  background: none;
+  display: flex;
+  gap: 0.75rem;
+  padding: 0;
+  padding-bottom: 0.5rem;
+}
+button.docs-topnav__anchor svg {
+  color: var(--docs-topnav-border-color-highlight);
+}
+
 .layout-wrapper {
   display: grid;
   grid-template: "header" auto "primary" 1fr "footer" auto;
@@ -226,6 +321,19 @@ main {
 .docs-messagebox__title {
   font-weight: bold;
 }
+.docs-messagebox--details {
+  border-color: var(--docs-messagebox-details-border);
+  background: var(--docs-messagebox-details-background);
+}
+.docs-messagebox--details summary {
+  cursor: pointer;
+  margin: -1.5rem;
+  padding: 1.5rem;
+}
+.docs-messagebox--details[open] summary {
+  margin-bottom: 0;
+  padding-bottom: 0.75rem;
+}
 .docs-messagebox--info {
   border-color: var(--docs-messagebox-info-border);
   background: var(--docs-messagebox-info-background);
@@ -484,6 +592,135 @@ main {
   margin: 0;
 }
 
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/* end baseline CSS */
+.hljs {
+  background: #F3F3F3;
+  color: #444;
+}
+
+/* Base color: saturation 0; */
+.hljs-subst {
+  /* default */
+}
+
+/* purposely ignored */
+.hljs-comment {
+  color: #697070;
+}
+
+.hljs-tag,
+.hljs-punctuation {
+  color: rgba(68, 68, 68, 0.6666666667);
+}
+
+.hljs-tag .hljs-name,
+.hljs-tag .hljs-attr {
+  color: #444;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta .hljs-keyword,
+.hljs-doctag,
+.hljs-name {
+  font-weight: bold;
+}
+
+/* User color: hue: 0 */
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-operator,
+.hljs-selector-pseudo {
+  color: #ab5656;
+}
+
+/* Language color: hue: 90; */
+.hljs-literal {
+  color: #695;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #397300;
+}
+
+/* Meta color: hue: 200 */
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta .hljs-string {
+  color: #38a;
+}
+
+/* Misc effects */
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
 /* reset broken FKUI reset */
 dialog {
   display: none;
@@ -598,6 +835,7 @@ header .page-header {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1.2rem;
+  padding-right: 1.2rem;
   border-bottom: 1px solid #ddddde;
   flex-wrap: wrap;
 }
@@ -650,9 +888,6 @@ header .page-header__right-slot {
     margin-top: 0.5rem;
     margin-left: -1.5rem;
   }
-  header .imenu {
-    padding-left: 0 !important;
-  }
   header button kbd {
     display: none;
   }
@@ -675,23 +910,6 @@ header .label {
   margin-bottom: 0;
 }
 
-/* meny */
-header .imenu {
-  background-color: #fff;
-  margin-left: -0.5rem;
-}
-
-header .imenu__list {
-  gap: 1rem;
-}
-
-header .imenu--horizontal .imenu__list__item {
-  display: inline-flex;
-  padding-top: 1.1rem;
-  padding-left: 0;
-  padding-right: 0;
-}
-
 /* navigering vänster */
 #sidenav {
   background-color: #f4f4f4;
@@ -998,12 +1216,20 @@ kbd {
   --docs-warning-background: #fffcf3;
   --docs-error-color: #ca1515;
   --docs-error-background: #fcf3f3;
+  --docs-contextmenu-background-color: #ffffff;
+  --docs-contextmenu-border-color: #ddddde;
+  --docs-contextmenu-highlight-color: #e7f0e9;
+  --docs-contextmenu-link-color-default: var(--docs-text-color-default);
+  --docs-contextmenu-link-color-hover: var(--docs-text-color-default);
+  --docs-contextmenu-link-background-hover: #ddddde;
   --docs-heading-font-family: var(--docs-font-family);
   --docs-heading-font-weight: var(--docs-font-weight);
   --docs-heading-line-height: 1.4;
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
   --docs-menu-width-expanded: 230px;
+  --docs-messagebox-details-border: #bbbbbd;
+  --docs-messagebox-details-background: #f4f4f4;
   --docs-messagebox-info-border: var(--docs-info-color);
   --docs-messagebox-info-background: var(--docs-info-background);
   --docs-messagebox-warning-border: var(--docs-warning-color);
@@ -1013,6 +1239,12 @@ kbd {
   --docs-tags-optional-background-color: transparent;
   --docs-tags-optional-border-color: #5f6165;
   --docs-tags-optional-text-color: var(--docs-text-color-discrete);
+  --docs-topnav-background-color: transparent;
+  --docs-topnav-link-color-default: var(--docs-text-color-default);
+  --docs-topnav-link-color-hover: var(--docs-text-color-link-hover);
+  --docs-topnav-link-color-highlight: var(--docs-text-color-link-hover);
+  --docs-topnav-border-color-hover: #afcfb5;
+  --docs-topnav-border-color-highlight: #116a3e;
   --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);

package/dist/style/site.css

@@ -18,12 +18,20 @@
   --docs-warning-background: #fffcf3;
   --docs-error-color: #ca1515;
   --docs-error-background: #fcf3f3;
+  --docs-contextmenu-background-color: #ffffff;
+  --docs-contextmenu-border-color: #ddddde;
+  --docs-contextmenu-highlight-color: #e7f0e9;
+  --docs-contextmenu-link-color-default: var(--docs-text-color-default);
+  --docs-contextmenu-link-color-hover: var(--docs-text-color-default);
+  --docs-contextmenu-link-background-hover: #ddddde;
   --docs-heading-font-family: var(--docs-font-family);
   --docs-heading-font-weight: var(--docs-font-weight);
   --docs-heading-line-height: 1.4;
   --docs-header-text-color-default: #1b1e23;
   --docs-header-text-color-discrete: #5f6165;
   --docs-menu-width-expanded: 230px;
+  --docs-messagebox-details-border: #bbbbbd;
+  --docs-messagebox-details-background: #f4f4f4;
   --docs-messagebox-info-border: var(--docs-info-color);
   --docs-messagebox-info-background: var(--docs-info-background);
   --docs-messagebox-warning-border: var(--docs-warning-color);
@@ -33,6 +41,12 @@
   --docs-tags-optional-background-color: transparent;
   --docs-tags-optional-border-color: #5f6165;
   --docs-tags-optional-text-color: var(--docs-text-color-discrete);
+  --docs-topnav-background-color: transparent;
+  --docs-topnav-link-color-default: var(--docs-text-color-default);
+  --docs-topnav-link-color-hover: var(--docs-text-color-link-hover);
+  --docs-topnav-link-color-highlight: var(--docs-text-color-link-hover);
+  --docs-topnav-border-color-hover: #afcfb5;
+  --docs-topnav-border-color-highlight: #116a3e;
   --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);