@forsakringskassan/docs-generator 3.20.0 → 3.21.0

package/dist/style/index.css

@@ -15,14 +15,14 @@
   margin: 1rem 0 0;
 }
 
-#content a.docs-api__anchor {
+#docs-content a.docs-api__anchor {
   color: var(--docs-text-color-default);
   text-decoration: none;
 }
-#content a.docs-api__anchor:hover {
+#docs-content a.docs-api__anchor:hover {
   text-decoration: underline;
 }
-#content a.docs-api__anchor::before {
+#docs-content a.docs-api__anchor::before {
   content: "#";
   display: inline-block;
   font-size: 1em;
@@ -32,7 +32,7 @@
   color: rgba(158, 158, 158, 0.6509803922);
   text-decoration: none;
 }
-#content a.docs-api__anchor:hover::before {
+#docs-content a.docs-api__anchor:hover::before {
   visibility: visible;
 }
 
@@ -317,7 +317,7 @@ header {
   min-width: 0;
 }
 
-#primary {
+#docs-primary {
   display: grid;
   grid-area: primary;
   gap: 0 2rem;
@@ -343,55 +343,55 @@ main {
   }
 }
 
-.layout--content-with-menu #primary,
-.layout--api #primary,
-.layout--api--class #primary,
-.layout--api--composable #primary,
-.layout--api--constant #primary,
-.layout--api--enum #primary,
-.layout--api--function #primary,
-.layout--api--interface #primary,
-.layout--api--method #primary,
-.layout--api--type #primary,
-.layout--article #primary,
-.layout--component #primary,
-.layout--pattern #primary {
+.layout--content-with-menu #docs-primary,
+.layout--api #docs-primary,
+.layout--api--class #docs-primary,
+.layout--api--composable #docs-primary,
+.layout--api--constant #docs-primary,
+.layout--api--enum #docs-primary,
+.layout--api--function #docs-primary,
+.layout--api--interface #docs-primary,
+.layout--api--method #docs-primary,
+.layout--api--type #docs-primary,
+.layout--article #docs-primary,
+.layout--component #docs-primary,
+.layout--pattern #docs-primary {
   --sidenav-width: 350px;
   padding-right: 2rem;
   min-width: 0;
   grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content minmax(0, 1fr);
 }
 @media screen and (width >= 1280px) {
-  .layout--content-with-menu #primary,
-  .layout--api #primary,
-  .layout--api--class #primary,
-  .layout--api--composable #primary,
-  .layout--api--constant #primary,
-  .layout--api--enum #primary,
-  .layout--api--function #primary,
-  .layout--api--interface #primary,
-  .layout--api--method #primary,
-  .layout--api--type #primary,
-  .layout--article #primary,
-  .layout--component #primary,
-  .layout--pattern #primary {
+  .layout--content-with-menu #docs-primary,
+  .layout--api #docs-primary,
+  .layout--api--class #docs-primary,
+  .layout--api--composable #docs-primary,
+  .layout--api--constant #docs-primary,
+  .layout--api--enum #docs-primary,
+  .layout--api--function #docs-primary,
+  .layout--api--interface #docs-primary,
+  .layout--api--method #docs-primary,
+  .layout--api--type #docs-primary,
+  .layout--article #docs-primary,
+  .layout--component #docs-primary,
+  .layout--pattern #docs-primary {
     grid-template: "sidenav title aside" auto "sidenav content aside" 1fr/min-content minmax(10rem, 920px) auto;
   }
 }
 @media (width < 640px) {
-  .layout--content-with-menu #primary,
-  .layout--api #primary,
-  .layout--api--class #primary,
-  .layout--api--composable #primary,
-  .layout--api--constant #primary,
-  .layout--api--enum #primary,
-  .layout--api--function #primary,
-  .layout--api--interface #primary,
-  .layout--api--method #primary,
-  .layout--api--type #primary,
-  .layout--article #primary,
-  .layout--component #primary,
-  .layout--pattern #primary {
+  .layout--content-with-menu #docs-primary,
+  .layout--api #docs-primary,
+  .layout--api--class #docs-primary,
+  .layout--api--composable #docs-primary,
+  .layout--api--constant #docs-primary,
+  .layout--api--enum #docs-primary,
+  .layout--api--function #docs-primary,
+  .layout--api--interface #docs-primary,
+  .layout--api--method #docs-primary,
+  .layout--api--type #docs-primary,
+  .layout--article #docs-primary,
+  .layout--component #docs-primary,
+  .layout--pattern #docs-primary {
     gap: 0;
     padding: 0;
   }
