@scalar/docusaurus 0.4.13 → 0.4.16

package/dist/theme.css

@@ -214,8 +214,6 @@ html[data-theme='light'] body .api-client-drawer {
   position: relative !important;
 }
 .references-layout {
-  height: initial !important;
-  max-height: initial !important;
   overflow: initial !important;
   grid-template-rows: 0 repeat(2, auto) !important;
 }
@@ -297,158 +295,155 @@ html[data-theme='light'] body .api-client-drawer {
   }
 }
 
-/* TODO REMOVE */
-@layer scalar-base {
-  code.hljs * {
-    font-size: var(--scalar-small);
-    font-family: var(--scalar-font-code);
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.4;
-    tab-size: 4;
-  }
-  code.hljs {
-    font-size: var(--scalar-small);
-    font-family: var(--scalar-font-code);
-    display: inline-block;
-    counter-reset: linenumber;
-  }
-  .hljs {
-    background: transparent;
-    color: var(--scalar-color-2);
-  }
+code.hljs * {
+  font-size: var(--scalar-small);
+  font-family: var(--scalar-font-code);
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.4;
+  tab-size: 4;
+}
+code.hljs {
+  font-size: var(--scalar-small);
+  font-family: var(--scalar-font-code);
+  display: inline-block;
+  counter-reset: linenumber;
+}
+.hljs {
+  background: transparent;
+  color: var(--scalar-color-2);
+}
 
-  .hljs .line::before {
-    color: var(--scalar-color-3);
-    display: inline-block;
-    counter-increment: linenumber;
-    content: counter(linenumber);
-    margin-right: 0.7em;
-    /* Variable is set on the code element by the plugin when line numbers are used */
-    min-width: calc(var(--line-digits) * 1ch);
-    text-align: right;
-  }
-  /* ------------------------------------------------------------- */
-  /* Data types */
-  .hljs-comment,
-  .hljs-quote {
-    color: var(--scalar-color-3);
-    font-style: italic;
-  }
+.hljs .line::before {
+  color: var(--scalar-color-3);
+  display: inline-block;
+  counter-increment: linenumber;
+  content: counter(linenumber);
+  margin-right: 0.7em;
+  /* Variable is set on the code element by the plugin when line numbers are used */
+  min-width: calc(var(--line-digits) * 1ch);
+  text-align: right;
+}
+/* ------------------------------------------------------------- */
+/* Data types */
+.hljs-comment,
+.hljs-quote {
+  color: var(--scalar-color-3);
+  font-style: italic;
+}
 
-  .hljs-number {
-    color: var(--scalar-color-orange);
-  }
+.hljs-number {
+  color: var(--scalar-color-orange);
+}
 
-  .hljs-regexp,
-  .hljs-string {
-    color: var(--scalar-color-blue);
-  }
+.hljs-regexp,
+.hljs-string {
+  color: var(--scalar-color-blue);
+}
 
-  /** Globals such as `var()` and `!important` */
-  .hljs-built_in {
-    color: var(--scalar-color-blue);
-  }
+/** Globals such as `var()` and `!important` */
+.hljs-built_in {
+  color: var(--scalar-color-blue);
+}
 
-  /** Class initializers such as `Array` or `Date` */
-  /** Type declarations such as `Record` */
-  .hljs-title.class_ {
-    color: var(--scalar-color-1);
-  }
+/** Class initializers such as `Array` or `Date` */
+/** Type declarations such as `Record` */
+.hljs-title.class_ {
+  color: var(--scalar-color-1);
+}
 
-  /** Language indicators such as `new`, `const`, or `function` in JS  */
-  .hljs-keyword {
-    color: var(--scalar-color-purple);
-  }
+/** Language indicators such as `new`, `const`, or `function` in JS  */
+.hljs-keyword {
+  color: var(--scalar-color-purple);
+}
 
-  /** Function names when declaring and calling */
-  .hljs-title.function_ {
-    color: var(--scalar-color-orange);
-  }
+/** Function names when declaring and calling */
+.hljs-title.function_ {
+  color: var(--scalar-color-orange);
+}
 
-  /** Template substitution */
-  .hljs-subst {
-    color: var(--scalar-color-blue);
-  }
+/** Template substitution */
+.hljs-subst {
+  color: var(--scalar-color-blue);
+}
 
-  /** HTML Tag name */
-  .hljs-name {
-    color: var(--scalar-color-blue);
-  }
+/** HTML Tag name */
+.hljs-name {
+  color: var(--scalar-color-blue);
+}
 
-  /** Attribute name (ex. `class`, `id`) */
-  .hljs-attr,
-  .hljs-attribute {
-    color: var(--scalar-color-1);
-  }
+/** Attribute name (ex. `class`, `id`) */
+.hljs-attr,
+.hljs-attribute {
+  color: var(--scalar-color-1);
+}
 
-  .hljs-addition,
-  .hljs-literal,
-  .hljs-selector-tag,
-  .hljs-type {
-    color: var(--scalar-color-green);
-  }
+.hljs-addition,
+.hljs-literal,
+.hljs-selector-tag,
+.hljs-type {
+  color: var(--scalar-color-green);
+}
 
-  .hljs-selector-attr,
-  .hljs-selector-pseudo {
-    color: var(--scalar-color-orange);
-  }
-  .hljs-doctag {
-    color: var(--scalar-color-blue);
-  }
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: var(--scalar-color-orange);
+}
+.hljs-doctag {
+  color: var(--scalar-color-blue);
+}
 
