@forsakringskassan/docs-generator 2.38.2 → 2.38.4

package/dist/style/core.css

@@ -282,6 +282,7 @@ pre code {
   background-color: var(--docs-topnav-background-color);
   margin: 0 -0.5rem;
   overflow: hidden;
+  flex-grow: 1;
 }
 .docs-topnav__list {
   display: flex;
@@ -571,6 +572,7 @@ main {
   border-left: var(--highlight-width) solid transparent;
 }
 .navigation li.link.active {
+  font-weight: bold;
   border-color: var(--docs-navigation-highlight-color);
   background: var(--docs-navigation-active-background);
 }
@@ -598,23 +600,16 @@ main {
   background: var(--docs-navigation-hover-color);
   border-color: var(--docs-navigation-highlight-color);
 }
-.navigation summary::after {
-  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+.navigation summary .icon {
   transform: translateY(3px);
   transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
-  width: 1rem;
-  height: 1rem;
   display: inline;
 }
 .navigation details[open] > summary {
   font-weight: 700;
 }
-.navigation details[open] > summary::after {
-  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+.navigation details[open] > summary .icon {
   transform: rotate(180deg) translateY(-5px);
-  transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
-  width: 1rem;
-  height: 1rem;
 }
 .navigation details > ol {
   margin-bottom: 0;
@@ -630,6 +625,9 @@ main {
 #outline summary {
   display: flex;
 }
+#outline summary .icon {
+  display: none;
+}
 @media (width >= 1280px) {
   #outline {
     position: sticky;
@@ -650,19 +648,14 @@ main {
     width: fit-content;
     cursor: pointer;
   }
-  #outline summary::after {
-    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  #outline summary .icon {
+    display: block;
     transform: translateY(3px);
     transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
     margin-left: 0.5rem;
-    width: 1rem;
-    height: 1rem;
-    display: inline;
   }
-  #outline[open] > summary::after {
-    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  #outline[open] > summary .icon {
     transform: rotate(180deg) translateY(-5px);
-    transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
   }
 }
 #outline::-webkit-scrollbar {
@@ -981,7 +974,7 @@ main h4:not(.code-preview h4) {
 }
 
 h1 code {
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   font-family: var(--docs-font-family);
   background-color: transparent;
   font-weight: 400;
@@ -1011,14 +1004,16 @@ h6 code {
   color: var(--docs-text-color-default);
 }
 
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)) {
+#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)),
+footer a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   color: var(--docs-text-color-link);
   text-decoration-color: var(--docs-text-color-link);
   text-underline-offset: 0.15rem;
 }
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)):hover {
+#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)):hover,
+footer a:hover {
   color: var(--docs-text-color-default);
   text-decoration-color: var(--docs-text-color-default);
 }
@@ -1100,7 +1095,7 @@ header .select-field__select {
 
 header .label {
   font-weight: 400;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   margin-right: 1rem;
   margin-bottom: 0;
 }
@@ -1157,11 +1152,6 @@ header .label {
   display: inline-block;
 }
 
-#main main {
-  padding: 1.2rem 3rem 2rem;
-  background: #fff;
-}
-
 main h2:first-child {
   margin-top: 0;
 }
@@ -1172,7 +1162,7 @@ main #aside dl {
 
 main #aside dt {
   font-weight: 400;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
 }
 
 main #aside dd {
@@ -1237,6 +1227,10 @@ main #aside dd {
   line-height: var(--f-line-height-medium);
   color: var(--docs-text-color-default);
 }
+.code-preview .code-preview__fullscreen .icon,
+.code-preview .button.code-preview__toggle-markup .icon {
+  margin-right: 0.25rem;
+}
 
 .code-preview code {
   margin: 0;
@@ -1270,18 +1264,17 @@ pre.mermaid:not([data-processed])::after {
   }
 }
 
+/*
+    Technical debt: This is a temporary solution since docs-live-example is
+    currently depending on this class for the code icon.
+    docs-live-example should carry its own icon instead of relying on this class.
+*/
 .icon--code {
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
   background-size: contain;
   margin-right: 0.25rem;
 }
 
