@elliemae/ds-basic 2.0.1 → 2.1.0-rc.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "2.0.1",
+  "version": "2.1.0-rc.10",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "module": "./esm/index.js",
@@ -296,49 +296,49 @@
     "dev": "node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "2.0.1",
-    "@elliemae/ds-app-picker": "2.0.1",
-    "@elliemae/ds-backdrop": "2.0.1",
-    "@elliemae/ds-breadcrumb": "2.0.1",
-    "@elliemae/ds-button": "2.0.1",
-    "@elliemae/ds-button-group": "2.0.1",
-    "@elliemae/ds-card": "2.0.1",
-    "@elliemae/ds-circular-progress-indicator": "2.0.1",
-    "@elliemae/ds-form": "2.0.1",
-    "@elliemae/ds-grid": "2.0.1",
-    "@elliemae/ds-group-box": "2.0.1",
-    "@elliemae/ds-header": "2.0.1",
-    "@elliemae/ds-hidden": "2.0.1",
-    "@elliemae/ds-icon": "2.0.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "2.0.1",
-    "@elliemae/ds-label-value": "2.0.1",
-    "@elliemae/ds-list-section-header": "2.0.1",
-    "@elliemae/ds-loading-indicator": "2.0.1",
-    "@elliemae/ds-menu": "2.0.1",
-    "@elliemae/ds-overlay": "2.0.1",
-    "@elliemae/ds-page-header": "2.0.1",
-    "@elliemae/ds-page-number": "2.0.1",
-    "@elliemae/ds-pills": "2.0.1",
-    "@elliemae/ds-popover": "2.0.1",
-    "@elliemae/ds-popper": "2.0.1",
-    "@elliemae/ds-portal": "2.0.1",
-    "@elliemae/ds-progress-indicator": "2.0.1",
-    "@elliemae/ds-read-more": "2.0.1",
-    "@elliemae/ds-resizeable-container": "2.0.1",
-    "@elliemae/ds-separator": "2.0.1",
-    "@elliemae/ds-side-panel": "2.0.1",
-    "@elliemae/ds-slider": "2.0.1",
-    "@elliemae/ds-spinner": "2.0.1",
-    "@elliemae/ds-tabs": "2.0.1",
-    "@elliemae/ds-text-wrapper": "2.0.1",
-    "@elliemae/ds-time-picker": "2.0.1",
-    "@elliemae/ds-toast": "2.0.1",
-    "@elliemae/ds-toolbar": "2.0.1",
-    "@elliemae/ds-tooltip": "2.0.1",
-    "@elliemae/ds-truncated-expandable-text": "2.0.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.1",
-    "@elliemae/ds-zipcode-search": "2.0.1",
-    "@elliemae/ds-zoom": "2.0.1"
+    "@elliemae/ds-accordion": "2.1.0-rc.10",
+    "@elliemae/ds-app-picker": "2.1.0-rc.10",
+    "@elliemae/ds-backdrop": "2.1.0-rc.10",
+    "@elliemae/ds-breadcrumb": "2.1.0-rc.10",
+    "@elliemae/ds-button": "2.1.0-rc.10",
+    "@elliemae/ds-button-group": "2.1.0-rc.10",
+    "@elliemae/ds-card": "2.1.0-rc.10",
+    "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.10",
+    "@elliemae/ds-form": "2.1.0-rc.10",
+    "@elliemae/ds-grid": "2.1.0-rc.10",
+    "@elliemae/ds-group-box": "2.1.0-rc.10",
+    "@elliemae/ds-header": "2.1.0-rc.10",
+    "@elliemae/ds-hidden": "2.1.0-rc.10",
+    "@elliemae/ds-icon": "2.1.0-rc.10",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.10",
+    "@elliemae/ds-label-value": "2.1.0-rc.10",
+    "@elliemae/ds-list-section-header": "2.1.0-rc.10",
+    "@elliemae/ds-loading-indicator": "2.1.0-rc.10",
+    "@elliemae/ds-menu": "2.1.0-rc.10",
+    "@elliemae/ds-overlay": "2.1.0-rc.10",
+    "@elliemae/ds-page-header": "2.1.0-rc.10",
+    "@elliemae/ds-page-number": "2.1.0-rc.10",
+    "@elliemae/ds-pills": "2.1.0-rc.10",
+    "@elliemae/ds-popover": "2.1.0-rc.10",
+    "@elliemae/ds-popper": "2.1.0-rc.10",
+    "@elliemae/ds-portal": "2.1.0-rc.10",
+    "@elliemae/ds-progress-indicator": "2.1.0-rc.10",
+    "@elliemae/ds-read-more": "2.1.0-rc.10",
+    "@elliemae/ds-resizeable-container": "2.1.0-rc.10",
+    "@elliemae/ds-separator": "2.1.0-rc.10",
+    "@elliemae/ds-side-panel": "2.1.0-rc.10",
+    "@elliemae/ds-slider": "2.1.0-rc.10",
+    "@elliemae/ds-spinner": "2.1.0-rc.10",
+    "@elliemae/ds-tabs": "2.1.0-rc.10",
+    "@elliemae/ds-text-wrapper": "2.1.0-rc.10",
+    "@elliemae/ds-time-picker": "2.1.0-rc.10",
+    "@elliemae/ds-toast": "2.1.0-rc.10",
+    "@elliemae/ds-toolbar": "2.1.0-rc.10",
+    "@elliemae/ds-tooltip": "2.1.0-rc.10",
+    "@elliemae/ds-truncated-expandable-text": "2.1.0-rc.10",
+    "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.10",
+    "@elliemae/ds-zipcode-search": "2.1.0-rc.10",
+    "@elliemae/ds-zoom": "2.1.0-rc.10"
   },
   "devDependencies": {
     "gulp": "~4.0.2",

package/styles/components/index.scss

@@ -32,7 +32,6 @@
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
 @import 'packages/ds-icon/DSIcon';
-@import 'packages/ds-accordion/DSAccordion';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/styles/components/packages/ds-basic/index.scss

@@ -39,7 +39,6 @@
 @import '../../ds-label-value/src/DSLabelValue';
 @import '../../ds-group-box/src/DSGroupBox';
 @import '../../ds-text-wrapper/src/DSTextWrapper';
-@import '../../ds-accordion/src/DSAccordion';
 @import '../../ds-card/src/DSCard';
 @import '../../ds-button-group/src//DSButtonGroup';
 @import '../../ds-menu/src/Menu';

package/styles/components/packages/ds-basic/styles/dist-index.scss

@@ -32,7 +32,6 @@
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
 @import 'packages/ds-icon/DSIcon';
-@import 'packages/ds-accordion/DSAccordion';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/styles/dist-index.scss

@@ -32,7 +32,6 @@
 @import 'packages/ds-overlay/DSOverlay';
 @import 'packages/ds-portal/DSPortal';
 @import 'packages/ds-icon/DSIcon';
-@import 'packages/ds-accordion/DSAccordion';
 @import 'packages/ds-card/DSCard';
 @import 'packages/ds-form/ComboBox/DSComboBox';
 @import 'packages/ds-button-group/DSButtonGroup';

package/styles/components/packages/ds-accordion/DSAccordion.scss

@@ -1,185 +0,0 @@
-$accordion: #{$prefix}-accordion-item;
-$h2: #{$accordion}__h2-title;
-
-@function separator-border($color: 200, $size: 1px) {
-  @return $size solid color(neutral, $color);
-}
-
-$basic-height: space(l);
-$secondary-height: space(xl);
-$title-with-secondary-line-height: calc(#{space(xl)} * 1.16 * 0.4);
-$secondary-line-height: calc(#{space(xl)} * 1.16 * 0.3);
-$padding-lines: calc(#{space(s)} * 0.5);
-
-.#{$accordion} {
-  &__accordion-button {
-    border: solid 1px transparent;
-    width: 100%;
-    height: $basic-height;
-
-    justify-content: left;
-    text-transform: initial;
-    & > span[role='presentation'] {
-      padding: 0;
-      width: 100%;
-    }
-
-    &.em-ds-button .label-wrapper {
-      // hack for the negative margin align of chevron
-      overflow: visible;
-    }
-
-    .#{$prefix}-accordion-item__title {
-      @include h4-text-style;
-      cursor: pointer;
-      display: flex;
-      flex-direction: row;
-      height: $basic-height;
-
-      .#{$prefix}-icon {
-        margin-top: auto;
-        margin-bottom: auto;
-        fill: color(brand-primary, 600);
-      }
-
-      &:focus {
-        outline: none;
-      }
-
-      h2 {
-        @include h2-text-style;
-        font-size: font-size(600);
-        width: 100%;
-        margin: 0 0 0 space(xxs);
-        color: color(neutral, 700);
-        text-decoration: none;
-        height: $basic-height;
-        margin-top: 7px;
-      }
-    }
-
-    &.with-secondary-title {
-      height: $secondary-height;
-      .#{$prefix}-accordion-item__title {
-        height: $secondary-height;
-        h2 {
-          height: $title-with-secondary-line-height;
-          padding-top: $padding-lines;
-          margin-bottom: space(xxs);
-          line-height: calc(#{space(xl)} * 1.16 * 0.3);
-          font-size: font-size(600);
-          margin-top: 0px;
-        }
-      }
-    }
-  }
-  &__title-wrapper {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-    align-items: center;
-    &.with-secondary-title {
-      overflow: hidden;
-      margin-right: space(s);
-    }
-  }
-  &__accordion-actions {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: flex-end;
-    align-items: center;
-    .#{$prefix}-button {
-      margin-left: space(xs);
-    }
-  }
-  &__title {
-    width: 100%;
-  }
-  &__secondary-title {
-    @include h2-text-style;
-    font-size: font-size(200);
-    line-height: $secondary-line-height;
-    width: 100%;
-    margin: 0 0 0 space(xxs);
-    color: color(neutral, 500);
-    text-decoration: none;
-    padding-bottom: $padding-lines;
-  }
-
-  @include md {
-    $m-basic-height: #{toMobile(space(xl) * 0.91667)};
-    .#{$prefix}-button {
-      width: 100%;
-      max-width: 100%;
-      overflow: hidden;
-    }
-    .#{$prefix}-button .#{$prefix}-icon:last-child {
-      margin-left: 0;
-      margin-right: 0;
-    }
-    &__accordion-button {
-      height: $m-basic-height;
-      max-width: 100%;
-      width: 100%;
-      overflow: hidden;
-      padding: 0;
-      .#{$prefix}-accordion-item__title {
-        font-size: font-size(600);
-        font-weight: font-weight(600);
-      }
-    }
-    .#{$prefix}-accordion-item__title {
-      height: $m-basic-height;
-      justify-content: space-between;
-      .#{$prefix}-icon {
-        margin-left: 0;
-        margin-right: 0;
-        width: #{toMobile(space(m))};
-      }
-      h2 {
-        line-height: $m-basic-height;
-        font-size: font-size(700);
-        margin-top: 0px;
-      }
-    }
-    &__title-wrapper {
-      width: calc(100% - #{space(m)});
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  }
-}
-
-.#{$prefix}-accordion {
-  .#{$prefix}-accordion-item {
-    border-bottom: separator-border();
-  }
-
-  @include md {
-    overflow: hidden;
-
-    .#{$prefix}-accordion-item {
-      border-top: separator-border();
-      border-bottom: none;
-      &:last-child {
-        border-bottom: separator-border();
-      }
-    }
-  }
-
-  .#{$prefix}-accordion-item__container {
-    overflow: hidden;
-    transition: height easing(base) duration(base);
-
-    .#{$prefix}-accordion-item__expand-zone {
-      overflow: hidden;
-    }
-  }
-  .#{$prefix}-accordion-item__expand-zone-space {
-    padding: space(s) 0 space(m) space(m);
-    @include md {
-      padding: toMobile(space(s)) 0 toMobile(space(m)) 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);
-}