pixel-react 1.13.43 → 1.13.44

package/lib/styles/CreateVariableSlider.scss

@@ -1,23 +0,0 @@
-.ff-create-variable-slider {
-  padding: 12px 8px;
-  display: flex;
-  transition: all 0.3s ease;
-  flex-direction: column;
-  gap: 24px;
-  transition: all 0.3s ease;
-  .ff-hide-value-content {
-    display: flex;
-    align-items: center;
-  }
-  .ff-create-variable-slider-input {
-    height: 34px;
-  }
-}
-
-.ff-create-slider-footer {
-  width: 100%;
-  gap: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}

package/lib/styles/DarkTheme.scss

@@ -1,409 +0,0 @@
-$dark-theme: (
-  base-bg-color: #1e1a22,
-  brand-color: #71347b,
-  dropdown-bg-color: #71347b27,
-  text-color: #e8e0e9,
-  description-text: #d9d9d9,
-  click-able-text-color: #e8e0e9,
-  custom-table-header-bg-color: #efe1f9,
-  icons-default-color: #e8e0e9,
-  session-control-bg: #220535,
-  session-control-box-shadow: #00000026,
-  border-color: #333234,
-  disable-color: #71347b80,
-  hover-color: #f7ebff,
-  pop-up-background-blur: #12121299,
-  slider-table-color: #272428,
-  drawer-footer-bg: #1b181c99,
-  drawer-footer-border: #333234,
-  text-bg-highlight: #f5fb00,
-  tooltip-bg-color: #2a2a2a,
-  tooltip-text-color: #ffffff,
-  toggle-strip-color: #cfd1e2,
-  toggle-strip-active-color: #71347b,
-  toggle-strip-shadow: #00000040,
-  toggle-button-bg-color: #ffffff,
-  toggle-disable-icon-color: #767994,
-  text-area-default-color: #747474,
-  add-icon-hover-color: #431b4a,
-  arrow-button-bg-color: #ffffff,
-  arrows-button-border-color: #ded1e5,
-  success-button-bg: #e6f7eb,
-  overlay-bg: #12121299,
-  chip-fill-color: #f9d5ff,
-  chip-text-color: #1e161f,
-  icon-color: #71347b,
-  tree-connecting-lines-color: #d7b5e3,
-  available-memory-bg: #9f2ea1,
-  assigned-memory-bg:
-    linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%),
-  used-memory-bg:
-    linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%),
-  primary-button-color:
-    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
-  primary-button-hover:
-    linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%),
-  primary-button-disable:
-    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
-  primary-button-text-color: #ffffff,
-  primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%),
-  secondary-button-color-text:
-    linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%),
-  secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%),
-  secondary-button-text-color: #71347b,
-  secondary-button-hover:
-    linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
-  tertiary-button-color:
-    linear-gradient(
-      180deg,
-      rgba(70, 22, 77, 0.05) 0%,
-      rgba(113, 52, 123, 0.05) 100%
-    ),
-  tertiary-button-hover:
-    linear-gradient(
-      180deg,
-      rgba(70, 22, 77, 0.1) 0%,
-      rgba(113, 52, 123, 0.1) 100%
-    ),
-  delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%),
-  delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%),
-  delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
-  delete-button-disable:
-    linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
-  warning-button-color:
-    linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%),
-  warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%),
-  drawer-title-color: #252c37,
-  toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%),
-  danger-button-hover: #fcf2f2,
-  error_light: #e42525,
-  ff-success: #079455,
-  ff-warning: #f79009,
-  ff-header-text-color: #fdfaff,
-  ff-header-submenu-text-color: #666468,
-  ff-header-submenu-highlight-text-color: #170328,
-
-  default-icon-color: #a3a3a3,
-  expandable-menu-default-bg: #fdfaff,
-  expandable-menu-option-bg: #610b861a,
-  file-dropzone-default-color: #823c8d1a,
-  file-dropzone-selected-color: #823c8d33,
-  file-details-container-shadow: #fffcff99,
-  file-details-bg: #0d0d0d,
-  ff-mini-modal-border: #ffffff,
-  ff-mini-modal-box-shadow: #3713553d,
-  ff-mini-modal-arrow-shadow: #00000040,
-  ff-bg-pearl-gray-color: #e0dfdf,
-  ff-bg-lavender-light-color: #fbddff,
-
-  ff-error-light: #e42525,
-  ff-chips-fill-color: #f9d5ff,
-  ff-chips-blur-color: #5757571a,
-  ff-chips-shadow-color-two: #57575733,
-  ff-chip-bg: #ffffffe5,
-  ff-chip-bg-two: #ffffff33,
-  ff-chip-text-color: #1e161f,
-  ff-mini-modal-footer-background: #aeb0c0,
-  input-default-border-color: #a3a3a3,
-  input-hover-border-color: #1e161f,
-  input-default-label-color: #747474,
-  input-label-bg-color: #ffffff,
-  input-active-text-color: #71347b,
-  input-error-text-color: #e42525,
-  tabs-label-default-color: #7a7a7a,
-  tabs-label-active-color: #71347b,
-  tabs-border-color: #f1ebf2,
-  tabs-bg-color: #ede6f2,
-  tab-bg-color: #ffffff,
-  toast-close-icon-wrapper-bg: #fafafa,
-  toaster-boxshadow: #1e161f3d,
-  toaster-success-border: linear-gradient(#07945566, #00693a66),
-  toaster-warning-border: linear-gradient(#f7900966, #d67a0066),
-  toaster-info-border: linear-gradient(#2591e466, #1769b066),
-  toaster-danger_confirm-border: linear-gradient(#e4252566, #c9000066),
-  option-card-border-color: #ded1e5,
-  option-card-bg-color: #ffffff,
-  checkbox-bg-color: #fbfdff,
-  checkbox-border-color: #b5b5b5,
-  checkbox-partial-color: #ffffff,
-  checkbox-hover-color: #f7edff,
-  checkbox-hover-box-shadow-color: #c6bccc,
-  multi-select-border: #a3a3a380,
-  multi-select-label-bg: #ffffff,
-  text-color-light: #1e161f80,
-  radio-button-border: #b5b5b5,
-  radio-button-hover: #d3d3d3,
-  menu-variant-dark-icon-color: #ffffff,
-  menu-option-icon-color: #ffffff,
-  menu-option-icon-clicked: #71347b,
-  delete-text-color: #c50303,
-  ff-progress-bar-bg-color: #f0f0f0,
-
-  status-success-bg-color: #c6efcd,
-  status-success-text-color: #016102,
-  status-warning-bg-color: #ffe380,
-  status-warning-text-color: #ff8b00,
-  status-rejected-bg-color: #f7d9d9,
-  status-rejected-text-color: #c60202,
-  status-skipped-bg-color: #c4c3c3,
-  status-skipped-text-color: #3c3838,
-  status-warning-hover-bg-color: #fcd8ac,
-  status-percentage-growth-bg-color: #ecedf8,
-  line-chart-data: #4c90ff,
-
-  status-button-bg-passed: #c6efcd,
-  status-button-bg-failed: #f7d9d9,
-  status-button-bg-running: #ecedf8,
-  status-button-bg-skipped: #c4c3c3,
-  status-button-bg-warning: #ffb803,
-  status-button-bg-terminated: #f7d9d9,
-  status-button-bg-partiallyExecuted: #dee7f1,
-  status-button-bg-aborted: #f7d9d9,
-  status-button-bg-notExecuted: #c4c3c3,
-  status-button-bg-default: #f5f5f5,
-  status-button-text-passed: #016102,
-  status-button-text-failed: #c50303,
-  status-button-text-running: #434db8,
-  status-button-text-skipped: #3c3838,
-  status-button-text-warning: #ffffff,
-  status-button-text-terminated: #c50303,
-  status-button-text-partiallyExecuted: #0d69d4,
-  status-button-text-aborted: #c50303,
-  status-button-text-notExecuted: #3c3838,
-  status-button-text-default: #757575,
-  // TODO:: Need to change the color code values of below 10 color (N/A in DS)
-  ff-select-option-border-color: #ded1e5,
-  ff-select-option-wrapper-box-shadow: #592f7c33,
-  ff-select-background-color: #ffffff,
-  ff-select-scroll-thumb-color: #d9d9d9,
-  ff-select-scroll-track-bg: #f1f1f1,
-  ff-select-scroll-thumb-hover: #b8b8b8,
-  ff-select-text-color: #14041c,
-  ff-select-option-hover-color: #f7ebff,
-  ff-select-default-color: #747474,
-  ff-select-border-color: #a3a3a3,
-  ff-select-brand-color: #71347b,
-  ff-select-text-hover-color: #1e161f,
-  ff-search-filed-clear-text: #71347b,
-  ff-search-filed-placeholder-text: #a3a3a3,
-  ff-search-filed-close-Icon: #14041c,
-  ff-paper-background-color: #f5f5f5,
-  ff-paper-dark-background-color: #d1c4e9,
-  sub-header-primary: #301349,
-  nlp-border-color: #efefef,
-  nlp-input-placeholder-color: #9a90a1,
-  nlp-background-color: #592f7c0f,
-  nlp-color: #592f7c,
-  nlp-pe-background: #2e9ee80f,
-  nlp-pe-color: #2e9ee8,
-  nlp-step-group-background: #ee670d0f,
-  nlp-step-group-color: #ee670d,
-  nlp-hover-color: #f7ebff,
-  nlp-button-color: #efe1f9,
-  nlp-option-color: #3c3838,
-  panel-shadow: #0000001a,
-
-  primary-icon-color: #ffffff,
-  secondary-icon-color: #71347b,
-  disabled-primary-color: #f9f9f9,
-  license_expires_soon_color: #ba7422,
-  license_active_color: #268735,
-  license_expired_color: #e34242,
-  license_header_text_color: #592f7c,
-  license_active_status_color: #518e18,
-  license_expired_status_color: #ab3425,
-  background-modal-color: #1111,
-  pie-chart-border-color: #b6b6b6,
-  button-bg-color: #f6ebff,
-  modal-header-text-color: #ffc600,
-  switch-license-text-color: #61296a,
-  switch-license-header-text-color: #610b86,
-  dotted-border-color: #000000,
-  select-license-header-text-color: #5f2868,
-  in-active-button-color: #808080,
-  button-background-gradient-color: #9c1ebb,
-  details-page-value-color: #808080,
-
-  label-edit-text-label-color: #71347b,
-  label-edit-text-background-color: #ffffff,
-  label-edit-error-text: #e42525,
-  label-edit-confirm-icon: #0dad66,
-  label-edit-cancel-icon: #e42525,
-  delete-icon-color: #e42525,
-  confirm-tick-icon-color: #5ca700,
-  warning-modal-border-color: #e79b0866,
-  brand-color-border:
-    linear-gradient(
-      94.23deg,
-      rgba(113, 52, 123, 0.4) 16.33%,
-      rgba(70, 22, 77, 0.4) 80.07%
-    ),
-  alert-modal-background-color:
-    linear-gradient(
-      94.23deg,
-      rgba(228, 37, 37, 0.4) 16.33%,
-      rgba(201, 0, 0, 0.4) 80.07%
-    ),
-  ff-app-header-menu-border-bottom-color: #ffffff,
-  ff-app-header-submenu-border-bottom-color:
-    linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
-  table-header-text-color: #252c37,
-  table-column-text-color: #200624,
-  line-loader-bg-color: #191919,
-  ff-delete-button-attachment: #a91224,
-  email-table-border-color: #959595,
-  ff-icon-hover-fill-color: #f7ecf8,
-  ff-icon-color-danger-variant: #a912241a,
-  ff-icon-color-dark-variant: #ffffff,
-  ff-icon-hover-color-dark-variant: #f7ecf8,
-  ff-icon-selected-color: #f7ecf8,
-  avatar-background-color: #71347b,
-  avatar-icon-color: #ffffff,
-
-  ff-editor-line-bg: #333234,
-  ff-editor-gutter-color: #ded5e5,
-  ff-line-number-bg: #592f7c,
-  ff-line-number-color: #ffffff,
-
-  //Excel
-  excel-sheet-button-color: #e9b5ff,
-  excel-toolbar-bg: #d4b0e426,
-  excel-header-bg: #f4ecf8,
-  excel-header-border: #d8d4da,
-  excel-toolbar-divider: #57575733,
-  excel-sheet-header-background-color: #f3f0f5,
-
-  icon-hover-color: #f7ecf8,
-  ff-editor-border-color: #f0e7f4,
-  ff-icon-hover-bg-color: #f7ecf8,
-  modal-background-color: #12121233,
-  modal-alert-header-color: #db1919,
-  ff-status-card-text-color: #ffffff,
-  ff-card-status-text-color: #8a8a8a,
-  ff-card-passed-status-bg-color: #179c5f,
-  ff-card-failed-status-bg-color: #9c1732,
-  ff-card-warning-status-bg-color: #e2750f,
-  ff-card-skipped-status-bg-color: #a83fc4,
-  ff-card-flaky-status-bg-color: #3f5ac4,
-
-  ff-comment-input-border-color: #71347b,
-  ff-comment-avatar-text-color: #ffffff,
-  ff-comment-border-color: #d9d9d9,
-  ff-comment-text-color: #727272,
-
-  download-client-border-color: #f0e7f4,
-  download-client-header-bg-color: #ede6f2,
-  download-client-content-text-color: #592f7c,
-  ff-toggle-switch-off-color: #4b494c,
-  ff-toggle-switch-shadow-color: #57575780,
-  ff-search-field-hover-color: #f7ecf8,
-  ff-search-filed-bg-color: #ffffff,
-  ff-all-projects-default-color: #ffffff33,
-  ff-machine-inactive-status-color: #c50303,
-  ff-machine-active-status-color: #4caf50,
-  ff-machine-running-status-color: #2055de,
-
-  download-client-choose-os-text-color: #000000,
-  download-client-icon-container-border-color: #f0e7f4,
-  download-client-icon-container-bg-color: #ffffff,
-  download-client-icon-container-box-shadow-color: #592f7c4d,
-
-  public-chip-bg-color: #f9d5ff,
-  partial-public-chip-bg-color: #fcc27d,
-  private-chip-bg-color: #dbc3ef,
-  disabled-chip-bg-color: #c4c3c3,
-
-  impact-list-text-color: #14041c,
-  impact-list-chip-text-color: #3d3c3e,
-  impact-list-chip-bg-color: #e3ccf5,
-  dynamic-card-border-color: #eeeaf2,
-  card-header-bg-color: #592f7c1a,
-  table-with-accordion-header-primary-bg: #d4b0e426,
-  table-with-accordion-icon-color: #1e161f,
-
-  ff-machine-input-field-border-color: #a3a3a3,
-  ff-machine-input-field-label-color: #f1ebf2,
-  ff-machine-input-field-text-color: #1e161f,
-  ff-connecting-branch-color: #71347b,
-  ff-connecting-branch-modal-header: #71347b,
-  ff-connecting-branch-modal-border: #e0e0e0,
-  ff-connecting-branch-scope-color: #079455,
-  ff-connecting-branch-delete-color: #e42525,
-  vertical-separate-color: '#D4B0E4',
-
-  card-total-defect-color: #71347b,
-  card-defect-density: #5dc70c,
-  plugins-header-bg-color: rgba(89, 47, 124, 0.1),
-  follow-user-icon-red: #922b3e,
-  follow-user-icon-orange: #ed760e,
-  follow-user-icon-black: #0a0a0a,
-  follow-user-icon-pink: #e63244,
-  follow-user-icon-blue: #3b83bd,
-  follow-user-icon-navy: #20214f,
-  follow-user-icon-lightGreen: #bdecb6,
-  follow-user-icon-gray: #d9d9d9,
-  follow-user-icon-yellow: #cda434,
-  follow-user-icon-salmon: #d36e70,
-
-  dataset-tooltip-title: #808080,
-  dataset-tooltip-value: #ffffff,
-
-  defect-trivial: '#8bc34a',
-  defect-text: '#9e9e9e',
-  defect-tweak: '#ffc107',
-  defect-minor: '#ffeb3b',
-  defect-majour: '#ff9800',
-  defect-crash: '#f44336',
-  defect-block: '#d32f2f',
-  defect-blocker: '#b71c1c',
-  defect-critical: '#c2185b',
-  defect-catastrophic: '#6a1b9a',
-  defect-serious: '#7b1fa2',
-  defect-normal: '#03a9f4',
-  defect-small-or-trivial: '#4dd0e1',
-  table-header-color-primary: '#f0e7f4',
-  text-editor-out-focus-border-color: #989797,
-  text-editor-in-focus-border-color: #71347b,
-  nlp-selected-chip-bg: '#F9D6FF',
-  nlp-chips-blur-text-color: '#6D6D6D',
-  nlp-chips-select-text-color: '#121212',
-  prompt-bg-color: #f8f3fb,
-  prompt-shadow-color: #592f7c33,
-  ff-prompt-number-bg-color: #edd4ff,
-  ff-ai-toggle-bg-color: #b637ca,
-  ff-ai-toggle-text-color: #6b83b2,
-  ai-search-border-color: linear-gradient(90deg, #ff00ff 0%, #0000ff 100%),
-  ai-search-icon-color: #bcbcbc,
-  default-chip-count-background-color: #f4e7f4,
-  chatbot-icon-hover-color: #f4cbfa,
-  phone-number-verified-color: #009934,
-  ff-chips-shadow-color: #575757,
-  select-chart-highlight-color: #00000066,
-  partially-failures: #ffe207,
-  top-failures-bar-color: #52a2f2,
-  testcase-bg: #fbfcfd,
-  testcase-status-color: #b73e3e,
-  ai-prompt-bg: #fbf5ff,
-  state-dropdown-bg-color: #dcd1e5,
-  disable-icon-btn-bg-color: #9747ff,
-
-  postman-color: #fd6c35,
-  export-collection-bg: #faf4fe,
-  ff-app-header-item-shadow-color: #00000029,
-  step-group-card-background: linear-gradient(to right, #3e11f3, #ff00e1),
-  step-group-disclaimer-background: #ff8b0033,
-  media-preview-corner-gradient:
-    linear-gradient(to left bottom, #5e5e5e 0%, #c4c4c400 45%),
-  ai-prompt-input-bg-shadow: #71347b99,
-  ai-prompt-input-border: #a98db5,
-  selenium-icon-color: #2cb134,
-  line-loader-background-overlay: #14041c33,
-  ff-nlp-container-box-shadow: 0px 4px 10px 0px rgba(113, 52, 123, 0.2),
-  ff-upgrade-button-bg-color: #e16e04,
-);
-
-:root {
-  @each $key, $value in $dark-theme {
-    --#{$key}: #{$value};
-  }
-}

package/lib/styles/DashboardDonutChart.scss

@@ -1,277 +0,0 @@
-@use '../../../assets/styles/fonts';
-
-.ff-dashboard-donut-chart-section {
-  display: flex;
-  align-items: center;
-
-  &.legend-position-bottom {
-    flex-direction: column;
-  }
-
-  &.legend-position-left {
-    flex-direction: row-reverse;
-  }
-
-  &-table-legend {
-    flex-direction: row;
-  }
-
-  .ff-dashboard-donut-chart-svg-container {
-    text-align: center;
-
-    svg {
-      display: block;
-
-      text:nth-of-type(1) {
-        font-weight: 600;
-      }
-      text:nth-of-type(2) {
-        font-weight: 500;
-      }
-    }
-
-    .ff-donut-chart-tooltip {
-      position: absolute;
-      padding: 5px;
-      border-radius: 4px;
-      pointer-events: none;
-      background-color: var(--tooltip-bg-color);
-      color: var(--tooltip-text-color);
-    }
-  }
-
-  @mixin ff-legend-item-styles {
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex: 1 1 calc(33.33% - var(--donut-legend-gap, 5px));
-
-    .ff-legend-value {
-      white-space: nowrap;
-    }
-  }
-
-  @mixin ff-side-legend-styles {
-    flex-direction: column;
-    flex-wrap: wrap;
-    height: 200px;
-    width: auto;
-    justify-content: center;
-
-    .ff-legend-item {
-      flex: 0 0 auto !important;
-      width: 100%;
-      justify-content: center;
-    }
-  }
-
-  .ff-legend-container {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    gap: var(--donut-legend-gap, 5px); // Dynamic gap support with fallback
-
-    .ff-legend-item {
-      @include ff-legend-item-styles;
-    }
-
-    &.ff-count-2,
-    &.ff-count-4 {
-      .ff-legend-item {
-        flex: 1 1 calc(50% - var(--donut-legend-gap, 5px));
-      }
-    }
-
-    &.ff-count-5 {
-      .ff-legend-item:nth-child(-n + 3) {
-        flex: 1 1 calc(33.33% - var(--donut-legend-gap, 5px));
-      }
-      .ff-legend-item:nth-child(n + 4) {
-        flex: 1 1 calc(50% - var(--donut-legend-gap, 5px));
-      }
-    }
-
-    &.ff-count-3,
-    &.ff-count-6,
-    &.ff-count-more {
-      .ff-legend-item {
-        flex: 1 1 calc(33.33% - var(--donut-legend-gap, 5px));
-      }
-    }
-
-    &.ff-side-legend {
-      @include ff-side-legend-styles;
-
-      &.ff-count-2,
-      &.ff-count-4 {
-        .ff-legend-item {
-          height: calc(50% - var(--donut-legend-gap, 5px));
-        }
-      }
-
-      &.ff-count-3,
-      &.ff-count-5,
-      &.ff-count-6,
-      &.ff-count-more {
-        .ff-legend-item {
-          height: calc(33.33% - var(--donut-legend-gap, 5px));
-        }
-      }
-    }
-
-    &.ff-pill-legend {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: var(--donut-legend-gap, 5px);
-      overflow-y: auto;
-      width: auto;
-      min-width: 0;
-      overflow-x: visible;
-      .ff-legend-item {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-
-        .ff-legend-capsule {
-          background-color: var(--status-success-text-color);
-          color: var(--tooltip-text-color);
-          border-radius: 15px;
-          width: 25px;
-          height: 18px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-        .ff-legend-capsule-content {
-          position: relative;
-          top: 1px;
-        }
-        .ff-legend-key {
-          margin-left: 8px;
-          color: var(--text-color);
-        }
-      }
-    }
-  }
-
-  .ff-legend-table-wrapper {
-    border: 1px solid var(--border-color);
-    border-radius: 4px;
-    margin-left: 1rem;
-    overflow-y: auto;
-  }
-
-  .ff-legend-table {
-    width: 100%;
-    min-width: 300px;
-    border-collapse: collapse;
-    text-align: left;
-
-    .ff-legend-table-thead {
-      position: static;
-      top: auto;
-    }
-    .ff-table-header {
-      @extend .fontXs;
-      font-weight: bold;
-      background-color: var(--tabs-bg-color);
-      color: var(--input-hover-border-color);
-      padding: 7px 5px 9px 20px;
-
-      &:last-child {
-        text-align: right;
-        padding-right: 10px;
-      }
-      &:nth-last-child(2) {
-        width: 58px;
-      }
-    }
-    .ff-legend-capsule {
-      background-color: var(--status-success-text-color);
-      color: var(--tooltip-text-color);
-      border-radius: 1rem;
-      min-width: 22px;
-      height: 16px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    .ff-legend-item {
-      .ff-legend-name {
-        margin-left: 10px;
-      }
-      .ff-legend-name,
-      .ff-legend-percentage,
-      .ff-legend-count {
-        padding: 4px 8px 4px 10px;
-        @extend .fontXs;
-        color: var(--input-hover-border-color);
-        &:last-child {
-          padding-right: 22px;
-        }
-      }
-      .ff-legend-name {
-        display: flex;
-        align-items: baseline;
-        gap: 5px;
-        color: var(--input-hover-border-color);
-      }
-      .ff-legend-count {
-        text-align: right;
-      }
-    }
-  }
-}
-
-.ff-overflow-visible,
-.ff-svg-overflow-visible {
-  overflow: visible;
-}
-
-.ff-d-flex {
-  display: flex;
-}
-
-.ff-legend-version-container {
-  margin-left: 10px;
-  height: 56px;
-  width: 251px;
-  padding: 8px;
-  display: flex;
-  justify-content: center;
-  overflow: auto;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-.ff-legend-version-container::-webkit-scrollbar {
-  display: none;
-}
-
-.ff-legend-version-grid {
-  display: grid;
-  grid-template-columns: repeat(4, auto);
-  column-gap: 30px;
-  row-gap: 20px;
-}
-
-.ff-legend-version-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-}
-
-.ff-legend-version-circle {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-}
-.ff-legend-version-error {
-  height: 56px;
-  width: 251px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}

package/lib/styles/DataSetTooltip.scss

@@ -1,14 +0,0 @@
-@mixin flex-column {
-  display: flex;
-  flex-direction: column;
-}
-
-.ff-dataSetList-container {
-  @include flex-column;
-  gap: 4px;
-  padding: 6px 12px;
-
-  .ff-dataSetList-items {
-    @include flex-column;
-  }
-}