@redocly/theme 0.1.16 → 0.1.21

package/src/JsonViewer/styled.ts

@@ -1,103 +0,0 @@
-import { css } from 'styled-components';
-
-export const jsonStyles = css`
-  .redoc-json code > .collapser {
-    display: none;
-    pointer-events: none;
-  }
-
-  contain: content;
-  overflow-x: auto;
-  padding: 10px;
-  border-radius: var(--global-border-radius);
-  background-color: var(--samples-panel-controls-background-color);
-  color: var(--color-content-inverse);
-  font-size: var(--code-font-size);
-  font-family: var(--code-font-family);
-  white-space: var(--code-wrap, pre);
-
-  .callback-function {
-    color: gray;
-  }
-
-  .collapser:after {
-    content: '-';
-    cursor: pointer;
-  }
-
-  .collapsed > .collapser:after {
-    content: '+';
-    cursor: pointer;
-  }
-
-  .ellipsis:after {
-    content: ' … ';
-  }
-
-  .collapsible {
-    margin-left: 2ch;
-  }
-
-  .hoverable {
-    padding: 1px 2px;
-  }
-
-  .hovered {
-    background-color: rgba(235, 238, 249, 1);
-  }
-
-  .collapser {
-    background-color: transparent;
-    border: 0;
-    color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 15px;
-    height: 15px;
-    position: absolute;
-    top: 4px;
-    left: -1.5em;
-    cursor: default;
-    user-select: none;
-    -webkit-user-select: none;
-    padding: 2px;
-    font-family: var(--code-font-family);
-    font-size: var(--code-font-size);
-    &:focus {
-      outline: #fff dotted 1px;
-    }
-  }
-
-  ul {
-    list-style-type: none;
-    padding: 0;
-    margin: 0 0 0 26px;
-  }
-
-  li {
-    position: relative;
-    display: block;
-  }
-
-  .hoverable {
-    display: inline-block;
-  }
-
-  .selected {
-    outline-width: 1px;
-    outline-style: dotted;
-  }
-
-  .collapsed > .collapsible {
-    display: none;
-  }
-
-  .ellipsis {
-    display: none;
-  }
-
-  .collapsed > .ellipsis {
-    display: inherit;
-  }
-`;

package/src/Markdown/CodeSample/styled.ts

@@ -1,209 +0,0 @@
-import styled, { css } from 'styled-components';
-
-export const CodeSampleButtonContainer = styled.div`
-  position: absolute;
-  top: 12px;
-  right: 5px;
-`;
-
-export const CopyCodeButton = styled.div`
-  padding: 0 5px;
-  border-radius: 4px;
-  display: none;
-  &:hover {
-    cursor: pointer;
-  }
-`;
-
-export const DoneIndicator = styled.div`
-  padding: 0 5px;
-  border-radius: 4px;
-  cursor: default;
-`;
-
-// const lightStyleTokens = css`
-//   .token.comment,
-//   .token.prolog,
-//   .token.doctype,
-//   .token.cdata {
-//     color: #999988;
-//     font-style: italic;
-//   }
-//   .token.namespace {
-//     opacity: 0.7;
-//   }
-//   .token.string,
-//   .token.attr-value {
-//     color: #e3116c;
-//   }
-//   .token.punctuation,
-//   .token.operator {
-//     color: #393a34; /* no highlight */
-//   }
-//   .token.entity,
-//   .token.url,
-//   .token.symbol,
-//   .token.number,
-//   .token.boolean,
-//   .token.variable,
-//   .token.constant,
-//   .token.property,
-//   .token.regex,
-//   .token.inserted {
-//     color: #36acaa;
-//   }
-//   .token.atrule,
-//   .token.keyword,
-//   .token.attr-name,
-//   .language-autohotkey .token.selector {
-//     color: #00a4db;
-//   }
-//   .token.function,
-//   .token.deleted,
-//   .language-autohotkey .token.tag {
-//     color: #9a050f;
-//   }
-//   .token.tag,
-//   .token.selector,
-//   .language-autohotkey .token.keyword {
-//     color: #00009f;
-//   }
-// `;
-
-const darkStyleTokens = css`
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: hsl(30, 20%, 50%);
-  }
-  .token.property,
-  .token.tag,
-  .token.number,
-  .token.constant,
-  .token.symbol {
-    color: #62bff9;
-  }
-  .token.boolean {
-    color: firebrick;
-  }
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #a0fbaa;
-    & + a,
-    & + a:visited {
-      color: #4ed2ba;
-      text-decoration: underline;
-    }
-  }
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .token.variable {
-    color: hsl(40, 90%, 60%);
-  }
-  .token.atrule,
-  .token.attr-value,
-  .token.keyword {
-    color: hsl(350, 40%, 70%);
-  }
-  .token.regex,
-  .token.important {
-    color: #e90;
-  }
-  .token.deleted {
-    color: red;
-  }
-`;
-
-export const Wrapper = styled.div`
-  overflow: auto;
-  border-radius: 4px;
-  position: relative;
-
-  ${CopyCodeButton},
-  ${DoneIndicator} {
-    color: rgba(255, 255, 255, 0.15);
-  }
-  ${CopyCodeButton}:hover {
-    color: #fff;
-    background-color: rgba(255, 255, 255, 0.15);
-  }
-
-  &:hover {
-    ${CodeSampleButtonContainer} ${CopyCodeButton} {
-      display: block;
-    }
-  }
-  pre {
-    white-space: var(--code-wrap);
-    color: white;
-    padding: 12px 14px 15px 14px;
-    overflow-x: auto;
-    line-height: normal;
-    border-radius: 4px;
-    font-family: var(--code-font-family);
-    background-color: var(--code-block-preformatted-background-color);
-    code {
-      background-color: transparent;
-      border: 0;
-      padding: 0;
-      color: white;
-      &:before,
-      &:after {
-        content: none;
-      }
-    }
-  }
-  pre[class*='language-'] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-    border: 0;
-    border-radius: var(--global-border-radius);
-  }
-  code[class='language-text'] {
-    line-height: 1.2em;
-    display: inline-flex;
-    white-space: pre-wrap;
-    overflow-wrap: anywhere;
-  }
-  code[class*='language-'],
-  pre[class*='language-'] {
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    line-height: 1.5;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
-    .token.important,
-    .token.bold {
-      font-weight: bold;
-    }
-    .token.italic {
-      font-style: italic;
-    }
-    .token.entity {
-      cursor: help;
-    }
-    .token.punctuation {
-      opacity: 0.7;
-    }
-    .namespace {
-      opacity: 0.7;
-    }
-
-    ${darkStyleTokens};
-  }
-`;

package/src/types/portal/src/client/app/media-css.d.ts

@@ -1,7 +0,0 @@
-export declare const breakpoints: {
-    small: string;
-    medium: string;
-    large: string;
-};
-export declare const mediaQueries: import("@theme/utils/media-css").MediaQueries;
-export type { MediaQueries } from '@theme/utils/media-css';