-  .hljs-section,
-  .hljs-title {
-    color: var(--scalar-color-blue);
-  }
+.hljs-section,
+.hljs-title {
+  color: var(--scalar-color-blue);
+}
 
-  .hljs-selector-id,
-  .hljs-template-variable,
-  .hljs-variable {
-    color: var(--scalar-color-1);
-  }
+.hljs-selector-id,
+.hljs-template-variable,
+.hljs-variable {
+  color: var(--scalar-color-1);
+}
 
-  .hljs-name,
-  .hljs-section,
-  .hljs-strong {
-    font-weight: var(--scalar-semibold);
-  }
+.hljs-name,
+.hljs-section,
+.hljs-strong {
+  font-weight: var(--scalar-semibold);
+}
 
-  .hljs-bullet,
-  .hljs-link,
-  .hljs-meta,
-  .hljs-symbol {
-    color: var(--scalar-color-blue);
-  }
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-symbol {
+  color: var(--scalar-color-blue);
+}
 
-  .hljs-deletion {
-    color: var(--scalar-color-red);
-  }
+.hljs-deletion {
+  color: var(--scalar-color-red);
+}
 
-  .hljs-formula {
-    background: var(--scalar-color-1);
-  }
+.hljs-formula {
+  background: var(--scalar-color-1);
+}
 
-  .hljs-emphasis {
-    font-style: italic;
-  }
+.hljs-emphasis {
+  font-style: italic;
+}
 
-  /** Hide credentials */
-  .credentials {
-    font-size: 0 !important;
-    color: transparent;
-  }
+/** Hide credentials */
+.credentials {
+  font-size: 0 !important;
+  color: transparent;
+}
 
-  /** Show a few dots instead */
-  .credentials::after {
-    content: '·····';
-    font-size: var(--scalar-small);
-    color: var(--scalar-color-3);
-    user-select: none;
-  }
+/** Show a few dots instead */
+.credentials::after {
+  content: '·····';
+  font-size: var(--scalar-small);
+  color: var(--scalar-color-3);
+  user-select: none;
 }
 
 /* -------------------------------------------------------------- */
@@ -501,293 +496,290 @@ html[data-theme='light'] body .api-client-drawer {
   color: var(--scalar-color-orange);
 }
 
