pixel-react 1.13.43 → 1.13.44

package/lib/styles/_fonts.scss

@@ -1,50 +0,0 @@
-@mixin fontPoppins($size: 16px) {
-  font-family: 'Poppins';
-  font-size: $size;
-}
-
-.fontXs {
-  @include fontPoppins(10px);
-}
-
-.fontSm {
-  @include fontPoppins(12px);
-}
-
-.fontMd {
-  @include fontPoppins(14px);
-}
-
-.fontLg {
-  @include fontPoppins(16px);
-}
-
-.fontXL {
-  @include fontPoppins(18px);
-}
-
-.font2Xl {
-  @include fontPoppins(24px);
-}
-
-.font-size-8 {
-  @include fontPoppins(8px);
-}
-
-.font-size-10 {
-  @include fontPoppins(10px);
-}
-
-.font-size-20 {
-  @include fontPoppins(20px);
-}
-
-.font-size-32 {
-  @include fontPoppins(32px);
-}
-
-.font-size-80 {
-  @include fontPoppins(80px);
-}
-
-//NOTE: Please Don't use these classes use Typography component TODO: Need to remove this file

package/lib/styles/_mixins.scss

@@ -1,53 +0,0 @@
-// Mixin for centering content
-@mixin center-content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  align-content: center;
-}
-
-// Horizontal center: Center items horizontally
-@mixin center-horizontal {
-  display: flex;
-  justify-content: center;
-}
-
-// Vertical center: Center items vertically
-@mixin center-vertical {
-  display: flex;
-  align-items: center;
-}
-
-// Align items horizontally with space between them and center them vertically
-@mixin horizontal-space-between {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-// Mixin for transition effects
-@mixin transition($properties, $duration: 0.3s) {
-  transition: $properties $duration;
-}
-
-//Mixin for height, width and border
-@mixin box($size, $border: none) {
-  width: $size;
-  height: $size;
-  @if $border != none {
-    border: $border;
-  }
-}
-
-//mixin for end content
-@mixin end-content {
-  display: flex;
-  align-items: center;
-  justify-content: end;
-}
-
-@mixin flex-center {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

package/lib/styles/modal.scss

@@ -1,51 +0,0 @@
-@use '../../assets/styles/mixins' as *;
-
-.ff-modal-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--modal-background-color);
-  @include center-content;
-  flex-direction: column;
-}
-
-.ff-modal-container {
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.ff-modal-content {
-  background: var(--ff-mini-modal-border);
-  position: relative;
-  max-width: 100%;
-  padding: 16px;
-
-  .ff-modal-header {
-    height: 32px;
-    width: 100%;
-  }
-}
-
-.modal-bottom-border {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-.modal-top-border {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-
-.ff-modal-footer {
-  background-color: var(--expandable-menu-option-bg);
-  max-width: 100%;
-  width: 100%;
-  height: 32px;
-  display: flex;
-  flex-direction: row;
-  justify-content: end;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 16px;
-}

package/lib/styles/overviewModal.scss

@@ -1,130 +0,0 @@
-@use '../../assets/styles/mixins' as *;
-
-.ff-overview-modal-overlay {
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100vh;
-
-  @include center-content;
-}
-
-.ff-overview-modal-container {
-  display: flex;
-  flex-direction: column;
-  position: fixed;
-  background-color: var(--dotted-border-color);
-  border: 2px solid var(--custom-table-header-bg-color);
-  overflow: auto;
-  border-radius: 8px;
-  width: var(--modal-width, 800px);
-  height: var(--modal-height, 432px);
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  &.ff-overview-maximized-container {
-    width: 100vw;
-    height: 100vh;
-    top: var(--modal-top, 0);
-    left: 0;
-    transform: none;
-    border-radius: 0;
-  }
-
-  .ff-overview-modal-header {
-    @include center-vertical;
-    padding: 5px;
-    background-color: var(--custom-table-header-bg-color);
-    height: 32px;
-
-    .ff-overview-modal-icons {
-      margin-left: auto;
-      @include center-vertical;
-      gap: 16px;
-      cursor: pointer;
-    }
-  }
-
-  .ff-overview-modal-body {
-    flex: 1;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-    will-change: transform;
-    -ms-overflow-style: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    &.ff-overview-modal-body--centered {
-      @include flex-center;
-    }
-
-    .image-grid {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      grid-auto-rows: 50%;
-      height: 100%;
-
-      &--single {
-        grid-template-columns: 1fr;
-        grid-auto-rows: 1fr;
-      }
-    }
-
-    .ff-overview-modal-image-item {
-      position: relative;
-      overflow: hidden;
-      background-color: var(--base-bg-color);
-      border: 2px solid var(--table-column-text-color);
-      contain: paint;
-      will-change: transform;
-      video {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-        display: block;
-        transform: translateZ(0);
-        backface-visibility: hidden;
-        will-change: transform;
-      }
-
-      .ff-overview-modal-image-name {
-        position: absolute;
-        top: 5px;
-        left: 5px;
-        @include center-vertical;
-        padding: 2px 8px;
-        border-radius: 50px;
-        background: var(--ff-chip-bg);
-        z-index: 2;
-      }
-
-      .ff-overview-modal-image-time {
-        position: absolute;
-        bottom: 5px;
-        left: 5px;
-        @include center-vertical;
-        padding: 2px 8px;
-        border-radius: 50px;
-        background: var(--dotted-border-color);
-        z-index: 2;
-      }
-
-      .ff-overview-modal-image-action {
-        position: absolute;
-        top: 5px;
-        right: 5px;
-        cursor: pointer;
-        z-index: 2;
-      }
-      .ff-overview-modal-scripts {
-        @extend .ff-overview-modal-image-time;
-        left: auto;
-        right: 5px;
-      }
-    }
-  }
-}
-