rapidoc 9.3.8 → 10.0.0

package/src/styles/border-styles.js

@@ -1,24 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-.border-top {
-  border-top:1px solid var(--border-color);
-}
-.border{
-  border:1px solid var(--border-color);
-  border-radius: var(--border-radius);
-}
-.light-border{
-  border:1px solid var(--light-border-color);
-  border-radius: var(--border-radius);
-}
-.pad-8-16{
-  padding: 8px 16px;
-}
-.pad-top-8 {
-  padding-top: 8px;
-}
-.mar-top-8 {
-  margin-top: 8px;
-}
-`;

package/src/styles/custom-styles.js

@@ -1,10 +0,0 @@
-import { css } from 'lit';
-
-/*
-This file is reserved for any custom css that developers want to add to
-customize their theme. Simply add your css to this file and yarn build.
-*/
-
-export default css`
-
-`;

package/src/styles/dialog-box-styles.js

@@ -1,75 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  *, *:before, *:after { box-sizing: border-box; }
-
-  .dialog-box-overlay {
-    background-color: var(--overlay-bg);
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100vw;
-    height: 100vh;
-    overflow: hidden;
-    z-index: var(--dialog-z-index);
-  }
-  
-  .dialog-box {
-    position: fixed;
-    top: 100px;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    display: flex;
-    flex-direction: column;
-    width: 70vw;
-    background-color: var(--bg2);
-    color: var(--fg2);
-    border-radius: 4px;
-    max-height: 500px;
-    overflow: hidden;
-    border: 1px solid var(--border-color);
-    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-  }
-  
-  .dialog-box-header {
-    position: sticky;
-    top: 0;
-    align-self: stretch;
-    display: flex;
-    align-items: center;
-    padding: 0px 16px;
-    min-height: 60px;
-    max-height: 60px;
-    border-bottom: 1px solid var(--light-border-color);
-    overflow: hidden;
-  }
-  
-  .dialog-box-header button {
-    font-size: 1.5rem;
-    font-weight: 700;
-    line-height: 1;
-    color: var(--fg);
-    border: none;
-    outline: none;
-    background-color: transparent;
-    cursor:pointer;
-    border: 1px solid transparent;
-    border-radius: 50%;
-    margin-right: -8px;
-  }
-  .dialog-box-header button:hover {
-    border-color: var(--primary-color);
-  }
-
-  .dialog-box-content {
-    padding: 16px;
-    display:block;
-    overflow: auto;
-    height: 100%;
-  }
-
-  .dialog-box-title {
-    flex-grow: 1;
-    font-size:24px;
-  }
-`;

package/src/styles/endpoint-styles.js