@@ -413,62 +413,63 @@ main {
   padding: 0;
   max-width: none;
 }
-.layout--content-with-menu #title,
-.layout--content-with-menu #content,
-.layout--api #title,
-.layout--api #content,
-.layout--api--class #title,
-.layout--api--class #content,
-.layout--api--composable #title,
-.layout--api--composable #content,
-.layout--api--constant #title,
-.layout--api--constant #content,
-.layout--api--enum #title,
-.layout--api--enum #content,
-.layout--api--function #title,
-.layout--api--function #content,
-.layout--api--interface #title,
-.layout--api--interface #content,
-.layout--api--method #title,
-.layout--api--method #content,
-.layout--api--type #title,
-.layout--api--type #content,
-.layout--article #title,
-.layout--article #content,
-.layout--component #title,
-.layout--component #content,
-.layout--pattern #title,
-.layout--pattern #content {
+.layout--content-with-menu #docs-title,
+.layout--content-with-menu #docs-content,
+.layout--api #docs-title,
+.layout--api #docs-content,
+.layout--api--class #docs-title,
+.layout--api--class #docs-content,
+.layout--api--composable #docs-title,
+.layout--api--composable #docs-content,
+.layout--api--constant #docs-title,
+.layout--api--constant #docs-content,
+.layout--api--enum #docs-title,
+.layout--api--enum #docs-content,
+.layout--api--function #docs-title,
+.layout--api--function #docs-content,
+.layout--api--interface #docs-title,
+.layout--api--interface #docs-content,
+.layout--api--method #docs-title,
+.layout--api--method #docs-content,
+.layout--api--type #docs-title,
+.layout--api--type #docs-content,
+.layout--article #docs-title,
+.layout--article #docs-content,
+.layout--component #docs-title,
+.layout--component #docs-content,
+.layout--pattern #docs-title,
+.layout--pattern #docs-content {
   padding: 0 1rem;
 }
 @media screen and (width < 1280px) {
-  .layout--content-with-menu #aside,
-  .layout--api #aside,
-  .layout--api--class #aside,
-  .layout--api--composable #aside,
-  .layout--api--constant #aside,
-  .layout--api--enum #aside,
-  .layout--api--function #aside,
-  .layout--api--interface #aside,
-  .layout--api--method #aside,
-  .layout--api--type #aside,
-  .layout--article #aside,
-  .layout--component #aside,
-  .layout--pattern #aside {
+  .layout--content-with-menu #docs-aside,
+  .layout--api #docs-aside,
+  .layout--api--class #docs-aside,
+  .layout--api--composable #docs-aside,
+  .layout--api--constant #docs-aside,
+  .layout--api--enum #docs-aside,
+  .layout--api--function #docs-aside,
+  .layout--api--interface #docs-aside,
+  .layout--api--method #docs-aside,
+  .layout--api--type #docs-aside,
+  .layout--article #docs-aside,
+  .layout--component #docs-aside,
+  .layout--pattern #docs-aside {
     padding-left: 1rem;
   }
 }
 
-#aside {
+#docs-aside {
   grid-area: aside;
 }
 
-#title {
+#docs-title {
   grid-area: title;
   margin-top: 1.2rem;
+  margin-bottom: var(--docs-heading-margin-bottom-h1);
 }
 
