pixel-react 1.13.43 → 1.13.44

package/lib/styles/SequentialConnectingBranch.scss

@@ -1,130 +0,0 @@
-@mixin item-center {
-  display: flex;
-  align-items: center;
-}
-
-@mixin circle($size, $color) {
-  width: $size;
-  height: $size;
-  border-radius: 50%;
-  background-color: $color;
-}
-
-@mixin arrow($color, $width, $height) {
-  width: $width;
-  height: $height;
-  background-color: $color;
-  clip-path: polygon(100% 50%, 0 100%, 0 0);
-  position: absolute;
-}
-
-.ff-sequential-connecting-branch-wrapper {
-  .ff-connecting-select-branch-wrapper {
-    height: 66px;
-    box-sizing: border-box;
-    width: fit-content;
-    margin-bottom: 16px;
-
-    .ff-select-branch-wrapper {
-      position: relative;
-      display: flex;
-      box-sizing: border-box;
-
-      .ff-sequential-select-branch {
-        width: 240px;
-      }
-
-      .ff-select-branch-arrow {
-        @include item-center;
-        position: relative;
-
-        .ff-branch-arrow-wrapper {
-          margin: 0;
-          width: 40px;
-          border-top: 1px solid var(--ff-connecting-branch-color);
-          position: relative;
-
-          .ff-branch-arrow {
-            @include arrow(var(--ff-connecting-branch-color), 6px, 6px);
-            right: -1px;
-            top: -3px;
-          }
-        }
-
-        .ff-select-branch-point {
-          @include circle(5px, var(--ff-connecting-branch-color));
-          position: absolute;
-          left: -3px;
-          z-index: 102;
-          top: 50%;
-          transform: translateY(-50%);
-        }
-      }
-
-      .ff-select-branch-arrow-down {
-        position: absolute;
-        height: 38px;
-
-        .ff-select-branch-point {
-          @include circle(5px, var(--ff-connecting-branch-color));
-          position: absolute;
-          left: -2px;
-          z-index: 102;
-          top: 50%;
-          transform: translateY(-50%);
-        }
-
-        .ff-select-branch-arrow {
-          width: 0;
-          height: 62px;
-          top: calc(50% + 1px);
-          border-left: 1px solid var(--ff-connecting-branch-color);
-          z-index: 102;
-        }
-      }
-    }
-
-    .ff-select-scope-datalist {
-      box-sizing: border-box;
-      width: 240px;
-      display: flex;
-      justify-content: space-between;
-      margin-top: 2px;
-      padding-left: 4px;
-
-      .ff-scope-wrapper {
-        @include item-center;
-        margin-right: 12px;
-
-        .ff-scope-text {
-          text-transform: capitalize;
-          margin: 0;
-        }
-      }
-
-      .ff-datalist-wrapper {
-        @include item-center;
-
-        #ff-sequential-machine-datalist {
-          @include item-center;
-        }
-
-        .ff-dataset-icon,
-        .ff-run-delete-icon,
-        .ff-datalist-text {
-          cursor: pointer;
-        }
-
-        .ff-datalist-text {
-          margin: 0 8px 0 0;
-        }
-      }
-    }
-  }
-
-  .ff-sequential-branches-wrapper {
-    box-sizing: border-box;
-    width: fit-content;
-    height: fit-content;
-  }
-}

package/lib/styles/SessionDropdown.scss

@@ -1,170 +0,0 @@
-.ff-resolution-dropdown {
-  width: max-content;
-  background-color: var(--ff-white-color);
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  box-shadow: 0 4px 12px var(--ff-chips-shadow-color-two);
-  position: relative;
-}
-
-.ff-dropdown-notch {
-  position: absolute;
-  top: 7px;
-  left: -6px;
-  width: 10px;
-  height: 20px;
-  background-color: var(--ff-white-color);
-  clip-path: path('M 9,0 Q -10,10 10,20');
-  filter: drop-shadow(-2px 0 2px var(--ff-chips-shadow-color-two));
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: inherit;
-    box-shadow: 
-      -1px 0 1px var(--ff-chips-shadow-color-two),
-      0.5px 0 0.5px var(--ff-chips-shadow-color-two) inset;
-  }
-
-  &::after {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: 0.5px;
-    background-color: var(--border-color);
-  }
-}
-
-.ff-dropdown-header {
-  font-weight: 600;
-  padding: 11px 10px;
-  height: 33px;
-  border-bottom: 1px solid var(--border-color);
-  background-color: var(--ff-white-color);
-  border-radius: 6px 6px 0 0;
-  font-size: 13px;
-  color: var(--text-color);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  box-sizing: border-box;
-  position: relative;
-}
-
-.ff-dropdown-header-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-grow: 1;
-}
-
-.ff-dropdown-header-dual {
-  display: flex;
-  justify-content: flex-start;
-  flex-grow: 1;
-  gap: 16px;
-}
-
-.ff-dropdown-header-item {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  cursor: pointer;
-  position: relative;
-  padding-bottom: 4px;
-
-  &.active {
-    .ff-dropdown-text {
-      color: var(--click-able-text-color);
-    }
-
-    .ff-dropdown-count {
-      background-color: var(--click-able-text-color);
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -9px;
-      left: 0;
-      width: 100%;
-      height: 2px;
-      background-color: var(--click-able-text-color);
-      z-index: 1;
-      border-radius: 2px 2px 0 0;
-    }
-  }
-}
-
-.ff-dropdown-text {
-  position: relative;
-}
-
-.ff-dropdown-count {
-  margin-left: 4px;
-  background-color: var(--ff-card-status-text-color);
-  color: var(--ff-white-color);
-  padding: 0px 4px;
-  border-radius: 5px;
-  font-size: 11px;
-  font-weight: 500;
-}
-
-.ff-dropdown-header-icons {
-  display: flex;
-  gap: 6px;
-}
-
-.ff-dropdown-icon {
-  cursor: pointer;
-  transition: opacity 0.15s ease;
-
-  &:hover {
-    opacity: 1;
-  }
-
-  &:active {
-    opacity: 0.5;
-  }
-}
-
-.ff-download-icon {
-  color: var(--secondary-icon-color);
-  opacity: 0.7;
-  margin-top: 3px;
-}
-
-.ff-delete-icon {
-  color: var(--delete-button-color);
-  opacity: 0.7;
-}
-
-.ff-dropdown-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.ff-dropdown-item {
-  padding: 8px 13px;
-  font-size: 13px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  transition: background 0.15s ease;
-
-  &:hover {
-    background-color: var(--ff-background-color);
-  }
-
-  & > * {
-    width: 100%;
-  }
-}
-

