@elliemae/ds-basic 2.0.0-rc.9 → 2.1.0-rc.0

package/styles/components/packages/ds-treeview/deprecated/Tree.scss

@@ -1,143 +0,0 @@
-// ********************************************
-// container definition
-$tree-list: #{$prefix}-tree-list;
-$tree-item: #{$prefix}-tree-item;
-$rz-normal: #{$prefix}-tv-row-size-normal;
-$rz-compact: #{$prefix}-tv-row-size-compact;
-$normal: 36px;
-$compact: 28px;
-
-$dsicon: #{$prefix}-icon;
-
-.#{$tree-item} {  
-  color: color(neutral, 800);
-  display: flex;
-  position: relative;
-  background-color: color(neutral, 000);
-  padding: 0 space(xxs);
-  min-height: $normal;
-
-  .#{$tree-item}__value {
-    display: flex;
-    flex: 1;
-    min-width: 0;
-    margin: space(xs) 0 ;
-    margin-top: space(xs) * 1.5;
-    .tree-item-value {
-      margin-right: 2px;
-    }
-  }
-
-  &__addons {
-    display: flex;
-    align-items: center;
-    height: $normal;
-    margin-right: space(xxs) * 0.5;
-    .#{$dsicon} {
-      @include icon-color(color(brand-primary, 800));
-    }
-  }
-
-  &.selected {
-    background-color: color(brand-primary, 200);
-  }
-
-  .drag-handle {
-    transition: duration(fast) easing(base);
-    align-items: center;
-    display: flex;
-    height: 100%;
-    width: space(s) * 1.3;
-    visibility: visible;
-    opacity: 1;
-    // todo: revise this on the future to get icon proper sizes
-    svg {
-      width: 20px;
-      height: 20px;
-    }
-
-    // &:focus {
-    //   @include dsFocus();
-    // }
-    @include icon-color(color(neutral, 200));
-  }
-
-  &.can-group-over {
-    .#{$tree-item}__value {
-      font-weight: bold;
-    }
-  }
-
-  .#{$tree-item}-content {
-    display: flex;
-    flex: 1;
-    min-width: 0;
-  }
-
-  .tree-item-icon {
-    margin-right: space(xxs);
-  }
-
-  .tree-item-radio {
-    padding-bottom: 0;
-  }
-
-  &:hover {
-    .drag-handle {
-      @include icon-color(color(brand-primary, 700));
-    }
-
-    //Update from mixins when the correct states story comes
-    background-color: color(neutral, 080);
-
-    &.selected {
-      background-color: color(brand-primary, 200);
-    }
-  }
-
-  &:focus {
-    @include dsFocus();
-    box-shadow: unset;
-    border-radius: 0px;
-
-    &.selected {
-      outline: unset;
-    }
-  }
-
-
-  .toolbar-trigger{
-    margin-top: space(xxs);
-  }
-}
-
-.#{$tree-list}{
-  &.#{$rz-compact}{
-    .#{$tree-item} {
-      min-height: $compact;
-      &__addons {
-        height: $compact;
-      }
-      &__value  {
-        margin: 0;
-        margin-top:space(xs);
-      }
-    }
-    .toolbar-trigger{
-      margin-top: 0;
-    }
-  }
-}
-
-.#{$tree-list}-no-items {
-  display: flex;
-  justify-content: center;
-  padding-top: space(m);
-  height: 100%;
-  width: 100%;
-}
-
-.tree-text-highlight {
-  font-weight: bold;
-  background-color: color(warning, 600);
-}