-.icon--fullscreen {
-  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuIC0tPjxwYXRoIGQ9Ik0xNjAgNjRjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJ2NjRIMzJjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJoOTZjMTcuNyAwIDMyLTE0LjMgMzItMzJWNjR6TTMyIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkg5NnY2NGMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMyVjM1MmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzMnpNMzUyIDY0YzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMydjk2YzAgMTcuNyAxNC4zIDMyIDMyIDMyaDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDM1MlY2NHpNMzIwIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2OTZjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMlYzODRoNjRjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMzIweiIvPjwvc3ZnPgo=") no-repeat;
-  background-size: contain;
-  margin-right: 0.25rem;
-}
-
 .toolbar {
   display: flex;
   align-items: center;
@@ -1292,7 +1285,7 @@ pre.mermaid:not([data-processed])::after {
 
 kbd {
   border: 1px solid #bbbbbd;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   padding: 0.1rem 0.5rem;
   border-radius: 6px;
   font-family: var(--docs-font-family);

package/dist/style/index.css

@@ -282,6 +282,7 @@ pre code {
   background-color: var(--docs-topnav-background-color);
   margin: 0 -0.5rem;
   overflow: hidden;
+  flex-grow: 1;
 }
 .docs-topnav__list {
   display: flex;
@@ -571,6 +572,7 @@ main {
   border-left: var(--highlight-width) solid transparent;
 }
 .navigation li.link.active {
+  font-weight: bold;
   border-color: var(--docs-navigation-highlight-color);
   background: var(--docs-navigation-active-background);
 }
@@ -598,23 +600,16 @@ main {
   background: var(--docs-navigation-hover-color);
   border-color: var(--docs-navigation-highlight-color);
 }
-.navigation summary::after {
-  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+.navigation summary .icon {
   transform: translateY(3px);
   transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
-  width: 1rem;
-  height: 1rem;
   display: inline;
 }
 .navigation details[open] > summary {
   font-weight: 700;
 }
-.navigation details[open] > summary::after {
-  content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+.navigation details[open] > summary .icon {
   transform: rotate(180deg) translateY(-5px);
-  transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
-  width: 1rem;
-  height: 1rem;
 }
 .navigation details > ol {
   margin-bottom: 0;
@@ -630,6 +625,9 @@ main {
 #outline summary {
   display: flex;
 }
+#outline summary .icon {
+  display: none;
+}
 @media (width >= 1280px) {
   #outline {
     position: sticky;
@@ -650,19 +648,14 @@ main {
     width: fit-content;
     cursor: pointer;
   }
-  #outline summary::after {
-    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  #outline summary .icon {
+    display: block;
     transform: translateY(3px);
     transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
     margin-left: 0.5rem;
-    width: 1rem;
-    height: 1rem;
-    display: inline;
   }
-  #outline[open] > summary::after {
-    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHBhdGggZD0iTTQ2Ny42NTggMTk2LjkxM0wyODMuNjU2IDM3Mi45MDdDMjc1LjkyMiAzODAuMzEzIDI2NS45NTMgMzg0IDI1NiAzODRDMjQ2LjA0NyAzODQgMjM2LjA3OCAzODAuMzEzIDIyOC4zNDQgMzcyLjkwN0w0NC4zNDIgMTk2LjkxM0MyOC4zODkgMTgxLjYzMyAyNy44MjYgMTU2LjMyMSA0My4wOTIgMTQwLjM1M0M1OC4zNzMgMTI0LjM1NCA4My42ODYgMTIzLjg1NCA5OS42NTUgMTM5LjEwM0wyNTYgMjg4LjY2TDQxMi4zNDUgMTM5LjEwM0M0MjguMzE0IDEyMy44MjIgNDUzLjYyNyAxMjQuMzg1IDQ2OC45MDggMTQwLjM1M0M0ODQuMTc0IDE1Ni4zMjEgNDgzLjYxMSAxODEuNjMzIDQ2Ny42NTggMTk2LjkxM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
+  #outline[open] > summary .icon {
     transform: rotate(180deg) translateY(-5px);
-    transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
   }
 }
 #outline::-webkit-scrollbar {
@@ -981,7 +974,7 @@ main h4:not(.code-preview h4) {
 }
 
 h1 code {
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   font-family: var(--docs-font-family);
   background-color: transparent;
   font-weight: 400;
@@ -1011,14 +1004,16 @@ h6 code {
   color: var(--docs-text-color-default);
 }
 
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)) {
+#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)),
+footer a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   color: var(--docs-text-color-link);
   text-decoration-color: var(--docs-text-color-link);
   text-underline-offset: 0.15rem;
 }
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)):hover {
+#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)):hover,
+footer a:hover {
   color: var(--docs-text-color-default);
   text-decoration-color: var(--docs-text-color-default);
 }
@@ -1100,7 +1095,7 @@ header .select-field__select {
 
 header .label {
   font-weight: 400;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   margin-right: 1rem;
   margin-bottom: 0;
 }
@@ -1157,11 +1152,6 @@ header .label {
   display: inline-block;
 }
 
-#main main {
-  padding: 1.2rem 3rem 2rem;
-  background: #fff;
-}
-
 main h2:first-child {
   margin-top: 0;
 }
@@ -1172,7 +1162,7 @@ main #aside dl {
 
 main #aside dt {
   font-weight: 400;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
 }
 
 main #aside dd {
@@ -1237,6 +1227,10 @@ main #aside dd {
   line-height: var(--f-line-height-medium);
   color: var(--docs-text-color-default);
 }
