@elliemae/ds-basic 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/styles/components/packages/ds-query-builder/components/QueryBuilderItem/QueryBuilderItem.scss

@@ -5,115 +5,104 @@ $el-option: rule-container-options;
 $el-list: nestable-list;
 $query-builder-row: em-ds-query-builder-row;
 
-.nested-main-group{
+.nested-main-group {
   position: relative;
   display: flex;
   flex-direction: row;
+  min-width: 640px;
 
-  .#{$main-list}{
+  .#{$main-list} {
     flex: 1;
   }
-  .#{$el-list}{
+  .#{$el-list} {
     order: 0;
   }
-  .#{$el-option}{
+  .#{$el-option} {
     order: 1;
   }
-
 }
 
-
 // main group
-.nestable-item-type-group{
-  position: relative;  
+.nestable-item-type-group {
+  position: relative;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
 
-  .nestable-list{
-    order:0;
+  .nestable-list {
+    order: 0;
     flex: 1;
   }
-  .nestable-item-name--group{
+  .nestable-item-name--group {
     order: 1;
   }
-
 }
 
-
-.#{$item}{
-  &.is-dragging{
-    .#{$query-builder-row}{
+.#{$item} {
+  &.is-dragging {
+    .#{$query-builder-row} {
       @include box-shadow($row-shadow-drag);
     }
   }
 }
 
-
-.#{$group}{
-
-  .#{$item}{
+.#{$group} {
+  .#{$item} {
     margin-bottom: space(xs);
-    &:last-child{
-      margin-bottom: 0;   
+    &:last-child {
+      margin-bottom: 0;
     }
   }
 }
 
-
-
 .nestable-item {
-  & > .nestable-list{
-    
-    &.nestable-child-count-single{
-        .is-or-filter{
-          .nestable-item-name--filter{
-            background: $is-or-color;
-          }
-        }
-        .is-and-filter{
-          .nestable-item-name--filter{
-            background:  $is-and-color;
-          }
+  & > .nestable-list {
+    &.nestable-child-count-single {
+      .is-or-filter {
+        .nestable-item-name--filter {
+          background: $is-or-color;
         }
-        .nestable-item-name--filter{
-          padding: 1px;
-          padding-bottom: 20px;
-          @include box-shadow($row-shadow-default-filter);    
+      }
+      .is-and-filter {
+        .nestable-item-name--filter {
+          background: $is-and-color;
         }
+      }
+      .nestable-item-name--filter {
+        padding: 1px;
+        padding-bottom: 20px;
+        @include box-shadow($row-shadow-default-filter);
+      }
     }
   }
 }
 
 .nested-main-group {
-  & > .nestable{
-    
-    & > .nestable-child-count-single{
-        .is-or-filter{
-          .nestable-item-name--filter{
-            background: $is-or-color;
-          }
+  & > .nestable {
+    & > .nestable-child-count-single {
+      .is-or-filter {
+        .nestable-item-name--filter {
+          background: $is-or-color;
         }
-        .is-and-filter{
-          .nestable-item-name--filter{
-            background:  $is-and-color;
-          }
-        }
-        .nestable-item-name--filter{
-          padding: 1px;
-          padding-bottom: 20px;
-          @include box-shadow($row-shadow-default-filter);    
+      }
+      .is-and-filter {
+        .nestable-item-name--filter {
+          background: $is-and-color;
         }
+      }
+      .nestable-item-name--filter {
+        padding: 1px;
+        padding-bottom: 20px;
+        @include box-shadow($row-shadow-default-filter);
+      }
     }
   }
 
-  &.query-main-single-row > .nestable{
-    
-    & > .nestable-child-count-single{
-        .nestable-item-name--filter{
-          padding: 3px;
-        }
+  &.query-main-single-row > .nestable {
+    & > .nestable-child-count-single {
+      .nestable-item-name--filter {
+        padding: 3px;
+      }
     }
   }
-
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-basic",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "EllieMae UI Design System Library",
   "files": [
@@ -43,7 +43,7 @@
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
-    "react": "~17.0.2",
+    "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "publishConfig": {