package/lib/styles/SessionManager.scss

@@ -1,70 +0,0 @@
-.ff-body-container {
-  background-color: var(--session-control-bg);
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  position: relative;
-  border-radius: 8px;
-  gap: 16px;
-
-  &__icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    border-radius: 4px;
-    padding: 4px;
-    transition: all 0.2s ease;
-    position: relative;
-
-    &:hover {
-      background-color: var(--toast-close-icon-wrapper-bg);
-    }
-  }
-
-  &__icon {
-    transition: all 0.2s ease;
-  }
-
-  &__modal {
-    position: absolute;
-    background: var(--base-bg-color);
-    border-radius: 4px;
-    box-shadow: 0 2px 10px var(--session-control-box-shadow);
-    z-index: 10;
-    min-width: 200px;
-    min-height: 150px;
-
-    .horizontal & {
-      top: 100%;
-      left: 50%;
-      transform: translateX(-90%);
-      margin-top: 8px;
-    }
-
-    .vertical & {
-      left: 100%;
-      top: 70%;
-      transform: translateY(-17%);
-      margin-left: 8px;
-    }
-  }
-}
-
-.ff-body-container.horizontal {
-  flex-direction: row;
-  min-width: 56px;
-  width: fit-content;
-  padding: 0 8px 0 8px;
-  height: 56px;
-  gap: 16px;
-}
-
-.ff-body-container.vertical {
-  flex-direction: column;
-  width: 56px;
-  padding: 7.5px 0px 8.5px 0px;
-  min-height: 56px;
-  height: fit-content;
-  gap: 16px;
-}

package/lib/styles/Spreadsheet.scss