@@ -1,202 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-:host {
-  container-type: inline-size;
-}
-.only-large-screen { display:none; }
-.endpoint-head .path {
-  display: flex;
-  font-family:var(--font-mono);
-  font-size: var(--font-size-small);
-  align-items: center;
-  overflow-wrap: break-word;
-  word-break: break-all;
-}
-
-.endpoint-head .descr {
-  font-size: var(--font-size-small);
-  color:var(--light-fg);
-  font-weight:400;
-  align-items: center;
-  overflow-wrap: break-word;
-  word-break: break-all;
-  display:none;
-}
-
-.m-endpoint.expanded { margin-bottom:16px; }
-.m-endpoint > .endpoint-head{
-  border-width:1px 1px 1px 5px;
-  border-style:solid;
-  border-color:transparent;
-  border-top-color:var(--light-border-color);
-  display:flex;
-  padding:6px 16px;
-  align-items: center;
-  cursor: pointer;
-}
-.m-endpoint > .endpoint-head.put:hover,
-.m-endpoint > .endpoint-head.put.expanded {
-  border-color:var(--orange); 
-  background-color:var(--light-orange); 
-}
-.m-endpoint > .endpoint-head.post:hover,
-.m-endpoint > .endpoint-head.post.expanded {
-  border-color:var(--green); 
-  background-color:var(--light-green); 
-}
-.m-endpoint > .endpoint-head.get:hover,
-.m-endpoint > .endpoint-head.get.expanded {
-  border-color:var(--blue); 
-  background-color:var(--light-blue); 
-}
-.m-endpoint > .endpoint-head.delete:hover,
-.m-endpoint > .endpoint-head.delete.expanded {
-  border-color:var(--red); 
-  background-color:var(--light-red); 
-}
-
-.m-endpoint > .endpoint-head.head:hover,
-.m-endpoint > .endpoint-head.head.expanded,
-.m-endpoint > .endpoint-head.patch:hover,
-.m-endpoint > .endpoint-head.patch.expanded,
-.m-endpoint > .endpoint-head.options:hover,
-.m-endpoint > .endpoint-head.options.expanded {
-  border-color:var(--yellow); 
-  background-color:var(--light-yellow); 
-}
-
-.m-endpoint > .endpoint-head.deprecated:hover,
-.m-endpoint > .endpoint-head.deprecated.expanded {
-  border-color:var(--border-color); 
-  filter:opacity(0.6);
-}
-
-.m-endpoint .endpoint-body {
-  flex-wrap:wrap;
-  padding:16px 0px 0 0px;
-  border-width:0px 1px 1px 5px;
-  border-style:solid;
-  box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.15);
-}
-.m-endpoint .endpoint-body.delete{ border-color:var(--red); }
-.m-endpoint .endpoint-body.put{ border-color:var(--orange); }
-.m-endpoint .endpoint-body.post { border-color:var(--green); }
-.m-endpoint .endpoint-body.get { border-color:var(--blue); }
-.m-endpoint .endpoint-body.head,
-.m-endpoint .endpoint-body.patch,
-.m-endpoint .endpoint-body.options { 
-  border-color:var(--yellow); 
-}
-
-.m-endpoint .endpoint-body.deprecated { 
-  border-color:var(--border-color);
-  filter:opacity(0.6);
-}
-
-.endpoint-head .deprecated {
-  color: var(--light-fg);
-  filter:opacity(0.6);
-}
-
-.summary{
-  padding:8px 8px;
-}
-.summary .title {
-  font-size:calc(var(--font-size-regular) + 2px);
-  margin-bottom: 6px;
-  word-break: break-all;
-}
-
-.endpoint-head .method {
-  padding:2px 5px;
-  vertical-align: middle;
-  font-size:var(--font-size-small);
-  height: calc(var(--font-size-small) + 16px);
-  line-height: calc(var(--font-size-small) + 8px);
-  width: 60px;
-  border-radius: 2px;
-  display:inline-block;
-  text-align: center;
-  font-weight: bold;
-  text-transform:uppercase;
-  margin-right:5px;
-}
-.endpoint-head .method.delete{ border: 2px solid var(--red);}
-.endpoint-head .method.put{ border: 2px solid var(--orange); }
-.endpoint-head .method.post{ border: 2px solid var(--green); }
-.endpoint-head .method.get{ border: 2px solid var(--blue); }
-.endpoint-head .method.get.deprecated{ border: 2px solid var(--border-color); }
-.endpoint-head .method.head,
-.endpoint-head .method.patch,
-.endpoint-head .method.options { 
-  border: 2px solid var(--yellow); 
-}
-
-.req-resp-container {
-  display: flex;
-  margin-top:16px;
-  align-items: stretch;
-  flex-wrap: wrap;
-  flex-direction: column;
-  border-top:1px solid var(--light-border-color);
-}
-
-.view-mode-request,
-api-response.view-mode {
-  flex:1; 
-  min-height:100px;
-  padding:16px 8px;
-  overflow:hidden;
-}
-.view-mode-request {
-  border-width:0 0 1px 0;
-  border-style:dashed;
-}
-
-.head .view-mode-request,
-.patch .view-mode-request,
-.options .view-mode-request { 
-  border-color:var(--yellow); 
-}
-.put .view-mode-request { 
-  border-color:var(--orange); 
-}
-.post .view-mode-request { 
-  border-color:var(--green); 
-}
-.get .view-mode-request { 
-  border-color:var(--blue); 
-}
-.delete .view-mode-request { 
-  border-color:var(--red); 
-}
-
-@container (min-width: 1024px) {
-  .only-large-screen { display:block; }
-  .endpoint-head .path{
-    font-size: var(--font-size-regular);
-  }
-  .endpoint-head .descr{
-    display: flex;
-  }
-  .endpoint-head .m-markdown-small,
-  .descr .m-markdown-small{
-    display:block;
-  }
-  .req-resp-container{
-    flex-direction: var(--layout, row);
-    flex-wrap: nowrap;
-  }
-  api-response.view-mode {
-    padding:16px;
-  }
-  .view-mode-request.row-layout {
-    border-width:0 1px 0 0;
-    padding:16px;
-  }
-  .summary{
-    padding:8px 16px;
-  }
-}
-`;

package/src/styles/flex-styles.js

@@ -1,15 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-.row, .col {
-  display:flex;
-} 
-.row {
-  align-items:center;
-  flex-direction: row;
-}
-.col {
-  align-items:stretch;
-  flex-direction: column;
-}
-`;

