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

package/src/components/Chips/style.scss

@@ -1,147 +0,0 @@
-.chips-container {
-  width: 100%;
-
-  .overflow-dropdown-div {
-    max-height: 4.25rem;
-    overflow: hidden;
-
-    .dropdown-list {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 0.625rem;
-      margin-top: 0.625rem;
-
-      .chip {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background: #ebecf2;
-        border-radius: 3.125rem;
-        width: max-content;
-        height: 1.5rem;
-        overflow: hidden;
-        transition: all 0.4s ease-in-out;
-        padding-right: 0.9375rem;
-        cursor: default;
-
-        &:not(.disabled) {
-          &:hover {
-            background: #d8dae5;
-          }
-
-          &:active {
-            background: #696c80;
-            color: #fff;
-
-            .chip-close-icon {
-              path {
-                stroke: #fff;
-              }
-            }
-          }
-
-          .chip-close-icon {
-            cursor: pointer;
-          }
-        }
-
-        &.clickable {
-          cursor: pointer;
-        }
-
-        .chip-text {
-          display: flex;
-          align-items: center;
-          font-size: 0.95rem;
-          height: 100%;
-          padding-left: 0.9375rem;
-          margin-top: -0.125rem;
-        }
-
-        .chip-close-icon {
-          display: block;
-          height: 0.75rem;
-          width: 0.75rem;
-          margin-block: auto;
-          margin-left: 0.625rem;
-
-          path {
-            stroke: #12131a;
-          }
-        }
-      }
-    }
-  }
-
-  .dropdown-max-height {
-    max-height: -moz-fit-content;
-    max-height: fit-content !important;
-  }
-
-  .dropdown-overflow {
-    overflow: visible !important;
-  }
-
-  .show-btn {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: center;
-    align-items: center;
-    width: auto;
-    height: 1.25rem;
-    cursor: pointer;
-    border: none;
-    margin-top: 0.625rem;
-    color: #9a9eb2;
-    background-color: transparent;
-
-    .show-btn-text-container {
-      flex: 1 1 auto;
-
-      .show-btn-text {
-        font-size: 0.75rem;
-        text-decoration-line: underline;
-      }
-    }
-
-    .show-btn-icon-container {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height: 1.25rem;
-      width: 1.25rem;
-      margin-top: 0.1875rem;
-      margin-left: 0.125rem;
-
-      .show-btn-icon {
-        height: 1.25rem;
-        width: 1.25rem;
-
-        path {
-          fill: #9a9eb2;
-        }
-      }
-    }
-
-    &:hover {
-      color: #7c9bea;
-
-      .show-btn-icon-container .show-btn-icon {
-        path {
-          fill: #7c9bea;
-        }
-      }
-    }
-
-    &:active {
-      color: #2c4fa4;
-
-      .show-btn-icon-container .show-btn-icon {
-        path {
-          fill: #2c4fa4;
-        }
-      }
-    }
-  }
-}

package/src/components/InfoForm/InfoForm.module.scss