+.code-preview .code-preview__fullscreen .icon,
+.code-preview .button.code-preview__toggle-markup .icon {
+  margin-right: 0.25rem;
+}
 
 .code-preview code {
   margin: 0;
@@ -1270,18 +1264,17 @@ pre.mermaid:not([data-processed])::after {
   }
 }
 
+/*
+    Technical debt: This is a temporary solution since docs-live-example is
+    currently depending on this class for the code icon.
+    docs-live-example should carry its own icon instead of relying on this class.
+*/
 .icon--code {
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
   background-size: contain;
   margin-right: 0.25rem;
 }
 
-.icon--fullscreen {
-  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PCEtLSEgRm9udCBBd2Vzb21lIEZyZWUgNi40LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjMgRm9udGljb25zLCBJbmMuIC0tPjxwYXRoIGQ9Ik0xNjAgNjRjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJ2NjRIMzJjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJoOTZjMTcuNyAwIDMyLTE0LjMgMzItMzJWNjR6TTMyIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkg5NnY2NGMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMyVjM1MmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzMnpNMzUyIDY0YzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMydjk2YzAgMTcuNyAxNC4zIDMyIDMyIDMyaDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDM1MlY2NHpNMzIwIDMyMGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2OTZjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMlYzODRoNjRjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMzIweiIvPjwvc3ZnPgo=") no-repeat;
-  background-size: contain;
-  margin-right: 0.25rem;
-}
-
 .toolbar {
   display: flex;
   align-items: center;
@@ -1292,7 +1285,7 @@ pre.mermaid:not([data-processed])::after {
 
 kbd {
   border: 1px solid #bbbbbd;
-  color: #5f6165;
+  color: var(--docs-text-color-discrete);
   padding: 0.1rem 0.5rem;
   border-radius: 6px;
   font-family: var(--docs-font-family);
@@ -1675,6 +1668,7 @@ body {
   font-size: var(--docs-font-size);
   font-weight: var(--docs-font-weight);
   line-height: var(--docs-line-height);
+  -webkit-font-smoothing: antialiased;
 }
 
 .page-header {
@@ -1695,4 +1689,13 @@ body {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
+}
+
+.icon {
+  display: inline-block;
+  height: 1rem;
+  max-height: 100%;
+  max-width: 100%;
+  pointer-events: none;
+  width: 1rem;
 }

package/dist/style/site.css

@@ -305,6 +305,7 @@ body {
   font-size: var(--docs-font-size);
   font-weight: var(--docs-font-weight);
   line-height: var(--docs-line-height);
+  -webkit-font-smoothing: antialiased;
 }
 
 .page-header {
@@ -325,4 +326,13 @@ body {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
+}
+
+.icon {
+  display: inline-block;
+  height: 1rem;
+  max-height: 100%;
+  max-width: 100%;
+  pointer-events: none;
+  width: 1rem;
 }

package/dist/style/theme/fkui.css

@@ -56,5 +56,6 @@
   --docs-outline-heading-color: var(--fkds-color-text-secondary);
   --docs-outline-list-border-color: var(--fkds-color-border-weak);
   --docs-navigation-hover-color: var(--fkds-color-background-tertiary);
+  --docs-navigation-active-background: var(--fkds-color-background-secondary);
   --docs-navigation-highlight-color: var(--fkds-color-select-background-secondary-default);
 }

package/dist/tsdoc-metadata.json

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