@digi-frontend/dgate-api-documentation 1.4.96 → 2.0.0

package/src/layout/docsComponents/DocsHeader/DocsHeader.module.scss

@@ -1,297 +0,0 @@
-.api_docs_header {
-  height: 3.125rem;
-  background-color: #f0f1f2;
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-  z-index: 1;
-
-  .header_content {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  .nav_buttons {
-    display: flex;
-    gap: 1rem;
-    margin-left: 2.9375rem;
-  }
-
-  .search_filter_btn {
-    background-color: #ffffff !important;
-    border: 1px solid #e8e9ee !important;
-    width: 10.4375rem;
-    height: 2.25rem;
-    font-weight: 400;
-    font-size: 1rem;
-    line-height: 1.25rem;
-
-    .btnContentWrapper {
-      .btnContent {
-        font-size: 0.918rem !important;
-      }
-    }
-
-    &:hover:not(:disabled) {
-      color: #000000 !important;
-    }
-
-    &:hover {
-      color: #000 !important;
-    }
-
-    svg {
-      margin-left: 0.5rem;
-    }
-  }
-
-  :global(.guide-btn) {
-    background-color: #ffffff !important;
-    border: 0.82px solid #b8bfca !important;
-    width: 5.658rem;
-    font-size: 0.9175rem;
-    font-weight: 400;
-    line-height: 1.234rem;
-    height: 2.25rem;
-
-    &:disabled {
-      opacity: 0.7;
-      background-color: #ffffff !important;
-      color: #667085 !important;
-    }
-
-    svg {
-      margin-right: 0.4075rem;
-    }
-  }
-
-  .api_btn {
-    background-color: #ffffff !important;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    border: none !important;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-    padding: 0.4rem;
-    width: 10.4875rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.234rem;
-    height: 2.25rem;
-
-    .btnContentWrapper {
-      .btnContent {
-        font-size: 0.918rem !important;
-      }
-    }
-
-    &:hover:not(:disabled) {
-      color: #000000 !important;
-    }
-
-    svg {
-      margin-right: 0.4075rem;
-    }
-  }
-}
-
-:global(.tippy-arrow) {
-  transform: translateX(12px) !important;
-}
-
-:global(.tippy-content) {
-  padding: 0.5rem;
-  text-align: center;
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-/* Global styles  */
-:global {
-  .search-filter-form {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    gap: 2.25rem;
-    padding: 1.75rem 1.75rem 0rem 1.75rem;
-    min-height: 17.687rem;
-    transition: min-height 0.3s ease;
-    &.expanded {
-      min-height: 34.375rem;
-    }
-  }
-
-  .search-filter-form.expanded {
-    min-height: 34.375rem;
-  }
-
-  .search-filter-form__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 0.5rem;
-  }
-
-  .search-filter-form__header__title {
-    font-size: 1.25rem;
-    font-weight: 400;
-    line-height: 1.75rem;
-    color: #9ca1aa;
-    margin: 0;
-  }
-
-  .search-filter-form__header svg {
-    cursor: pointer;
-  }
-
-  .name-input {
-    // border-color: #bbbec5 !important;
-    width: 27.875rem;
-    height: 2.5rem;
-    border-radius: 0.5rem;
-    border: 0.0625rem solid #bbbec5;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-
-    > div.inputWrapper {
-      border: 0px !important;
-    }
-  }
-
-  .methodList {
-    width: 27.875rem;
-    border-radius: 0.5rem;
-    border: 0.0625rem solid #f0f1f2;
-
-    .method-item {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      gap: 0.5rem;
-      padding-left: 0.75rem;
-      padding-right: 0.75rem;
-      padding-top: 0.5rem;
-      border-radius: 0.5rem;
-      padding-bottom: 0.5rem;
-      border-bottom: 1px solid #f0f1f2;
-      span {
-        font-weight: 400;
-        font-size: 0.875rem;
-      }
-      input {
-        cursor: pointer;
-        width: 1.25rem;
-        height: 1.25rem;
-        border-radius: 0.25rem;
-        border: 1px solid #64748b;
-      }
-    }
-  }
-
-  .method-container {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    position: relative;
-    z-index: 10;
-
-    .typeDdl {
-      cursor: pointer;
-      width: 27.875rem;
-      height: 2.5rem;
-      border-radius: 0.5rem;
-      border: 0.0625rem solid #bbbec5;
-      padding-top: 0.5rem;
-      padding-bottom: 0.5rem;
-      padding-left: 1.3rem;
-      padding-right: 0.75rem;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      span {
-        font-weight: 400;
-        font-size: 0.875rem;
-        color: #8390a2;
-      }
-    }
-  }
-
-  .method-container label {
-    font-size: 0.75rem;
-    font-weight: 400;
-    color: #000000;
-  }
-
-  #react-select-menu-portal {
-    z-index: 9999 !important;
-  }
-
-  .button-container {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    padding-top: 0 !important;
-    padding: 1.5rem 0;
-  }
-
-  .dialog-submit-btn {
-    width: 100% !important;
-    background-color: #4d75d9 !important;
-    color: white !important;
-    border-radius: 0.5rem !important;
-    height: 2.25rem !important;
-    box-shadow: 1px 1px 0.25rem 0px #00000040 inset !important;
-    font-weight: 400;
-  }
-
-  .close-icon {
-    top: 3.2rem !important;
-    right: 3rem !important;
-    cursor: pointer !important;
-  }
-  .custom-select-border > div {
-    border: 1px solid #f0f1f2 !important;
-    border-radius: 0.5rem !important;
-  }
-  .multiSelectGroup .optionsList .option {
-    border-top: 1px solid #f0f1f2 !important;
-  }
-  .multiSelectGroup .optionsList .optionsContainer.optionsContainerWithSearch {
-    max-height: 56.25rem !important;
-  }
-  .inputContainer .inputWrapper {
-    border: 1px solid #f0f1f2 !important;
-  }
-  .rootContentWrapper {
-    opacity: 1 !important;
-    backdrop-filter: blur(0.5rem);
-    background-color: rgba(0, 0, 0, 0.281) !important;
-  }
-
-  // Tooltip overrides
-  .guide-tooltip.guide-tooltip.guide-tooltip.guide-tooltip {
-    background-color: #000;
-    border: none;
-    border-radius: 0.75rem;
-
-    &.tippy-box {
-      .tippy-content.tippy-content {
-        border-radius: 0.75rem;
-        color: #fff;
-        background-color: #000;
-      }
-    }
-
-    .tippy-arrow.tippy-arrow.tippy-arrow.tippy-arrow {
-      color: #000;
-
-      &::before {
-        color: #000;
-      }
-    }
-  }
-}