-@layer scalar-base {
-  .markdown {
-    font-family: var(--scalar-font);
-    color: var(--scalar-color-1);
-    word-break: break-word;
-  }
-
-  /* Apply base padding for all block elements */
-  .markdown h1,
-  .markdown h2,
-  .markdown h3,
-  .markdown h4,
-  .markdown h5,
-  .markdown h6,
-  .markdown p,
-  .markdown div,
-  .markdown img,
-  .markdown details,
-  .markdown summary,
-  .markdown ul,
-  .markdown ol,
-  .markdown table,
-  .markdown blockquote,
-  .markdown code {
-    margin: 12px 0;
-  }
-
-  .markdown details {
-    margin: 12px 0;
-    color: var(--scalar-color-1);
-  }
-  .markdown summary {
-    display: block;
-    margin: 12px 0;
-    padding-left: 20px;
-    position: relative;
-    font-weight: var(--scalar-semibold);
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .markdown summary::after {
-    display: block;
-    content: '';
-
-    position: absolute;
-    top: 1px;
-    left: 1px;
+.markdown {
+  font-family: var(--scalar-font);
+  color: var(--scalar-color-1);
+  word-break: break-word;
+}
+
+/* Apply base padding for all block elements */
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6,
+.markdown p,
+.markdown div,
+.markdown img,
+.markdown details,
+.markdown summary,
+.markdown ul,
+.markdown ol,
+.markdown table,
+.markdown blockquote,
+.markdown code {
+  margin: 12px 0;
+}
+
+.markdown details {
+  margin: 12px 0;
+  color: var(--scalar-color-1);
+}
+.markdown summary {
+  display: block;
+  margin: 12px 0;
+  padding-left: 20px;
+  position: relative;
+  font-weight: var(--scalar-semibold);
+  cursor: pointer;
+  user-select: none;
+}
 
-    width: 16px;
-    height: 16px;
+.markdown summary::after {
+  display: block;
+  content: '';
 
-    background-color: var(--scalar-color-3);
-    mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-  }
+  position: absolute;
+  top: 1px;
+  left: 1px;
 
-  .markdown summary:hover::after {
-    background-color: var(--scalar-color-1);
-  }
+  width: 16px;
+  height: 16px;
 
-  .markdown details[open] summary::after {
-    transform: rotate(90deg);
-  }
+  background-color: var(--scalar-color-3);
+  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+}
 
-  /* Fix for Safari displaying default caret next to `<summary>` */
-  .markdown summary::-webkit-details-marker {
-    display: none;
-  }
+.markdown summary:hover::after {
+  background-color: var(--scalar-color-1);
+}
 
-  .markdown img {
-    overflow: hidden;
-    border-radius: var(--scalar-radius);
-    max-width: 100%;
-  }
-  /* Don't add margin to the first block */
-  .markdown > :first-child {
-    margin-top: 0;
-  }
+.markdown details[open] summary::after {
+  transform: rotate(90deg);
+}
 
-  .markdown h1 {
-    --font-size: 1.4em;
-  }
+/* Fix for Safari displaying default caret next to `<summary>` */
+.markdown summary::-webkit-details-marker {
+  display: none;
+}
 
-  .markdown h2 {
-    --font-size: 1.25em;
-  }
+.markdown img {
+  overflow: hidden;
+  border-radius: var(--scalar-radius);
+  max-width: 100%;
+}
+/* Don't add margin to the first block */
+.markdown > :first-child {
+  margin-top: 0;
+}
 
-  .markdown h3 {
-    --font-size: 1.1em;
-  }
+.markdown h1 {
+  --font-size: 1.4em;
+}
 
-  .markdown h4 {
-    --font-size: 1em;
-  }
+.markdown h2 {
+  --font-size: 1.25em;
+}
 
-  .markdown h6 {
-    --font-size: 1em;
-  }
-  .markdown h1,
-  .markdown h2,
-  .markdown h3,
-  .markdown h4,
-  .markdown h5,
-  .markdown h6 {
-    font-size: var(--font-size);
-    margin: 18px 0 6px;
-    font-weight: var(--scalar-bold);
-    display: block;
-    line-height: 1.45;
-  }
-  .markdown b,
-  .markdown strong {
-    font-weight: var(--scalar-bold);
-  }
-  .markdown p {
-    color: var(--scalar-color-1);
-    font-weight: var(--font-weight, var(--scalar-regular));
-    line-height: 1.5;
-    margin-bottom: 0;
-    display: block;
-  }
+.markdown h3 {
+  --font-size: 1.1em;
+}
 
-  .markdown ul,
-  .markdown ol {
-    padding-left: 24px;
-    line-height: 1.5;
-    margin: 12px 0;
-    display: block;
-  }
+.markdown h4 {
+  --font-size: 1em;
+}
 
-  .markdown ul {
-    list-style: disc;
-  }
+.markdown h6 {
+  --font-size: 1em;
+}
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  font-size: var(--font-size);
+  margin: 18px 0 6px;
+  font-weight: var(--scalar-bold);
+  display: block;
+  line-height: 1.45;
+}
+.markdown b,
+.markdown strong {
+  font-weight: var(--scalar-bold);
+}
+.markdown p {
+  color: var(--scalar-color-1);
+  font-weight: var(--font-weight, var(--scalar-regular));
+  line-height: 1.5;
+  margin-bottom: 0;
+  display: block;
+}
 
-  .markdown ol {
-    list-style: decimal;
-  }
+.markdown ul,
+.markdown ol {
+  padding-left: 24px;
+  line-height: 1.5;
+  margin: 12px 0;
+  display: block;
+}
 
-  .markdown ul.contains-task-list {
-    list-style: none;
-    padding-left: 0;
-  }
+.markdown ul {
+  list-style: disc;
+}
 
-  .markdown li {
-    margin: 6px 0;
-    display: list-item;
-  }
-  .markdown a {
-    color: var(--scalar-color-accent);
-    text-decoration: var(--scalar-text-decoration);
-    cursor: pointer;
-  }
-  .markdown a:hover {
-    text-decoration: var(--scalar-text-decoration-hover);
-  }
-  .markdown em {
-    font-style: italic;
-  }
-  .markdown sup {
-    font-size: var(--scalar-micro);
-    vertical-align: super;
-    font-weight: 450;
-  }
-  .markdown sub {
-    font-size: var(--scalar-micro);
-    vertical-align: sub;
-    font-weight: 450;
-  }
-  .markdown del {
-    text-decoration: line-through;
-  }
-  .markdown code {
-    font-family: var(--scalar-font-code);
-    background-color: var(--scalar-background-2);
-    box-shadow: 0 0 0 1px var(--scalar-border-color);
-    font-size: var(--scalar-micro);
-    border-radius: 2px;
-    padding: 0 3px;
-  }
+.markdown ol {
+  list-style: decimal;
+}
 
-  .markdown pre code {
-    display: block;
-    white-space: pre;
-    padding: 12px;
-    line-height: 1.5;
-    margin: 12px 0;
-    -webkit-overflow-scrolling: touch;
-    overflow-x: auto;
-    max-width: 100%;
-    min-width: 100px;
-  }
+.markdown ul.contains-task-list {
+  list-style: none;
+  padding-left: 0;
+}
 
-  .markdown hr {
-    border: none;
-    border-bottom: 1px solid var(--scalar-border-color);
-  }
+.markdown li {
+  margin: 6px 0;
+  display: list-item;
+}
+.markdown a {
+  color: var(--scalar-color-accent);
+  text-decoration: var(--scalar-text-decoration);
+  cursor: pointer;
+}
+.markdown a:hover {
+  text-decoration: var(--scalar-text-decoration-hover);
+}
+.markdown em {
+  font-style: italic;
+}
+.markdown sup {
+  font-size: var(--scalar-micro);
+  vertical-align: super;
+  font-weight: 450;
+}
+.markdown sub {
+  font-size: var(--scalar-micro);
+  vertical-align: sub;
+  font-weight: 450;
+}
+.markdown del {
+  text-decoration: line-through;
+}
+.markdown code {
+  font-family: var(--scalar-font-code);
+  background-color: var(--scalar-background-2);
+  box-shadow: 0 0 0 1px var(--scalar-border-color);
+  font-size: var(--scalar-micro);
+  border-radius: 2px;
+  padding: 0 3px;
+}
 
-  .markdown img {
-    max-height: 150px;
-    border-radius: var(--scalar-radius);
-  }
+.markdown pre code {
+  display: block;
+  white-space: pre;
+  padding: 12px;
+  line-height: 1.5;
+  margin: 12px 0;
+  -webkit-overflow-scrolling: touch;
+  overflow-x: auto;
+  max-width: 100%;
+  min-width: 100px;
+}
 
-  .markdown blockquote {
-    border-left: 3px solid var(--scalar-border-color);
-    padding-left: 12px;
-    margin: 0;
-    display: block;
-  }
+.markdown hr {
+  border: none;
+  border-bottom: 1px solid var(--scalar-border-color);
+}
 
-  .markdown table {
-    display: block;
-    overflow-x: auto;
-    position: relative;
-    border-collapse: collapse;
-    width: max-content;
-    max-width: 100%;
-    margin: 1em 0;
-    box-shadow: 0 0 0 1px var(--scalar-border-color);
-    border-radius: var(--scalar-radius-lg);
-  }
-  .markdown tbody {
-    display: table-row-group;
-    vertical-align: middle;
-  }
-  .markdown thead {
-    display: table-header-group;
-    vertical-align: middle;
-  }
+.markdown img {
+  max-height: 150px;
+  border-radius: var(--scalar-radius);
+}
 
-  .markdown tr {
-    display: table-row;
-    border-color: inherit;
-    vertical-align: inherit;
-  }
-  .markdown td,
-  .markdown th {
-    display: table-cell;
-    vertical-align: inherit;
-    min-width: 1em;
-    padding: 6px 9px;
-    vertical-align: top;
-    line-height: 1.5;
-    position: relative;
-    word-break: initial;
-    font-size: var(--scalar-small);
-    color: var(--scalar-color-1);
-    font-weight: var(--font-weight, var(--scalar-regular));
-    border-right: 1px solid var(--scalar-border-color);
-    border-bottom: 1px solid var(--scalar-border-color);
-  }
+.markdown blockquote {
+  border-left: 3px solid var(--scalar-border-color);
+  padding-left: 12px;
+  margin: 0;
+  display: block;
+}
+
+.markdown table {
+  display: block;
+  overflow-x: auto;
+  position: relative;
+  border-collapse: collapse;
+  width: max-content;
+  max-width: 100%;
+  margin: 1em 0;
+  box-shadow: 0 0 0 1px var(--scalar-border-color);
+  border-radius: var(--scalar-radius-lg);
+}
+.markdown tbody {
+  display: table-row-group;
+  vertical-align: middle;
+}
+.markdown thead {
+  display: table-header-group;
+  vertical-align: middle;
+}
+
+.markdown tr {
+  display: table-row;
+  border-color: inherit;
+  vertical-align: inherit;
+}
+.markdown td,
+.markdown th {
+  display: table-cell;
+  vertical-align: inherit;
+  min-width: 1em;
+  padding: 6px 9px;
+  vertical-align: top;
+  line-height: 1.5;
+  position: relative;
+  word-break: initial;
+  font-size: var(--scalar-small);
+  color: var(--scalar-color-1);
+  font-weight: var(--font-weight, var(--scalar-regular));
+  border-right: 1px solid var(--scalar-border-color);
+  border-bottom: 1px solid var(--scalar-border-color);
+}
 
-  .markdown td > *,
-  .markdown th > * {
-    margin-bottom: 0;
-  }
-  .markdown th:empty {
-    display: none;
-  }
-  .markdown td:first-of-type,
-  .markdown th:first-of-type {
-    border-left: none;
-  }
+.markdown td > *,
+.markdown th > * {
+  margin-bottom: 0;
+}
+.markdown th:empty {
+  display: none;
+}
+.markdown td:first-of-type,
+.markdown th:first-of-type {
+  border-left: none;
+}
 
-  .markdown td:last-of-type,
-  .markdown th:last-of-type {
-    border-right: none;
-  }
+.markdown td:last-of-type,
+.markdown th:last-of-type {
+  border-right: none;
+}
 
-  .markdown tr:last-of-type td {
-    border-bottom: none;
-  }
+.markdown tr:last-of-type td {
+  border-bottom: none;
+}
 
-  .markdown th {
-    font-weight: var(--scalar-semibold) !important;
-    text-align: left;
-    border-left-color: transparent;
-    background: var(--scalar-background-2);
-  }
+.markdown th {
+  font-weight: var(--scalar-semibold) !important;
+  text-align: left;
+  border-left-color: transparent;
+  background: var(--scalar-background-2);
+}
 
-  .markdown tr > [align='left'] {
-    text-align: left;
-  }
-  .markdown tr > [align='right'] {
-    text-align: right;
-  }
-  .markdown tr > [align='center'] {
-    text-align: center;
-  }
+.markdown tr > [align='left'] {
+  text-align: left;
+}
+.markdown tr > [align='right'] {
+  text-align: right;
+}
+.markdown tr > [align='center'] {
+  text-align: center;
 }
-/* TODO REMOVE */