-#content {
+#docs-content {
   grid-area: content;
   padding-bottom: 1rem;
   overflow-x: auto;
@@ -691,17 +692,17 @@ main {
   display: none;
 }
 
-#outline {
+#docs-outline {
   margin-bottom: 1rem;
 }
-#outline summary {
+#docs-outline summary {
   display: flex;
 }
-#outline summary .docs-icon {
+#docs-outline summary .docs-icon {
   display: none;
 }
 @media (width >= 1280px) {
-  #outline {
+  #docs-outline {
     position: sticky;
     top: 1rem;
     padding: 0.25rem 1rem 0.25rem 0.25rem;
@@ -710,58 +711,58 @@ main {
     max-width: 15rem;
     scrollbar-width: thin;
   }
-  #outline summary {
+  #docs-outline summary {
     pointer-events: none;
     cursor: text;
   }
 }
 @media (width < 1280px) {
-  #outline summary {
+  #docs-outline summary {
     width: fit-content;
     cursor: pointer;
   }
-  #outline summary .docs-icon {
+  #docs-outline summary .docs-icon {
     display: block;
     transform: translateY(3px);
     transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
     margin-left: 0.5rem;
   }
-  #outline[open] > summary .docs-icon {
+  #docs-outline[open] > summary .docs-icon {
     transform: rotate(180deg) translateY(-5px);
   }
 }
-#outline::-webkit-scrollbar {
+#docs-outline::-webkit-scrollbar {
   height: 7px;
   width: 7px;
 }
-#outline::-webkit-scrollbar-track {
+#docs-outline::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 10px;
 }
-#outline::-webkit-scrollbar-thumb {
+#docs-outline::-webkit-scrollbar-thumb {
   background: #c0c0c0;
   border-radius: 10px;
 }
-#outline::-webkit-scrollbar-thumb:hover {
+#docs-outline::-webkit-scrollbar-thumb:hover {
   background: #a7a7a7;
 }
-#outline .outline__heading {
+#docs-outline .outline__heading {
   font-size: 1rem;
   font-weight: normal;
   color: var(--docs-outline-heading-color);
   margin: 0 0 0.5rem;
 }
-#outline ul {
+#docs-outline ul {
   margin: 0;
   padding: 0;
   border-left: 1px solid var(--docs-outline-list-border-color);
 }
-#outline li {
+#docs-outline li {
   list-style: none;
   padding-left: 4px;
   position: relative;
 }
-#outline li::before, #outline li::after {
+#docs-outline li::before, #docs-outline li::after {
   content: " ";
   display: block;
   position: absolute;
@@ -771,21 +772,21 @@ main {
   width: 4px;
   background: transparent;
 }
-#outline li::before {
+#docs-outline li::before {
   transition: background-color 300ms ease-in;
 }
 @media not (prefers-reduced-motion: reduce) {
-  #outline li.active::before {
+  #docs-outline li.active::before {
     background: var(--docs-outline-active-border-color);
   }
 }
-#outline li:hover::after {
+#docs-outline li:hover::after {
   background: var(--docs-outline-active-border-color);
 }
-#outline li:hover a {
+#docs-outline li:hover a {
   background: var(--docs-outline-hover-background-color);
 }
-#outline a {
+#docs-outline a {
   display: inline-block;
   width: 100%;
   font-size: 16px;
@@ -982,11 +983,11 @@ p:not(.code-preview p) {
   visibility: visible;
 }
 
-#content a:where(:not(.code-preview a)) {
+#docs-content a:where(:not(.code-preview a)) {
   color: var(--docs-text-color-default);
 }
 
-#content a:where(:not(.code-preview a, .header-anchor)),
+#docs-content a:where(:not(.code-preview a, .header-anchor)),
 footer a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
@@ -994,7 +995,7 @@ footer a {
   text-decoration-color: var(--docs-text-color-link);
   text-underline-offset: 0.15rem;
 }