package/src/layout/docsComponents/DocsSideMenuTree/style.scss

@@ -1,202 +0,0 @@
-.api-docs-api-tree {
-  width: 100%;
-  max-width: 12.5rem;
-  padding: 3rem 1.25rem;
-  box-sizing: border-box;
-
-  > * {
-    box-sizing: border-box;
-  }
-
-  &__section {
-    &-header {
-      display: flex;
-      align-items: center;
-      gap: 0.25rem;
-      padding-inline: 0.5rem;
-      cursor: pointer;
-      user-select: none;
-      height: 2.5rem;
-
-      &:hover {
-        background-color: #f3f4f6;
-        width: 100%;
-      }
-
-      svg {
-        min-width: 1rem;
-      }
-
-      svg:first-child {
-        path {
-          stroke: #bbbec5;
-        }
-      }
-    }
-
-    &-title {
-      font-size: 0.75rem;
-      line-height: 0.875rem;
-      font-weight: 500;
-      color: #000;
-      margin-left: 0.25rem;
-      word-break: break-all;
-      line-height: .9375rem;
-    }
-
-    &__overview {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      padding: 0.5rem 1.75rem;
-      border-radius: 0.25rem;
-      cursor: pointer;
-
-      &:hover {
-        background-color: #f3f4f6;
-      }
-
-      span {
-        font-size: 0.75rem;
-        line-height: 0.875rem;
-        color: #000000;
-      }
-
-      &[data-active='true'] {
-        background-color: #f0f1f2;
-      }
-    }
-
-    &__endpoints {
-      display: flex;
-      align-items: center;
-      height: 1.5rem;
-      gap: 0.5rem;
-      border-radius: 0.25rem;
-      padding-inline: 1.75rem;
-      cursor: pointer;
-
-      span {
-        font-size: 0.75rem;
-        line-height: 0.875rem;
-        color: #000000;
-      }
-
-      &[data-active='true'] {
-        background-color: #f0f1f2;
-      }
-    }
-
-    &[data-active='true'] {
-      .api-docs-api-tree__section-title {
-        color: #616874;
-      }
-    }
-  }
-
-  &__endpoints {
-    display: flex;
-    flex-direction: column;
-    align-items: start;
-    gap: 0.5rem;
-    border-radius: 0.25rem;
-
-    cursor: pointer;
-
-    span {
-      font-size: 0.75rem;
-      line-height: 0.875rem;
-      color: #000000;
-    }
-
-    &[data-active='true'] {
-      background-color: #f0f1f2;
-    }
-  }
-
-  &__subsection {
-    &-header {
-      height: 2rem;
-      display: flex;
-      align-items: center;
-      gap: 0.875rem;
-      padding-inline: 0.5rem;
-      cursor: pointer;
-      user-select: none;
-
-      svg {
-        color: #6b7280;
-      }
-    }
-
-    &-title {
-      font-size: 0.75rem;
-      line-height: 0.875rem;
-      color: #616874;
-    }
-  }
-
-  &__endpoint {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    padding: 0.5rem 0.75rem;
-    text-transform: capitalize;
-    width: 100%;
-    cursor: pointer;
-
-    &[data-active='true'] {
-      background-color: #f0f1f2;
-    }
-
-    &:hover {
-      background-color: #f3f4f6;
-    }
-
-    &-method {
-      font-size: 0.75rem;
-      line-height: 0.875rem;
-      font-weight: 400;
-      text-align: start;
-    }
-
-    &-name {
-      font-size: 0.75rem;
-      line-height: 0.875rem;
-      color: #3b3f46;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    &--get .api-docs-api-tree__endpoint-method {
-      color: #3a6cd1;
-    }
-
-    &--post .api-docs-api-tree__endpoint-method {
-      color: #3aaa35;
-    }
-
-    &--put .api-docs-api-tree__endpoint-method {
-      color: #faad14;
-    }
-
-    &--delete .api-docs-api-tree__endpoint-method {
-      color: #da3f3f;
-    }
-
-    &--option .api-docs-api-tree__endpoint-method {
-      color: #495d97;
-    }
-
-    &--head .api-docs-api-tree__endpoint-method {
-      color: #9461c9;
-    }
-
-    &--patch .api-docs-api-tree__endpoint-method {
-      color: #58e2c2;
-    }
-  }
-}

package/src/layout/docsComponents/index.scss

@@ -1,49 +0,0 @@
-.api-docs-layout {
-  @import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');
-
-  display: grid;
-  height: 100vh;
-  max-height: 100%;
-  width: 100%;
-  overflow: hidden;
-  grid-template: 2.625rem auto / 12.5rem 1fr auto;
-  padding: 0 !important;
-
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: #bbbec5 #d1d3d8;
-    scroll-behavior: smooth;
-  }
-
-  aside.api-docs-api-tree {
-    grid-row: 2;
-    grid-column: 1;
-    border-right: 1px solid #bbbec5;
-    background-color: white;
-  }
-
-  aside.api-docs-aside {
-    grid-row: 2;
-    grid-column: 3;
-    width: 22.5rem;
-    max-width: 22.5rem;
-    overflow-x: clip;
-  }
-
-  aside,
-  main {
-    max-height: 100%;
-    overflow: auto;
-  }
-
-  header {
-    grid-column: 1 / -1;
-    border-bottom: 1px solid #bbbec5;
-  }
-
-  main {
-    grid-row: 2;
-    grid-column: 2;
-    background-color: white;
-  }
-}

package/src/test.scss

@@ -1,3 +0,0 @@
-div {
-  color: 'lightgray';
-}