npm - halleyx-ui-framework - Versions diffs - 4.1.8 → 4.1.9 - Mend

halleyx-ui-framework 4.1.8 → 4.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/README.md +1 -1
package/dist/cjs/index.js +1 -1
package/dist/es/index.js +1 -1
package/dist/src/assets/icon-style.css +1 -1
package/dist/src/assets/icons/icon-style(old).css +1 -1
package/dist/src/assets/icons/icon-style.css +1 -1
package/dist/src/assets/styles/accordion.scss +99 -99
package/dist/src/assets/styles/base.scss +6 -1
package/dist/src/assets/styles/breadcrumb.scss +15 -15
package/dist/src/assets/styles/buttons.scss +4 -4
package/dist/src/assets/styles/calendar.scss +343 -346
package/dist/src/assets/styles/cards.scss +17 -16
package/dist/src/assets/styles/colorPicker.scss +15 -15
package/dist/src/assets/styles/colorpalette.scss +138 -139
package/dist/src/assets/styles/common/var.scss +258 -31
package/dist/src/assets/styles/componentlayout.scss +126 -128
package/dist/src/assets/styles/contextMenu.scss +46 -47
package/dist/src/assets/styles/customdropdown.scss +113 -115
package/dist/src/assets/styles/dashboard.scss +764 -770
package/dist/src/assets/styles/dataview.scss +203 -206
package/dist/src/assets/styles/divider.scss +8 -8
package/dist/src/assets/styles/dottedPagination.scss +1 -1
package/dist/src/assets/styles/draggables.scss +36 -39
package/dist/src/assets/styles/drawer.scss +68 -53
package/dist/src/assets/styles/errorpage.scss +61 -64
package/dist/src/assets/styles/fileupload.scss +199 -205
package/dist/src/assets/styles/fonts.scss +29 -9
package/dist/src/assets/styles/icon.scss +1 -1
package/dist/src/assets/styles/imagegallery.scss +169 -167
package/dist/src/assets/styles/importProgress.scss +1 -1
package/dist/src/assets/styles/index.scss +21 -0
package/dist/src/assets/styles/inputfields.scss +44 -46
package/dist/src/assets/styles/inputitems.scss +315 -318
package/dist/src/assets/styles/label.scss +48 -54
package/dist/src/assets/styles/loaders.scss +1 -1
package/dist/src/assets/styles/mixins/_var.scss +31 -37
package/dist/src/assets/styles/mixins/functions.scss +7 -7
package/dist/src/assets/styles/modalwindow.scss +100 -103
package/dist/src/assets/styles/newtable.scss +10 -23
package/dist/src/assets/styles/objectViewer.scss +80 -80
package/dist/src/assets/styles/pagination.scss +12 -6
package/dist/src/assets/styles/rating.scss +2 -2
package/dist/src/assets/styles/scrollbar.scss +14 -14
package/dist/src/assets/styles/search.scss +162 -169
package/dist/src/assets/styles/select.scss +455 -480
package/dist/src/assets/styles/sidebar.scss +14 -2
package/dist/src/assets/styles/signup.scss +118 -128
package/dist/src/assets/styles/slideControl.scss +1 -0
package/dist/src/assets/styles/source_content.scss +13 -13
package/dist/src/assets/styles/speeddial.scss +152 -163
package/dist/src/assets/styles/style.css.map +12 -12
package/dist/src/assets/styles/switch.scss +177 -189
package/dist/src/assets/styles/tablev2.scss +140 -143
package/dist/src/assets/styles/tabs.scss +48 -49
package/dist/src/assets/styles/tag.scss +3 -3
package/dist/src/assets/styles/texteditor.scss +165 -172
package/dist/src/assets/styles/timeline.scss +384 -400
package/dist/src/assets/styles/tooltip.scss +52 -72
package/dist/src/assets/styles/tree.scss +13 -15
package/dist/src/assets/styles/treeSelect.scss +8 -8
package/dist/src/assets/styles/variables.scss +9 -9
package/dist/src/assets/styles/visualbuilder.scss +362 -366
package/dist/umd/index.umd.js +1 -1
package/dist/umd/index.umd.js.map +1 -1
package/package.json +1 -1
package/dist/es/index.css +0 -1
package/dist/umd/index.umd.css +0 -1

