@plutonhq/core-frontend 0.1.2 → 0.1.3

package/dist-lib/components/Storage/StorageItem/StorageItem.module.scss

@@ -1,231 +0,0 @@
-.storage {
-   display: flex;
-   flex-direction: row;
-   align-items: center;
-   padding: 10px;
-   margin-bottom: 20px;
-   gap: 10px;
-   border-radius: 7px;
-   background-color: var(--content-background-color);
-   color: var(--content-text-color-light);
-   box-shadow: 0 0 15px var(--content-shadow-color);
-   position: relative;
-   transition: all 0.2s linear;
-   &:hover {
-      box-shadow: 0 0 20px var(--content-shadow-color);
-   }
-   &.storageEditing {
-      box-shadow: 0 0 2px var(--primary-color);
-   }
-}
-
-.leftContent {
-   flex-basis: 40%;
-   display: flex;
-   flex-direction: row;
-   align-items: center;
-}
-.rightContent {
-   display: flex;
-   flex-direction: row;
-   align-items: center;
-   flex-basis: 60%;
-   justify-content: right;
-   gap: 10px;
-}
-
-.storageType {
-   display: flex;
-   align-items: center;
-   margin-right: 10px;
-   margin-left: 5px;
-   width: 28px;
-   height: 28px;
-   background: var(--light-grey);
-   padding: 5px;
-   border-radius: 5px;
-   justify-content: center;
-   img {
-      max-width: 24px;
-   }
-}
-
-.content {
-   display: flex;
-   flex-direction: column;
-   cursor: pointer;
-   color: var(--content-text-color-light);
-   &:hover {
-      color: inherit;
-      h4 {
-         color: var(--primary-color);
-      }
-   }
-}
-
-.title {
-   display: flex;
-   flex-direction: row;
-   h4 {
-      margin: 0;
-      margin-bottom: 2px;
-      color: var(--content-text-color);
-      display: flex;
-      align-items: center;
-   }
-   :global(.icon) {
-      position: relative;
-      top: 2px;
-      margin-left: 5px;
-      opacity: 0.5;
-   }
-}
-
-.info {
-   margin-right: 30px;
-   display: flex;
-   align-items: center;
-   :global(.icon) {
-      position: relative;
-      top: 2px;
-      margin-right: 5px;
-      opacity: 0.5;
-   }
-   i {
-      font-style: normal;
-   }
-}
-
-.moreBtn {
-   color: var(--content-text-color-light);
-   padding: 3px 6px;
-   border-radius: 4px;
-   &.moreBtnActive {
-      background-color: var(--primary-color-light);
-      color: var(--primary-color);
-   }
-}
-
-.settings {
-   position: absolute;
-   z-index: 99;
-   top: 45px;
-   right: 15px;
-   display: flex;
-   flex-direction: column;
-   justify-content: left;
-   width: 120px;
-   text-align: left;
-   align-items: center;
-   background: var(--content-background-color);
-   border: 1px solid var(--line-color);
-   border-radius: 6px;
-   button {
-      padding: 6px 10px;
-      width: 100%;
-      text-align: left;
-      color: var(--content-text-color-light);
-      &:hover {
-         background-color: var(--primary-color-light);
-         color: var(--primary-color);
-      }
-   }
-}
-
-.verifyModalContent {
-   position: relative;
-   padding-bottom: 20px;
-}
-
-.removeModalContent {
-   position: relative;
-   .deleteLoader {
-      position: absolute;
-      z-index: 9;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      top: 0;
-      background-color: var(--content-background-color);
-      opacity: 0.7;
-      cursor: default;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-   }
-   .removeModalActions {
-      margin-top: 20px;
-      justify-content: right;
-      display: flex;
-      flex-direction: row;
-      gap: 10px;
-      button {
-         background-color: var(--line-color);
-         color: var(--content-text-color);
-         padding: 6px 12px;
-         border-radius: 4px;
-         transition: all 0.12s linear;
-         &:nth-child(2) {
-            background-color: var(--error-button-color);
-            color: var(--error-active-text);
-         }
-         &:hover {
-            filter: brightness(105%);
-         }
-      }
-   }
-}
-
-.storageGrid {
-   width: 100%;
-   margin: 0;
-   flex-direction: column;
-   align-items: baseline;
-   padding: 0;
-   padding-bottom: 12px;
-   .leftContent {
-      padding: 12px;
-      width: 100%;
-      box-sizing: border-box;
-   }
-   .rightContent {
-      width: 100%;
-      flex-basis: unset;
-      justify-content: flex-start;
-      padding: 6px 10px;
-      box-sizing: border-box;
-      background: var(--primary-color-lighter);
-      .moreBtn {
-         margin-left: auto;
-      }
-   }
-   .settings {
-      bottom: 10px;
-      top: auto;
-      right: 40px;
-   }
-}
-
-@media only screen and (max-width: 768px) {
-   .storage {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 5px;
-   }
-
-   .rightContent {
-      width: 100%;
-      justify-content: flex-start;
-      border-top: 1px solid var(--line-color);
-      padding-top: 10px;
-      margin-top: 10px;
-      gap: 0;
-      button.moreBtn {
-         margin-left: auto;
-      }
-   }
-
-   .settings {
-      right: 35px;
-   }
-}