package/src/styles/font-styles.js

@@ -1,268 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  .hover-bg:hover {
-    background: var(--bg3);
-  }
-  ::selection {
-    background: var(--selection-bg);
-    color: var(--selection-fg);
-  }
-  .regular-font { 
-    font-family:var(--font-regular); 
-  }
-  .mono-font { 
-    font-family:var(--font-mono); 
-  }
-  .title { 
-    font-size: calc(var(--font-size-small) + 18px);
-    font-weight: normal 
-  }
-  .sub-title{ font-size: 20px; }
-  .req-res-title {
-    font-family: var(--font-regular);
-    font-size: calc(var(--font-size-small) + 4px);
-    font-weight:bold;
-    margin-bottom:8px;
-    text-align:left;
-  }
-  .tiny-title { 
-    font-size:calc(var(--font-size-small) + 1px); 
-    font-weight:bold; 
-  }
-  .regular-font-size { font-size: var(--font-size-regular); }
-  .small-font-size { font-size: var(--font-size-small); }
-  .upper { text-transform: uppercase; }
-  .primary-text { color: var(--primary-color); }
-  .bold-text { font-weight:bold; }
-  .gray-text { color: var(--light-fg); }
-  .red-text { color: var(--red) }
-  .blue-text { color: var(--blue) }
-  .multiline {
-    overflow: scroll;
-    max-height: var(--resp-area-height, 400px);
-    color: var(--fg3);  
-  }
-  .method-fg.put { color: var(--orange); }
-  .method-fg.post { color: var(--green); }
-  .method-fg.get { color: var(--blue); }
-  .method-fg.delete { color: var(--red); }
-  .method-fg.options, 
-  .method-fg.head, 
-  .method-fg.patch { 
-    color: var(--yellow); 
-  }
-
-  h1 { font-family:var(--font-regular); font-size:28px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-  h2 { font-family:var(--font-regular); font-size:24px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-  h3 { font-family:var(--font-regular); font-size:18px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-  h4 { font-family:var(--font-regular); font-size:16px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-  h5 { font-family:var(--font-regular); font-size:14px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-  h6 { font-family:var(--font-regular); font-size:14px; padding-top: 10px; letter-spacing:normal; font-weight:normal; }
-
-  h1,h2,h3,h4,h5,h5 {
-    margin-block-end: 0.2em;
-  }
-  p { margin-block-start: 0.5em; }
-  a { color: var(--blue); cursor:pointer; }
-  a.inactive-link { 
-    color:var(--fg);
-    text-decoration: none;
-    cursor:text;
-  }
-  
-  code,
-  pre {
-    margin: 0px;
-    font-family: var(--font-mono);
-    font-size: calc(var(--font-size-mono) - 1px);
-  }
-
-  .m-markdown,
-  .m-markdown-small {
-    display:block;
-  }
-
-  .m-markdown p,
-  .m-markdown span {
-    font-size: var(--font-size-regular);
-    line-height:calc(var(--font-size-regular) + 8px);
-  }
-  .m-markdown li {
-    font-size: var(--font-size-regular);
-    line-height:calc(var(--font-size-regular) + 10px);
-  }
-  
-  .m-markdown-small p,
-  .m-markdown-small span,
-  .m-markdown-small li {
-    font-size: var(--font-size-small);
-    line-height: calc(var(--font-size-small) + 6px);
-  }
-  .m-markdown-small li {
-    line-height: calc(var(--font-size-small) + 8px);
-  }
-
-  .m-markdown p:not(:first-child) {
-    margin-block-start: 24px;
-  }
-
-  .m-markdown-small p:not(:first-child) {
-    margin-block-start: 12px;
-  }
-  .m-markdown-small p:first-child {
-    margin-block-start: 0;
-  }
-
-  .m-markdown p,
-  .m-markdown-small p {
-    margin-block-end: 0
-  }
-
-  .m-markdown code span {
-    font-size:var(--font-size-mono);
-  }
-
-  .m-markdown-small code,
-  .m-markdown code {
-    padding: 1px 6px;
-    border-radius: 2px;
-    color: var(--inline-code-fg);
-    background-color: var(--bg3);
-    font-size: calc(var(--font-size-mono));
-    line-height: 1.2;
-  }
-
-  .m-markdown-small code {
-    font-size: calc(var(--font-size-mono) - 1px);
-  }
-
-  .m-markdown-small pre,
-  .m-markdown pre {
-    white-space: pre-wrap;
-    overflow-x: auto;
-    line-height: normal;
-    border-radius: 2px;
-    border: 1px solid var(--code-border-color);
-  }
-
-  .m-markdown pre {
-    padding: 12px;
-    background-color: var(--code-bg);
-    color:var(--code-fg);
-  }
-
-  .m-markdown-small pre {
-    margin-top: 4px;
-    padding: 2px 4px;
-    background-color: var(--bg3);
-    color: var(--fg2);
-  }
-
-  .m-markdown-small pre code,
-  .m-markdown pre code {
-    border:none;
-    padding:0;
-  }
-
-  .m-markdown pre code {
-    color: var(--code-fg);
-    background-color: var(--code-bg);
-    background-color: transparent;
-  }
-
-  .m-markdown-small pre code {
-    color: var(--fg2);
-    background-color: var(--bg3);
-  }
-
-  .m-markdown ul,
-  .m-markdown ol {
-    padding-inline-start: 30px;
-  }
-
-  .m-markdown-small ul,
-  .m-markdown-small ol {
-    padding-inline-start: 20px;
-  }
-
-  .m-markdown-small a,
-  .m-markdown a {
-    color:var(--blue);
-  }
-
-  .m-markdown-small img,
-  .m-markdown img { 
-    max-width: 100%; 
-  }
-
-  /* Markdown table */
-
-  .m-markdown-small table,
-  .m-markdown table {
-    border-spacing: 0;
-    margin: 10px 0;
-    border-collapse: separate;
-    border: 1px solid var(--border-color);
-    border-radius: var(--border-radius);
-    font-size: calc(var(--font-size-small) + 1px);
-    line-height: calc(var(--font-size-small) + 4px);
-    max-width: 100%;
-  }
-
-  .m-markdown-small table {
-    font-size: var(--font-size-small);
-    line-height: calc(var(--font-size-small) + 2px);
-    margin: 8px 0;
-  }
-
-  .m-markdown-small td, 
-  .m-markdown-small th,
-  .m-markdown td, 
-  .m-markdown th {
-    vertical-align: top;
-    border-top: 1px solid var(--border-color);
-    line-height: calc(var(--font-size-small) + 4px);
-  }
-
-  .m-markdown-small tr:first-child th,
-  .m-markdown tr:first-child th {
-    border-top: 0 none;
-  }
-
-  .m-markdown th, 
-  .m-markdown td { 
-    padding: 10px 12px; 
-  }
-
-  .m-markdown-small th,
-  .m-markdown-small td { 
-    padding: 8px 8px; 
-  }
-
-  .m-markdown th,
-  .m-markdown-small th {
-    font-weight: 600;
-    background-color: var(--bg2);
-    vertical-align: middle;
-  }
-
-  .m-markdown-small table code {
-    font-size: calc(var(--font-size-mono) - 2px);
-  }
-
-  .m-markdown table code {
-    font-size: calc(var(--font-size-mono) - 1px);
-  }
-
-  .m-markdown blockquote,
-  .m-markdown-small blockquote {
-    margin-inline-start: 0;
-    margin-inline-end: 0;
-    border-left: 3px solid var(--border-color);
-    padding: 6px 0 6px 6px;
-  }
-  .m-markdown hr{
-    border: 1px solid var(--border-color);
-  }
-`;

package/src/styles/info-styles.js

@@ -1,21 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-#api-info {
-  font-size: calc(var(--font-size-regular) - 1px);
-  margin-top: 8px;
-  margin-left: -15px;
-}
-
-#api-info span:before {
-  content: "|";
-  display: inline-block;
-  opacity: 0.5;
-  width: 15px;
-  text-align: center;
-}
-#api-info span:first-child:before {
-  content: "";
-  width: 0px;
-}
-`;