package/dist/src/assets/styles/visualbuilder.scss CHANGED Viewed

@@ -1,100 +1,78 @@
 .builder-parent {
-.parent-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  //   height: 100%;
-  align-items: flex-end;
-  .top,
-  .bottom {
-    width: 100%;
-    display: flex;
-    justify-content: flex-end;
-    // height: 100%;
-  }
-}
-.groups {
-  margin: 8px 4px 8px 4px;
-  //   padding: 10px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  .left-5 {
+  .parent-container {
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    padding-bottom: 38px;
-    hr {
-      display: block;
-      height: 1px;
-      border: 0;
-      border-top: 1px dashed #a6a6a6;
-      margin: 1em 0;
-      padding: 0;
-      width: 50px;
+    width: 100%;
+    //   height: 100%;
+    align-items: flex-end;
+    .top,
+    .bottom {
+      width: 100%;
+      display: flex;
+      justify-content: flex-end;
+      // height: 100%;
     }
   }
-  .right-5 {
+  .groups {
+    margin: 8px 4px 8px 4px;
+    //   padding: 10px;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
-    width: 100%;
-    .top-right-5 {
-      width: 100%;
+    .left-5 {
       display: flex;
-      flex-direction: row;
-      padding: 8px;
-      background: #ffff;
-      border-radius: 5px;
-      border: 1px solid #d8d8d8;
-      .left-6 {
-        // padding: 50px 0 50px 0;
-        .left-6-inner {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          border-right: 1px dashed #a6a6a6;
-          height: 100%;
-        }
+      flex-direction: column;
+      justify-content: center;
+      padding-bottom: 38px;
+      hr {
+        display: block;
+        height: 1px;
+        border: 0;
+        border-top: 1px dashed #a6a6a6;
+        margin: 1em 0;
+        padding: 0;
+        width: 50px;
       }
-      .right-6 {
-        display: flex;
-        flex-direction: column;
+    }
+    .right-5 {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      width: 100%;
+      .top-right-5 {
         width: 100%;
-        .ggroup {
-          display: flex;
-          flex-direction: row;
-          // justify-content: center;
-          // background: #d8d8d8;
-          margin: 4px 0 4px 0;
-          // padding: 8px;
-          width: 100%;
-          .left-7 {
+        display: flex;
+        flex-direction: row;
+        padding: 8px;
+        background: #ffff;
+        border-radius: 5px;
+        border: 1px solid #d8d8d8;
+        .left-6 {
+          // padding: 50px 0 50px 0;
+          .left-6-inner {
             display: flex;
             flex-direction: column;
             justify-content: center;
-            hr {
-              display: block;
-              height: 1px;
-              border: 0;
-              border-top: 1px dashed #a6a6a6;
-              margin: 1em 0;
-              padding: 0;
-              width: 50px;
-            }
+            border-right: 1px dashed #a6a6a6;
+            height: 100%;
           }
-          .right-7 {
+        }
+        .right-6 {
+          display: flex;
+          flex-direction: column;
+          width: 100%;
+          .ggroup {
             display: flex;
-            flex-direction: column;
-            width: 100%;
-            background: #fff;
-            border-radius: 5px;
-            padding-left: 8px;
+            flex-direction: row;
             // justify-content: center;
-            .trial {
+            // background: #d8d8d8;
+            margin: 4px 0 4px 0;
+            // padding: 8px;
+            width: 100%;
+            .left-7 {
               display: flex;
-              flex-direction: row;
+              flex-direction: column;
+              justify-content: center;
               hr {
                 display: block;
                 height: 1px;
@@ -104,95 +82,116 @@
                 padding: 0;
                 width: 50px;
               }
-              .left-3 {
+            }
+            .right-7 {
+              display: flex;
+              flex-direction: column;
+              width: 100%;
+              background: #fff;
+              border-radius: 5px;
+              padding-left: 8px;
+              // justify-content: center;
+              .trial {
                 display: flex;
-                align-items: center;
-                justify-content: center;
-                padding: 30px 0 30px 0;
-                .left-3-inner {
-                  border-right: 1px dashed #a6a6a6;
-                  height: 100%;
+                flex-direction: row;
+                hr {
+                  display: block;
+                  height: 1px;
+                  border: 0;
+                  border-top: 1px dashed #a6a6a6;
+                  margin: 1em 0;
+                  padding: 0;
+                  width: 50px;
+                }
+                .left-3 {
                   display: flex;
                   align-items: center;
+                  justify-content: center;
+                  padding: 30px 0 30px 0;
+                  .left-3-inner {
+                    border-right: 1px dashed #a6a6a6;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                  }
                 }
-              }
-              .right-3 {
-                width: 100%;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                .conditions {
+                .right-3 {
+                  width: 100%;
                   display: flex;
-                  flex-direction: row;
+                  flex-direction: column;
                   justify-content: center;
-                  width: 100%;
-                  .left-2 {
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: center;
-                    hr {
-                      display: block;
-                      height: 1px;
-                      border: 0;
-                      border-top: 1px dashed #a6a6a6;
-                      margin: 1em 0;
-                      padding: 0;
-                      width: 50px;
-                    }
-                  }
-                  .right-2 {
+                  .conditions {
                     display: flex;
-                    flex-direction: column;
+                    flex-direction: row;
                     justify-content: center;
                     width: 100%;
-                    .exp-container {
+                    .left-2 {
                       display: flex;
-                      flex-direction: row;
-                      margin: 8px;
-                      .exp-set {
-                        width: 100% !important;
-                        // border: 1px solid #d8d8d8;
+                      flex-direction: column;
+                      justify-content: center;
+                      hr {
+                        display: block;
+                        height: 1px;
+                        border: 0;
+                        border-top: 1px dashed #a6a6a6;
+                        margin: 1em 0;
+                        padding: 0;
+                        width: 50px;
+                      }
+                    }
+                    .right-2 {
+                      display: flex;
+                      flex-direction: column;
+                      justify-content: center;
+                      width: 100%;
+                      .exp-container {
                         display: flex;
                         flex-direction: row;
-                        border-radius: 5px;
-                        .select-lhs,
-                        .select-rhs {
-                          width: 40%;
-                          margin-right: 8px;
-                        }
-                        .select-op {
-                          width: 10%;
-                          margin-right: 8px;
-                          .equal{
-                            border: 1px solid #d8d8d8;
-                            border-radius: 5px;
-                            height: 100%;
-                            background: #fff;
-                           display: flex;
-                           align-items: center;
-                           justify-content: center;
-                          }
-                        }
-                        .actions {
+                        margin: 8px;
+                        .exp-set {
+                          width: 100% !important;
+                          // border: 1px solid #d8d8d8;
                           display: flex;
                           flex-direction: row;
-                          align-items: center;
-                          .icon-plus-circle-filled {
-                            color: var(--hlx-color-primary);
-                            font-size: 24px;
+                          border-radius: 5px;
+                          .select-lhs,
+                          .select-rhs {
+                            width: 40%;
                             margin-right: 8px;
                           }
-                          .icon-trash-regular {
-                            color: #a6a6a6;
-                            font-size: 24px;
+                          .select-op {
+                            width: 10%;
+                            margin-right: 8px;
+                            .equal {
+                              border: 1px solid #d8d8d8;
+                              border-radius: 5px;
+                              height: 100%;
+                              background: #fff;
+                              display: flex;
+                              align-items: center;
+                              justify-content: center;
+                            }
                           }
-                          i {
-                            cursor: pointer;
+                          .actions {
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            .icon-plus-circle-filled {
+                              color: var(--hlx-color-primary);
+                              font-size: 24px;
+                              margin-right: 8px;
+                            }
+                            .icon-trash-regular {
+                              color: #a6a6a6;
+                              font-size: 24px;
+                            }
+                            i {
+                              cursor: pointer;
+                            }
                           }
                         }
                       }
@@ -205,253 +204,251 @@
         }
       }
     }
-  }
-  .bottom-right-5 {
-    display: flex;
-    margin-top: 8px;
-    margin-left: auto;
-  }
-}
-.level2-container {
-  margin: 10px;
-  padding: 10px;
-  background: #f7f7f7;
-  border-radius: 5px;
-  width: 100%;
-  display: flex;
-  .left-left {
-    width: 50px;
-    // padding-bottom: 50px;
-    .border-2 {
-      border-left: 1px dashed #a6a6a6;
-      height: 100%;
-      border-top: 1px dashed #a6a6a6;
-      border-bottom: 1px dashed #a6a6a6;
+    .bottom-right-5 {
       display: flex;
-      align-items: center;
+      margin-top: 8px;
+      margin-left: auto;
     }
   }
-  .right-right {
+  .level2-container {
+    margin: 10px;
+    padding: 10px;
+    background: #f7f7f7;
+    border-radius: 5px;
     width: 100%;
-  }
-}
-.level3-container {
-  margin: 10px;
-  padding: 10px;
-  background: #fff;
-  border-radius: 5px;
-  width: 100%;
-  display: flex;
-  .left-left-left {
-    width: 50px;
+    display: flex;
+    .left-left {
+      width: 50px;
-    // padding-bottom: 50px;
-    .border-3 {
-      border-left: 1px dashed #a6a6a6;
-      height: 100%;
-      border-top: 1px dashed #a6a6a6;
-      border-bottom: 1px dashed #a6a6a6;
-      display: flex;
-      align-items: center;
+      // padding-bottom: 50px;
+      .border-2 {
+        border-left: 1px dashed #a6a6a6;
+        height: 100%;
+        border-top: 1px dashed #a6a6a6;
+        border-bottom: 1px dashed #a6a6a6;
+        display: flex;
+        align-items: center;
+      }
+    }
+    .right-right {
+      width: 100%;
     }
   }
-  .right-right-right {
+  .level3-container {
+    margin: 10px;
+    padding: 10px;
+    background: #fff;
+    border-radius: 5px;
     width: 100%;
-  }
-}
-.level4-container {
-  margin: 10px;
-  padding: 10px;
-  border-radius: 5px;
-  background: #f7f7f7;
-  border-radius: 5px;
-  width: 100%;
-  display: flex;
-  .left-left-left-left {
-    width: 50px;
+    display: flex;
+    .left-left-left {
+      width: 50px;
-    // padding-bottom: 50px;
-    .border-4 {
-      border-left: 1px dashed #a6a6a6;
-      height: 100%;
-      border-top: 1px dashed #a6a6a6;
-      border-bottom: 1px dashed #a6a6a6;
-      display: flex;
-      align-items: center;
+      // padding-bottom: 50px;
+      .border-3 {
+        border-left: 1px dashed #a6a6a6;
+        height: 100%;
+        border-top: 1px dashed #a6a6a6;
+        border-bottom: 1px dashed #a6a6a6;
+        display: flex;
+        align-items: center;
+      }
+    }
+    .right-right-right {
+      width: 100%;
     }
   }
-  .right-right-right-right {
+  .level4-container {
+    margin: 10px;
+    padding: 10px;
+    border-radius: 5px;
+    background: #f7f7f7;
+    border-radius: 5px;
     width: 100%;
-  }
-}
-.level5-container {
-  margin: 10px;
-  padding: 10px;
-  background: #fff;
-  border-radius: 5px;
-  width: 100%;
-  display: flex;
-  .left-left-left-left-left {
-    width: 50px;
+    display: flex;
+    .left-left-left-left {
+      width: 50px;
-    // padding-bottom: 50px;
-    .border-5 {
-      border-left: 1px dashed #a6a6a6;
-      height: 100%;
-      border-top: 1px dashed #a6a6a6;
-      border-bottom: 1px dashed #a6a6a6;
-      display: flex;
-      align-items: center;
+      // padding-bottom: 50px;
+      .border-4 {
+        border-left: 1px dashed #a6a6a6;
+        height: 100%;
+        border-top: 1px dashed #a6a6a6;
+        border-bottom: 1px dashed #a6a6a6;
+        display: flex;
+        align-items: center;
+      }
+    }
+    .right-right-right-right {
+      width: 100%;
     }
   }
-  .right-right-right-right-right {
+  .level5-container {
+    margin: 10px;
+    padding: 10px;
+    background: #fff;
+    border-radius: 5px;
     width: 100%;
-  }
-}
-.top {
-  display: flex;
-  flex-direction: column;
-  //   background: lightblue;
-  // height: 100%;
+    display: flex;
+    .left-left-left-left-left {
+      width: 50px;
-  .left {
+      // padding-bottom: 50px;
+      .border-5 {
+        border-left: 1px dashed #a6a6a6;
+        height: 100%;
+        border-top: 1px dashed #a6a6a6;
+        border-bottom: 1px dashed #a6a6a6;
+        display: flex;
+        align-items: center;
+      }
+    }
+    .right-right-right-right-right {
+      width: 100%;
+    }
   }
-  .right {
+  .top {
     display: flex;
-    width: 100%;
-    .top-1 {
-      width: 100%;
+    flex-direction: column;
+    //   background: lightblue;
+    // height: 100%;
-      .level {
-        display: flex;
-        flex-direction: row;
+    // .left {
+    // }
+    .right {
+      display: flex;
+      width: 100%;
+      .top-1 {
+        width: 100%;
-        .left-1 {
-          // width: 2px;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          hr {
-            display: block;
-            height: 1px;
-            border: 0;
-            border-top: 1px dashed #a6a6a6;
-            margin: 1em 0;
-            padding: 0;
-            width: 50px;
-          }
-        }
-        .right-1 {
-          width: 100%;
-          background: #fff;
-          border-radius: 5px;
-          padding: 4px 8px 4px 8px;
+        .level {
           display: flex;
           flex-direction: row;
-          .left-4 {
+          .left-1 {
+            // width: 2px;
             display: flex;
-            align-items: center;
+            flex-direction: column;
             justify-content: center;
-            padding: 66px 0 66px 0;
-            // height: 100%;
-            .left-4-inner {
-              border-right: 1px dashed #a6a6a6;
-              height: 100%;
-              display: flex;
-              align-items: center;
+            hr {
+              display: block;
+              height: 1px;
+              border: 0;
+              border-top: 1px dashed #a6a6a6;
+              margin: 1em 0;
+              padding: 0;
+              width: 50px;
             }
           }
-          .right-4 {
+          .right-1 {
             width: 100%;
+            background: #fff;
+            border-radius: 5px;
+            padding: 4px 8px 4px 8px;
+            display: flex;
+            flex-direction: row;
+            .left-4 {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              padding: 66px 0 66px 0;
+              // height: 100%;
+              .left-4-inner {
+                border-right: 1px dashed #a6a6a6;
+                height: 100%;
+                display: flex;
+                align-items: center;
+              }
+            }
+            .right-4 {
+              width: 100%;
+            }
           }
         }
       }
     }
   }
-}
-.bottom {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 8px;
-}
-.box,
-.boxx,
-.boxxx {
-  height: 50px;
-  width: 50px;
-  // background: red;
-  position: relative;
-  margin-right: auto;
-  //   right: 45px;
-  border: 1px solid var(--hlx-color-primary);
-  box-sizing: border-box;
-  border-radius: 3px;
-  display: flex;
-  flex-direction: column;
-  font-size: 12px;
-  justify-content: center;
-  color: var(--hlx-color-primary);
-  background: #fff;
-  left: 25px;
-  .grp-and {
-    height: 25px;
-    padding-left: 11px;
-    padding-top: 2.5px;
-    cursor: pointer;
-  }
-  .grp-or {
-    height: 25px;
-    padding-left: 14px;
-    padding-top: 2.5px;
-    cursor: pointer;
-  }
-  .selected-grp {
-    background: var(--hlx-color-primary);
-    color: #fff;
-  }
-}
-.boxxxx {
-  height: 50px;
-  width: 50px;
-  // background: red;
-  position: relative;
-  margin-right: auto;
-  //   right: 45px;
-  border: 1px solid var(--hlx-color-primary);
-  box-sizing: border-box;
-  border-radius: 3px;
-  display: flex;
-  flex-direction: column;
-  font-size: 12px;
-  justify-content: center;
-  color: var(--hlx-color-primary);
-  background: #fff;
-  right: 25px;
-  .grp-and {
-    height: 25px;
-    padding-left: 11px;
-    padding-top: 2.5px;
-    cursor: pointer;
+  .bottom {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 8px;
   }
-  .grp-or {
-    height: 25px;
-    padding-left: 14px;
-    padding-top: 2.5px;
-    cursor: pointer;
+  .box,
+  .boxx,
+  .boxxx {
+    height: 50px;
+    width: 50px;
+    // background: red;
+    position: relative;
+    margin-right: auto;
+    //   right: 45px;
+    border: 1px solid var(--hlx-color-primary);
+    box-sizing: border-box;
+    border-radius: 3px;
+    display: flex;
+    flex-direction: column;
+    font-size: 12px;
+    justify-content: center;
+    color: var(--hlx-color-primary);
+    background: #fff;
+    left: 25px;
+    .grp-and {
+      height: 25px;
+      padding-left: 11px;
+      padding-top: 2.5px;
+      cursor: pointer;
+    }
+    .grp-or {
+      height: 25px;
+      padding-left: 14px;
+      padding-top: 2.5px;
+      cursor: pointer;
+    }
+    .selected-grp {
+      background: var(--hlx-color-primary);
+      color: #fff;
+    }
   }
-  .selected-grp {
-    background: var(--hlx-color-primary);
-    color: #fff;
+  .boxxxx {
+    height: 50px;
+    width: 50px;
+    // background: red;
+    position: relative;
+    margin-right: auto;
+    //   right: 45px;
+    border: 1px solid var(--hlx-color-primary);
+    box-sizing: border-box;
+    border-radius: 3px;
+    display: flex;
+    flex-direction: column;
+    font-size: 12px;
+    justify-content: center;
+    color: var(--hlx-color-primary);
+    background: #fff;
+    right: 25px;
+    .grp-and {
+      height: 25px;
+      padding-left: 11px;
+      padding-top: 2.5px;
+      cursor: pointer;
+    }
+    .grp-or {
+      height: 25px;
+      padding-left: 14px;
+      padding-top: 2.5px;
+      cursor: pointer;
+    }
+    .selected-grp {
+      background: var(--hlx-color-primary);
+      color: #fff;
+    }
   }
-}
   padding: 10px;
-  .my-editor{
-    margin-top : 0 !important;
+  .my-editor {
+    margin-top: 0 !important;
     height: 37px !important;
   }
 }
@@ -477,14 +474,14 @@
     .select-op {
       width: 10%;
       margin-right: 8px;
-      .equal{
+      .equal {
         border: 1px solid #d8d8d8;
         border-radius: 5px;
         height: 100%;
         background: #fff;
-       display: flex;
-       align-items: center;
-       justify-content: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
     }
     .actions {
@@ -505,9 +502,8 @@
       }
     }
   }
-  .my-editor{
+  .my-editor {
     height: 38px !important;
     margin-top: 0px !important;
   }
 }