package/dist-lib/components/Storage/StorageSettings/StorageSettings.module.scss

@@ -1,29 +0,0 @@
-.field {
-   margin-bottom: 20px;
-   width: 100%;
-   position: relative;
-   .fieldErrorLabel {
-      position: absolute;
-      right: 10px;
-      top: 15px;
-      background-color: var(--error-bg-active);
-      color: var(--error-active-text);
-      padding: 1px 12px;
-      border-radius: 20px;
-      font-size: 0.75rem;
-      letter-spacing: 0.2px;
-      z-index: 2;
-   }
-
-   .fileManagerBtn {
-      position: absolute;
-      right: 0;
-      top: -3px;
-      padding: 10px;
-      cursor: pointer;
-      color: var(--icon-color);
-      &:hover {
-         color: var(--primary-color);
-      }
-   }
-}

package/dist-lib/components/common/ActionModal/ActionModal.module.scss

@@ -1,60 +0,0 @@
-// MODALS
-.loader {
-   position: absolute;
-   z-index: 9;
-   width: 100%;
-   height: 100%;
-   left: 0;
-   top: 0;
-   background-color: var(--content-background-color);
-   opacity: 0.7;
-   cursor: default;
-   display: flex;
-   justify-content: center;
-   align-items: center;
-}
-
-.error {
-   padding: 4px 8px;
-   background-color: var(--error-bg-color);
-   color: var(--error-text-color);
-   margin-top: 10px;
-   border-radius: 6px;
-}
-
-.success {
-   padding: 4px 8px;
-   background-color: var(--success-bg-color);
-   color: var(--success-text-color);
-   margin-top: 10px;
-   border-radius: 6px;
-}
-
-.actions {
-   margin-top: 20px;
-   justify-content: right;
-   display: flex;
-   flex-direction: row;
-   gap: 10px;
-   button {
-      background-color: var(--line-color);
-      color: var(--content-text-color);
-      padding: 6px 12px;
-      border-radius: 4px;
-      transition: all 0.12s linear;
-      &:nth-child(2) {
-         background-color: var(--primary-color);
-         color: var(--primary-text-color);
-         &:hover {
-            background-color: var(--primary-hover-color);
-         }
-      }
-
-      &.dangerBtn {
-         background-color: var(--error-button-color);
-         &:hover {
-            background-color: var(--error-text-color);
-         }
-      }
-   }
-}

package/dist-lib/components/common/AnimatedWrapper/AnimatedWrapper.module.scss

@@ -1,88 +0,0 @@
-.animatedWrapper {
-   transition: all var(--animation-duration, 300ms) ease-in-out;
-   will-change: opacity, transform;
-}
-
-.absolute {
-   position: absolute;
-   top: 0;
-   left: 0;
-   width: 100%;
-   padding: inherit;
-   box-sizing: border-box;
-}
-
-// Fade animation
-.fade {
-   opacity: 0;
-
-   &.active {
-      opacity: 1;
-   }
-}
-
-// Slide up animation
-.slide-up {
-   opacity: 0;
-   transform: translateY(20px);
-
-   &.active {
-      opacity: 1;
-      transform: translateY(0);
-   }
-}
-
-// Slide down animation
-.slide-down {
-   opacity: 0;
-   transform: translateY(-20px);
-
-   &.active {
-      opacity: 1;
-      transform: translateY(0);
-   }
-}
-
-// Slide left animation
-.slide-left {
-   opacity: 0;
-   transform: translateX(20px);
-
-   &.active {
-      opacity: 1;
-      transform: translateX(0);
-   }
-}
-
-// Slide right animation
-.slide-right {
-   opacity: 0;
-   transform: translateX(-20px);
-
-   &.active {
-      opacity: 1;
-      transform: translateX(0);
-   }
-}
-
-// Scale animation
-.scale {
-   opacity: 0;
-   transform: scale(0.9);
-
-   &.active {
-      opacity: 1;
-      transform: scale(1);
-   }
-}
-
-// Rotate animation
-.rotate {
-   opacity: 0;
-   transform: rotate(-10deg) scale(0.95);
-
-   &.active {
-      opacity: 1;
-      transform: rotate(0) scale(1);
-   }
-}

package/dist-lib/components/common/Button/Button.module.scss

@@ -1,56 +0,0 @@
-.button {
-   padding: 12px 20px;
-   font-weight: 600;
-   font-size: 0.9em;
-   border-radius: 6px;
-   cursor: pointer;
-   transition: all 0.12s linear;
-   :global(.icon) {
-      margin-right: 5px;
-   }
-}
-
-.button--sm {
-   font-size: 0.75em;
-   border-radius: 4px;
-   padding: 8px 16px;
-}
-
-.button--lg {
-   font-size: 1.1em;
-   padding: 16px 24px;
-}
-
-.button--primary {
-   background-color: var(--primary-color);
-   color: var(--primary-text-color);
-   &:hover {
-      background-color: var(--primary-hover-color);
-   }
-}
-
-.button--secondary {
-   background-color: var(--primary-color-light);
-   color: var(--primary-color);
-   &:hover {
-      color: var(--primary-color-light);
-      background-color: var(--primary-color);
-   }
-}
-
-.button--tertiary {
-   background-color: var(--line-color);
-   color: var(--content-text-color-light);
-   &:hover {
-      filter: brightness(0.95);
-      color: var(--content-text-color);
-   }
-}
-
-.button--danger {
-   background-color: var(--error-button-color);
-   color: var(--primary-text-color);
-   &:hover {
-      background-color: var(--error-text-color);
-   }
-}