@@ -1,165 +0,0 @@
-.apiInfoForm {
-  display: grid;
-  padding: 1.25rem 1.875rem;
-  gap: 1.25rem;
-
-  .paramsTable {
-    .paramDescContainer {
-      display: flex;
-
-      .paramDescContainer_separator {
-        height: inherit;
-        width: 1px;
-        background-color: #d8dae5;
-      }
-
-      :global(.customBtn) {
-        svg {
-          path {
-            stroke-width: 0.1;
-          }
-        }
-
-        &.editDescBtn {
-          padding: 0;
-          margin-right: 1.25rem;
-
-          :global(.btnContentWrapper) {
-            display: flex;
-            align-items: center;
-            padding: 0;
-            font-size: 0.875rem;
-
-            :global(.endBtnIcon) {
-              margin-block: auto;
-
-              svg {
-                path {
-                  fill: #12131a;
-                }
-              }
-            }
-          }
-        }
-
-        &.deleteParamBtn {
-          padding: 0;
-          border-width: 0 !important;
-
-          :global(.btnContentWrapper) {
-            :global(.endBtnIcon) {
-              margin-block: auto;
-
-              svg {
-                width: 1.125rem;
-              }
-            }
-          }
-        }
-
-        &:not(:global(.disabled)):global(.success) {
-          :global(.endBtnIcon) {
-            margin-block: auto;
-
-            svg {
-              width: 1.125rem;
-              path {
-                fill: #3aaa35;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .externalDocsLink {
-      font-size: 0.875rem;
-      line-height: 1.25rem;
-      cursor: pointer;
-      align-self: center;
-      margin-right: 2rem;
-    }
-
-    .editExternalDocs {
-      display: flex;
-      align-items: center;
-      padding-right: 0.625rem;
-
-      svg {
-        cursor: pointer;
-
-        path {
-          fill: #12131a;
-        }
-      }
-    }
-
-    .editDescTooltipContent {
-      display: flex;
-      flex-direction: column;
-      gap: 0.625rem;
-      padding-bottom: 0.625rem;
-
-      > *:not(.editDescTooltipContent_header) {
-        margin-inline: 0.625rem;
-      }
-
-      .editDescTooltipContent_header {
-        font-weight: 600;
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-        padding: 0.75rem 1.25rem;
-        border-bottom: 1px solid #d8dae5;
-      }
-    }
-
-    :global(.requiredParam) {
-      :global(.headContainer) {
-        &::after {
-          content: '*';
-          color: red;
-          transform: translateX(0.125rem);
-        }
-      }
-    }
-  }
-
-  .apiDocRow {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 1.25rem;
-  }
-
-  .apiInfoForm_tagsChips {
-    margin-top: -1.25rem;
-  }
-
-  .editDescTooltipContent {
-    display: flex;
-    flex-direction: column;
-    gap: 0.625rem;
-    padding-bottom: 0.625rem;
-
-    > *:not(.editDescTooltipContent_header) {
-      margin-inline: 0.625rem;
-    }
-
-    .editDescTooltipContent_header {
-      font-weight: 600;
-      font-size: 0.875rem;
-      line-height: 1.25rem;
-      padding: 0.75rem 1.25rem;
-      border-bottom: 1px solid #d8dae5;
-    }
-  }
-
-  :global(.requiredParam) {
-    :global(.headContainer) {
-      &::after {
-        content: '*';
-        color: red;
-        transform: translateX(0.125rem);
-      }
-    }
-  }
-}

package/src/components/JsonInput/style.module.scss

@@ -1,133 +0,0 @@
-.json-editor-container {
-  overflow: hidden;
-  border-bottom-right-radius: 0.3125rem;
-  border-bottom-left-radius: 0.3125rem;
-
-  .json-editor-label {
-    font-size: 0.875rem;
-    font-weight: 600;
-    line-height: 1.25rem;
-    margin-bottom: 0.3125rem;
-  }
-
-  .json-editor {
-    display: flex;
-    flex-direction: column;
-    background-color: #142452;
-    width: 100%;
-    outline: 1px solid transparent;
-    position: relative;
-    overflow: hidden;
-
-    .actions-container {
-      width: 100%;
-      height: 5rem;
-      padding: 1.25rem;
-      border-radius: 0 0 0.3125rem 0.3125rem;
-      background: #101e47;
-      display: flex;
-      flex-direction: row;
-      gap: 1.25rem;
-      align-items: center;
-
-      .validate {
-        color: #fff;
-        text-align: center;
-        font-size: 1rem;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 1.25rem;
-        width: 8.75rem;
-        padding: 0.625rem 2.25rem;
-        background-color: rgba(240, 248, 255, 0);
-        border-radius: 0.3125rem;
-        border: 0.0625rem solid #4d75d8;
-        cursor: pointer;
-
-        &:disabled {
-          color: #babdcc;
-          border-color: #a2a5b6;
-        }
-      }
-
-      .beautify {
-        color: #fff;
-        text-align: center;
-        font-size: 1rem;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 1.25rem;
-        width: 8.75rem;
-        padding: 0.625rem 2.25rem;
-        background-color: rgba(240, 248, 255, 0);
-        border-radius: 0.3125rem;
-        border: 1px solid #babdcc;
-        cursor: pointer;
-
-        &:disabled {
-          color: #a2a5b6;
-          border-color: #a2a5b6;
-        }
-      }
-    }
-
-    textarea {
-      width: 100%;
-      padding: 1.25rem;
-      font-size: 0.875rem;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
-      color: white;
-      height: 25rem;
-      background-color: #142452;
-      border: none;
-      resize: none;
-
-      &:focus,
-      &:focus-within,
-      &:focus-visible &:active {
-        outline: none;
-        border: none;
-      }
-
-      &::-webkit-scrollbar {
-        width: 0.5rem;
-      }
-
-      &::-webkit-scrollbar-track {
-        background-color: #828699;
-        border: none;
-        border-color: transparent;
-        border-top-left-radius: 0;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background-color: #d8dae5;
-        border: none;
-        border-color: transparent;
-        border-radius: 0;
-      }
-    }
-
-    &.invalid {
-      outline: 1px solid #ce2828 !important;
-    }
-  }
-
-  .error-message {
-    color: #ce2828;
-    font-size: 0.75rem;
-    line-height: 1.25rem;
-    margin-top: 0.625rem;
-  }
-
-  &.disabled {
-    .json-editor {
-      textarea {
-        background-color: white;
-        color: #12131a;
-      }
-    }
-  }
-}

package/src/components/LivePreview/LivePreview.module.scss

@@ -1,181 +0,0 @@
-.livePreviewContainer {
-  .titleContainer {
-    margin-top: 1.875rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    max-width: 100%;
-    gap: 1.25rem;
-
-    p.apiName {
-      font-size: 40px;
-      line-height: 30px;
-      font-weight: 500;
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      word-break: break-all;
-    }
-
-    .livePreviewChip {
-      background-color: #ebecf2;
-      color: #12131a;
-    }
-  }
-
-  .description_preview {
-    word-break: break-all;
-  }
-}
-
-.requestAccordion,
-.responseAccordion {
-  background-color: #f4c5c5;
-  border: 1px solid #da3f3f;
-  border-radius: 0.3125rem !important;
-  box-shadow: none !important;
-  margin-bottom: 0 !important;
-  cursor: default !important;
-  margin-top: 0.625rem;
-
-  :global(.accordion-header) {
-    background-color: #f4c5c5;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: 0 !important;
-    padding: 0 !important;
-    height: 4.0625rem !important;
-    border-radius: 0.3125rem !important;
-  }
-
-  :global(.accordion-details.expanded) {
-    border-top: 1px solid #000 !important;
-    padding: 1.25rem !important;
-    padding: 0 !important;
-
-    background-color: #f4c5c5;
-    :global(.jsonField) {
-      div {
-        textarea {
-          border-top-right-radius: 0;
-          border-top-left-radius: 0;
-          height: 10rem;
-        }
-      }
-    }
-  }
-
-  :global(.accordion-details.expanded .textArea .containerTextArea) {
-    display: flex;
-  }
-
-  :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
-    height: 100%;
-    padding: 1.25rem;
-  }
-
-  .accordionContent {
-    max-width: 100%;
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-    padding-top: 0.9375rem;
-
-    ol {
-      padding-left: 1.7rem;
-      li {
-        max-width: 100%;
-        // white-space: normal;
-        word-break: break-all;
-        // overflow-wrap: break-word;
-      }
-    }
-  }
-
-  .requestAccordionSummary,
-  .responseAccordionSummary {
-    width: 100%;
-    cursor: pointer;
-    display: flex;
-    justify-content: space-between;
-    font-weight: 700;
-    font-size: 1.125rem;
-    line-height: 1.5rem;
-    display: flex;
-    align-items: center;
-    // cursor: default !important;
-    margin-inline: 0.625rem 1.25rem;
-  }
-
-  .responseAccordionSummary_title,
-  .requestAccordionSummary_title,
-  .responseAccordionSummary {
-    display: flex;
-    align-items: center;
-
-    svg {
-      transition: rotate 0.2s ease-in-out;
-    }
-
-    .expanded {
-      rotate: 180deg;
-    }
-  }
-
-  :global(.accordion-details) {
-    :global(.textArea .inputField) {
-      padding: 0;
-      border: none;
-    }
-  }
-
-  :global(.accordion-header .iconContainer .dropdownIcon) {
-    display: none !important;
-  }
-
-  :global(.accordion-header) {
-    cursor: default;
-  }
-}
-
-.responseAccordion {
-  .responseAccordionSummary {
-    display: flex;
-    align-items: center;
-
-    :global(.multiSelectGroup .optionsList) {
-      width: 8rem !important;
-      min-width: 8rem !important;
-    }
-
-    :global(.multiSelectGroup) {
-      width: 8rem;
-      margin-left: auto;
-
-      :global(.selectDisplay) {
-        height: 2.0625rem !important;
-        min-height: 2.0625rem !important;
-        padding: 0;
-        padding-left: 0.625rem;
-      }
-    }
-  }
-
-  :global(.accordion-header) {
-    overflow: visible;
-    cursor: default;
-  }
-
-  .statusCodeOptionContainer {
-    display: grid;
-    grid-template-columns: min-content min-content;
-    align-items: center;
-    gap: 0.625rem;
-
-    .statusCodeOptionCircle {
-      width: 0.625rem;
-      aspect-ratio: 1 / 1;
-      border-radius: 100%;
-    }
-  }
-}