-#content a:where(:not(.code-preview a, .header-anchor)):hover,
+#docs-content a:where(:not(.code-preview a, .header-anchor)):hover,
 footer a:hover {
   color: var(--docs-text-color-default);
   text-decoration-color: var(--docs-text-color-default);
@@ -1005,16 +1006,16 @@ footer a:hover {
   background: var(--docs-background-color);
 }
 
-main #aside dl {
+main #docs-aside dl {
   margin-bottom: 2rem;
 }
 
-main #aside dt {
+main #docs-aside dt {
   font-weight: 400;
   color: var(--docs-text-color-discrete);
 }
 
-main #aside dd {
+main #docs-aside dd {
   margin: 0 0 1.5rem;
 }
 
@@ -1578,7 +1579,7 @@ kbd {
   font-family: var(--docs-font-family);
 }
 
-#search button {
+#docs-search button {
   background: transparent;
   color: var(--docs-text-color-discrete);
   border-radius: 4px;
@@ -1593,18 +1594,18 @@ kbd {
   padding-inline-end: 0;
 }
 
-#search button:hover {
+#docs-search button:hover {
   cursor: pointer;
   background-color: var(--docs-search-button-color-hover);
 }
 
-#search button:focus-visible {
+#docs-search button:focus-visible {
   border-radius: 0;
   box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
   outline: 3px solid transparent;
 }
 
-#search .search__icon {
+#docs-search .search__icon {
   display: inline-block;
   height: 1rem;
   max-height: 100%;
@@ -1764,7 +1765,7 @@ header .docs-page-header__logo > a {
 }
 
 @media screen and (width < 1024px) {
-  #search button kbd {
+  #docs-search button kbd {
     display: none;
   }
 }
@@ -1852,7 +1853,7 @@ header .docs-page-header__logo > a {
   }
 }
 /* navigering vänster */
-#sidenav {
+#docs-sidenav {
   background-color: var(--docs-menu-background-color);
   width: auto;
   display: flex;
@@ -1867,12 +1868,12 @@ header .docs-page-header__logo > a {
   grid-area: sidenav;
 }
 @media (width < 640px) {
-  #sidenav {
+  #docs-sidenav {
     display: none;
   }
 }
 @media (width < 1024px) {
-  .is-mobile #sidenav {
+  .is-mobile #docs-sidenav {
     display: none;
   }
 }

package/dist/style/site.css

@@ -426,7 +426,7 @@ kbd {
   font-family: var(--docs-font-family);
 }
 
-#search button {
+#docs-search button {
   background: transparent;
   color: var(--docs-text-color-discrete);
   border-radius: 4px;
@@ -441,18 +441,18 @@ kbd {
   padding-inline-end: 0;
 }
 
-#search button:hover {
+#docs-search button:hover {
   cursor: pointer;
   background-color: var(--docs-search-button-color-hover);
 }
 
-#search button:focus-visible {
+#docs-search button:focus-visible {
   border-radius: 0;
   box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
   outline: 3px solid transparent;
 }
 
-#search .search__icon {
+#docs-search .search__icon {
   display: inline-block;
   height: 1rem;
   max-height: 100%;
@@ -612,7 +612,7 @@ header .docs-page-header__logo > a {
 }
 
 @media screen and (width < 1024px) {
-  #search button kbd {
+  #docs-search button kbd {
     display: none;
   }
 }
@@ -700,7 +700,7 @@ header .docs-page-header__logo > a {
   }
 }
 /* navigering vänster */
-#sidenav {
+#docs-sidenav {
   background-color: var(--docs-menu-background-color);
   width: auto;
   display: flex;
@@ -715,12 +715,12 @@ header .docs-page-header__logo > a {
   grid-area: sidenav;
 }
 @media (width < 640px) {
-  #sidenav {
+  #docs-sidenav {
     display: none;
   }
 }
 @media (width < 1024px) {
-  .is-mobile #sidenav {
+  .is-mobile #docs-sidenav {
     display: none;
   }
 }