package/dist-lib/components/common/FileManager/FileManager.module.scss

@@ -1,207 +0,0 @@
-.fileManager {
-   background: var(--content-background-color);
-   border-radius: 4px;
-   width: 100%;
-   max-height: 65vh;
-   display: flex;
-   flex-direction: column;
-}
-
-.navigationBar {
-   display: flex;
-   align-items: center;
-   padding: 12px;
-   border-bottom: 1px solid var(--line-color);
-   gap: 12px;
-
-   button {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      padding: 5px 10px;
-      border-radius: 4px;
-      border: 1px solid var(--line-color);
-      background: transparent;
-      cursor: pointer;
-      color: var(--icon-color);
-
-      &:hover {
-         background: var(--light-grey);
-         color: var(--content-color);
-      }
-
-      &:disabled {
-         opacity: 0.5;
-         cursor: not-allowed;
-      }
-   }
-}
-
-.currentPath {
-   flex: 1;
-   padding: 6px 12px;
-   background: var(--light-grey);
-   border-radius: 4px;
-   font-family: inherit;
-   height: 21px;
-   color: inherit;
-   cursor: text;
-   white-space: nowrap;
-   overflow: hidden;
-   text-overflow: ellipsis;
-   &:hover {
-      background: var(--line-color);
-      color: var(--content-text-color);
-   }
-   input {
-      background-color: transparent;
-      border: none;
-      width: 100%;
-      outline: none;
-      color: var(--content-text-color);
-   }
-   button {
-      background: none;
-      border: none;
-      padding: 2px 0px;
-      cursor: pointer;
-      font-family: inherit;
-      display: inline-block;
-      border-radius: 0;
-      color: inherit;
-      &:hover {
-         color: var(--primary-color);
-         text-decoration: underline;
-      }
-   }
-}
-
-.fileList {
-   flex: 1;
-   overflow-y: auto;
-   min-height: 300px;
-}
-
-.empty {
-   text-align: center;
-   width: 100%;
-   height: 100%;
-   padding: 10%;
-   box-sizing: border-box;
-}
-
-.fileHeader {
-   display: grid;
-   grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
-   padding: 8px 12px;
-   background: var(--light-grey);
-   border-bottom: 1px solid var(--line-color);
-   font-weight: 500;
-   position: sticky;
-   top: 0;
-   z-index: 3;
-   text-align: center;
-   div {
-      cursor: pointer;
-      user-select: none;
-   }
-}
-
-.fileListContainer {
-   display: flex;
-   flex-direction: column;
-   flex: 1;
-   overflow: hidden;
-}
-
-.fileRow {
-   display: grid;
-   grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
-   padding: 8px 12px;
-   border-bottom: 1px solid var(--line-color);
-   box-sizing: border-box;
-   cursor: pointer;
-   text-align: center;
-   color: var(--content-text-color-light);
-
-   &:hover {
-      background: var(--light-grey);
-   }
-   &.selected {
-      background-color: var(--background-color);
-      .fileName button {
-         color: var(--primary-color);
-         opacity: 1;
-      }
-   }
-   &:last-child {
-      border-bottom: none;
-   }
-}
-
-.fileName {
-   display: flex;
-   align-items: center;
-   text-align: left;
-   word-break: break-all;
-   gap: 6px;
-   max-width: 300px;
-   color: var(--content-text-color);
-   button {
-      opacity: 0.3;
-      color: var(--icon-color);
-   }
-   .fileNameText {
-      display: inline-block;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-   }
-}
-
-.fileSize {
-   max-width: 70px;
-}
-
-.selected {
-   background: #e6f7ff;
-}
-
-.loading {
-   padding: 24px;
-   text-align: center;
-   color: #666;
-}
-
-@media only screen and (max-width: 768px) {
-   .fileHeader {
-      display: none;
-   }
-   .fileList {
-      height: 100% !important;
-   }
-   .fileRow {
-      display: flex;
-      flex-direction: column;
-      align-items: stretch;
-      .fileName {
-         width: 100%;
-         margin-bottom: 5px;
-      }
-      .mobileFileInfo {
-         display: flex;
-         flex-direction: row;
-         justify-content: flex-start;
-         width: 100%;
-         padding-left: 30px;
-         box-sizing: border-box;
-         & > div {
-            padding: 0 10px;
-         }
-      }
-   }
-   .fileManager {
-      height: calc(100vh - 120px);
-      max-height: unset;
-   }
-}