@@ -1,277 +0,0 @@
-@use '../../../../assets/styles/fonts';
-
-.ff-excel-spreadsheet-container {
-  display: flex;
-  flex-direction: column;
-
-  .ff-excel-toolbar-container {
-    background-color: var(--excel-toolbar-bg);
-    padding: 4px 8px;
-    margin-bottom: 0px !important; // needed to override the margin-bottom of the toolbar
-  }
-
-  .ff-excel-spreadsheet {
-    --background-color: var(--drawer-footer-bg);
-    --text-color: var(--text-color);
-    --header-text-color: var(--text-color);
-    --outline-color: var(--toggle-strip-active);
-    --outline-background-color: var(--overlay-bg);
-    --border-color: var(--excel-header-border);
-    --header-background-color: var(--excel-header-bg);
-    --elevation: var(--brand-color);
-
-    position: relative;
-    width: 100%;
-    overflow: scroll;
-    bottom: 0px;
-    background: var(--background-color);
-    color: var(--text-color);
-    scrollbar-width: none;
-    display: inline-block;
-  }
-
-  .ff-excel-header-hider {
-    position: absolute;
-    background-color: var(--excel-header-border);
-    z-index: 500;
-    left: 0px;
-    top: 0px !important;
-  }
-
-  .ff-excel-header-extend {
-    position: absolute;
-    background-color: var(--excel-header-border);
-    z-index: 500;
-    left: 0px;
-    top: 32px !important;
-  }
-
-  .ff-excel-header-column-hider {
-    height: 32px;
-  }
-
-  .ff-excel-header-row-hider {
-    width: 60px;
-  }
-
-  .ff-spreadsheet-active-cell {
-    position: absolute;
-    border: 2px solid var(--outline-color);
-    box-sizing: border-box;
-    z-index: 500;
-    outline: none;
-  }
-
-  .ff-spreadsheet-active-cell--edit {
-    background: var(--background-color);
-    box-shadow: var(--elevation);
-  }
-
-  .ff-spreadsheet-table {
-    overflow: scroll;
-    top: 0;
-    left: 0;
-    margin: 0;
-    position: relative;
-    &::-webkit-scrollbar {
-      height: 0px;
-    }
-    border-collapse: collapse;
-    table-layout: fixed;
-  }
-
-  .ff-spreadsheet-cell {
-    text-underline-position: under;
-    outline: none;
-    position: relative;
-    z-index: 0;
-    scrollbar-width: none;
-    overflow-x: auto;
-    max-width: 100px;
-  }
-
-  .ff-spreadsheet-active-cell .select_dot {
-    background-color: var(--elevation);
-    height: 10px;
-    width: 10px;
-    border-radius: 50%;
-    position: absolute;
-    bottom: -5px;
-    right: -5px;
-    cursor: crosshair;
-    z-index: 1000;
-  }
-
-  .ff-spreadsheet-cell,
-  .ff-spreadsheet-header {
-    border: 0.1px solid var(--border-color);
-    overflow: hidden;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-align: left;
-    box-sizing: border-box;
-    user-select: none;
-  }
-
-  .ff-spreadsheet-header {
-    background-color: var(--header-background-color);
-    color: var(--header-text-color);
-    text-align: center;
-    z-index: 1000;
-    position: sticky;
-    top: 0;
-    left: 0;
-
-    .drag-column-selector {
-      z-index: 10000;
-      position: absolute;
-      cursor: ew-resize;
-      width: 2px;
-      height: 100%;
-      top: 0;
-    }
-    .drag-column-left {
-      right: 0;
-    }
-    .drag-column-right {
-      left: 0;
-    }
-
-    .drag-row-selector {
-      z-index: 10000;
-      position: absolute;
-      cursor: ns-resize;
-      height: 2px;
-      width: 100%;
-      right: 0;
-    }
-    .drag-row-up {
-      top: 0;
-    }
-    .drag-row-down {
-      bottom: 0;
-    }
-  }
-
-  .ff-spreadsheet-corner-header {
-    top: 0px;
-    left: 0px;
-    position: sticky;
-    z-index: 100000;
-    border: 2px solid var(--border-color);
-  }
-
-  .ff-spreadsheet-row-header {
-    height: 32px;
-    left: 0;
-  }
-
-  .corner-header {
-    background-color: var(--header-background-color);
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1500;
-    top: 0px;
-    width: 58px;
-    height: 30px;
-    left: 0px;
-  }
-
-  .ff-spreadsheet-header--selected {
-    background: var(--brand-color);
-    color: var(--tooltip-text-color);
-  }
-
-  .ff-spreadsheet-data-viewer,
-  .ff-spreadsheet-data-editor textarea {
-    box-sizing: border-box;
-    z-index: 5;
-    white-space: pre-wrap;
-  }
-
-  .ff-spreadsheet-data-viewer--dropdownType {
-    display: inline-flex;
-    align-items: center;
-    width: 90%;
-    padding: 0px 2px;
-
-    .dropdownType-icon {
-      margin-left: auto;
-    }
-  }
-
-  .ff-spreadsheet-data-viewer--without-fileType {
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .ff-spreadsheet-data-viewer--fileType {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .ff-spreadsheet-header {
-    box-sizing: border-box;
-  }
-
-  .ff-spreadsheet-data-viewer--preserve-breaks {
-    white-space: pre-wrap;
-  }
-
-  .ff-spreadsheet-data-editor {
-    width: 100%;
-    height: 100%;
-    border: none;
-    display: contents;
-    outline: none;
-  }
-
-  .ff-spreadsheet-cell-textarea {
-    text-underline-position: under;
-    width: 100%;
-    height: 100%;
-    border: none;
-    outline: none;
-    margin: 0;
-    padding: 0;
-    display: block;
-    white-space: pre-wrap !important;
-    resize: none;
-    overflow: scroll;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-
-  .ff-spreadsheet-data-viewer--boolean {
-    text-align: center;
-  }
-
-  .ff-spreadsheet-floating-rect {
-    position: absolute;
-    pointer-events: none;
-    box-sizing: border-box;
-  }
-
-  .ff-spreadsheet-floating-rect--hidden {
-    display: none;
-  }
-
-  .ff-spreadsheet-floating-rect--selected {
-    background: var(--outline-background-color);
-    border: 2px var(--outline-color) solid;
-  }
-
-  .ff-spreadsheet-floating-rect--dragging {
-    border: none;
-  }
-
-  .ff-spreadsheet-floating-rect--copied {
-    border: 2px var(--outline-color) dashed;
-  }
-}

package/lib/styles/StateDropdown.scss

@@ -1,11 +0,0 @@
-.ff-state-value {
-  text-transform: capitalize;
-  background-color: var(--state-dropdown-bg-color);
-  color: var(--nlp-color);
-  border-radius: 4px;
-  height: 32px;
-  width: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}