halleyx-ui-framework 4.1.8 → 4.1.9

package/dist/src/assets/styles/imagegallery.scss

@@ -1,195 +1,197 @@
 .gallery-parent-container {
-    .pagination-parent{
-        display: flex;
-align-items: center;
-width: 100%;
-height: 50px;
-//   background: rgba(0, 0, 0, 0.7);
-// position: absolute;
-// bottom: 0;
-justify-content: center;
-}
-    // background: grey;
-    .image-container {
-      height: 500px;
-      position: relative;
+  .pagination-parent {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 50px;
+    //   background: rgba(0, 0, 0, 0.7);
+    // position: absolute;
+    // bottom: 0;
+    justify-content: center;
+  }
+  // background: grey;
+  .image-container {
+    height: 500px;
+    position: relative;
 
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        display: block;
-        box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
-        // border-radius: 5px;
-      }
-      .slider-parent-left {
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+      box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
+      // border-radius: 5px;
+    }
+    .slider-parent-left {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 15%;
+      height: 500px;
+      background: rgba(0, 0, 0, 0.7);
+      position: absolute;
+      bottom: 0;
+      .icon {
+        width: 5%;
+        height: 120px;
         display: flex;
-        flex-direction: column;
         align-items: center;
-        width: 15%;
-        height: 500px;
-        background: rgba(0, 0, 0, 0.7);
-        position: absolute;
-        bottom: 0;
-        .icon {
-          width: 5%;
-          height: 120px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          .icon-angle-left-regular,.icon-angle-right-regular {
-            color: #fff;
-            font-weight: bold;
-            cursor: pointer;
-            position: relative;
-            transform: rotate(90deg);
-          }
-        }
-        .slide-container {
-          overflow-y: scroll;
-          overflow-x: hidden;
-          width: 100%;
-  
-          display: flex;
-          flex-direction: column;
-          grid-template-columns: repeat(4, 1fr);
-          object-fit: contain;
-  
-          img {
-            height: 120px;
-            cursor: pointer;
-          }
+        justify-content: center;
+        .icon-angle-left-regular,
+        .icon-angle-right-regular {
+          color: #fff;
+          font-weight: bold;
+          cursor: pointer;
+          position: relative;
+          transform: rotate(90deg);
         }
       }
-      .slider-parent-right {
+      .slide-container {
+        overflow-y: scroll;
+        overflow-x: hidden;
+        width: 100%;
+
         display: flex;
         flex-direction: column;
-        align-items: center;
-        width: 15%;
-        height: 500px;
-        background: rgba(0, 0, 0, 0.7);
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        .icon {
-          width: 5%;
+        grid-template-columns: repeat(4, 1fr);
+        object-fit: contain;
+
+        img {
           height: 120px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          .icon-angle-left-regular,.icon-angle-right-regular {
-            color: #fff;
-            font-weight: bold;
-            cursor: pointer;
-            position: relative;
-            transform: rotate(90deg);
-          }
-        }
-        .slide-container {
-          overflow-y: scroll;
-          overflow-x: hidden;
-          width: 100%;
-  
-          display: flex;
-          flex-direction: column;
-          grid-template-columns: repeat(4, 1fr);
-          object-fit: contain;
-  
-          img {
-            height: 120px;
-            cursor: pointer;
-          }
+          cursor: pointer;
         }
       }
-      .slider-parent{
+    }
+    .slider-parent-right {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 15%;
+      height: 500px;
+      background: rgba(0, 0, 0, 0.7);
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      .icon {
+        width: 5%;
+        height: 120px;
         display: flex;
         align-items: center;
-        width: 100%;
-        height: 120px;
-        background: rgba(0, 0, 0, 0.7);
-        position: absolute;
-        bottom: 0;
-        .icon {
-          width: 5%;
-          height: 120px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          .icon-angle-left-regular,.icon-angle-right-regular {
-            color: #fff;
-            font-weight: bold;
-            cursor: pointer;
-          }
-        }
-        .slide-container {
-          overflow-x: scroll;
-          overflow-y: hidden;
-          width: 100%;
-  
-          display: flex;
-          grid-template-columns: repeat(4, 1fr);
-          object-fit: contain;
-  
-          img {
-            height: 120px;
-            cursor: pointer;
-          }
+        justify-content: center;
+        .icon-angle-left-regular,
+        .icon-angle-right-regular {
+          color: #fff;
+          font-weight: bold;
+          cursor: pointer;
+          position: relative;
+          transform: rotate(90deg);
         }
       }
-  
+      .slide-container {
+        overflow-y: scroll;
+        overflow-x: hidden;
+        width: 100%;
 
-      .description {
-        padding: 30px;
-        width: 50%;
-        position: absolute;
-        top: 0;
         display: flex;
         flex-direction: column;
-        .title {
-          font-size: var(--hlx-font-content-size-xl);
-          font-weight: bolder;
-          margin-bottom: 10px;
-        }
-        .sub-title {
-          font-size: var(--hlx-font-content-size-sm);
-          font-weight: bold;
+        grid-template-columns: repeat(4, 1fr);
+        object-fit: contain;
+
+        img {
+          height: 120px;
+          cursor: pointer;
         }
       }
-      .description-right {
-        padding: 30px;
-        width: 80%;
-        position: absolute;
-        bottom: 0;
-        left: 15%;
+    }
+    .slider-parent {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 120px;
+      background: rgba(0, 0, 0, 0.7);
+      position: absolute;
+      bottom: 0;
+      .icon {
+        width: 5%;
+        height: 120px;
         display: flex;
-        flex-direction: column;
-        .title {
-          font-size: var(--hlx-font-content-size-xl);
-          font-weight: bolder;
-          margin-bottom: 10px;
-        }
-        .sub-title {
-          font-size: var(--hlx-font-content-size-sm);
+        align-items: center;
+        justify-content: center;
+        .icon-angle-left-regular,
+        .icon-angle-right-regular {
+          color: #fff;
           font-weight: bold;
+          cursor: pointer;
         }
       }
-      .description-left {
-        padding: 30px;
-        width: 80%;
-        position: absolute;
-        bottom: 0;
-        right: 15%;
+      .slide-container {
+        overflow-x: scroll;
+        overflow-y: hidden;
+        width: 100%;
+
         display: flex;
-        flex-direction: column;
-        .title {
-          font-size: var(--hlx-font-content-size-xl);
-          font-weight: bolder;
-          margin-bottom: 10px;
-        }
-        .sub-title {
-          font-size: var(--hlx-font-content-size-sm);
-          font-weight: bold;
+        grid-template-columns: repeat(4, 1fr);
+        object-fit: contain;
+
+        img {
+          height: 120px;
+          cursor: pointer;
         }
       }
     }
-  }
+
+    .description {
+      padding: 30px;
+      width: 50%;
+      position: absolute;
+      top: 0;
+      display: flex;
+      flex-direction: column;
+      .title {
+        font-size: var(--hlx-font-content-size-xl);
+        font-weight: bolder;
+        margin-bottom: 10px;
+      }
+      .sub-title {
+        font-size: var(--hlx-font-content-size-sm);
+        font-weight: bold;
+      }
+    }
+    .description-right {
+      padding: 30px;
+      width: 80%;
+      position: absolute;
+      bottom: 0;
+      left: 15%;
+      display: flex;
+      flex-direction: column;
+      .title {
+        font-size: var(--hlx-font-content-size-xl);
+        font-weight: bolder;
+        margin-bottom: 10px;
+      }
+      .sub-title {
+        font-size: var(--hlx-font-content-size-sm);
+        font-weight: bold;
+      }
+    }
+    .description-left {
+      padding: 30px;
+      width: 80%;
+      position: absolute;
+      bottom: 0;
+      right: 15%;
+      display: flex;
+      flex-direction: column;
+      .title {
+        font-size: var(--hlx-font-content-size-xl);
+        font-weight: bolder;
+        margin-bottom: 10px;
+      }
+      .sub-title {
+        font-size: var(--hlx-font-content-size-sm);
+        font-weight: bold;
+      }
+    }
+  }
+}

package/dist/src/assets/styles/importProgress.scss

@@ -35,7 +35,7 @@
         align-items: center;
       }
       &::before {
-        content: "";
+        content: '';
         position: absolute;
         right: 0;
         bottom: -11px;

package/dist/src/assets/styles/index.scss

@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 @import 
 //base
 "./base.scss", 
@@ -15,3 +16,23 @@
   "./dataview.scss", "./speeddial.scss", "./imagegallery.scss", "./switch.scss",
  "./colorpalette.scss", "./calendar.scss", "./contextMenu.scss",
   "./newtable.scss", "./drawer.scss", "fonts","./scrollbar.scss","./tablev2.scss","./customdropdown.scss","./visualbuilder.scss","./objectViewer.scss";
+=======
+@import //base
+  './base.scss',
+  // "icon.scss",
+  './source_content.scss',
+  './componentlayout.scss', './alert.scss', './badge.scss',
+  './dottedPagination.scss', './buttons.scss', './importProgress.scss',
+  './pagination.scss', './sidebar.scss', './slideControl.scss',
+  './stepControl.scss', './tree.scss', './cards.scss', './tabs.scss',
+  './draggables.scss', './inputfields.scss', './inputitems.scss',
+  './loaders.scss', './select.scss', './modalwindow.scss', './tooltip.scss',
+  './search.scss', './fileupload.scss', './accordion.scss', './timeline.scss',
+  './divider.scss', './label.scss', './rating.scss', './dashboard.scss',
+  './breadcrumb.scss', './tag.scss', './signup.scss', './texteditor.scss',
+  './treeSelect.scss', './errorpage.scss', './dataview.scss', './speeddial.scss',
+  './imagegallery.scss', './switch.scss', './colorpalette.scss',
+  './calendar.scss', './contextMenu.scss', './newtable.scss', './drawer.scss',
+  'fonts', './scrollbar.scss', './tablev2.scss', './customdropdown.scss',
+  './visualbuilder.scss', './objectViewer.scss';
+>>>>>>> e228589b7454afaad5ef2dc5b2a15128ee2deeff

package/dist/src/assets/styles/inputfields.scss

@@ -1,12 +1,10 @@
-
-
-input[type="date"] {
+input[type='date'] {
   position: relative;
 }
-input[type="number"]:disabled{
+input[type='number']:disabled {
   cursor: not-allowed;
 }
-input[type="date"]::-webkit-calendar-picker-indicator {
+input[type='date']::-webkit-calendar-picker-indicator {
   color: transparent;
   background: none;
   z-index: 1;
@@ -17,10 +15,10 @@ input[type="date"]::-webkit-calendar-picker-indicator {
   align-items: center;
   cursor: pointer;
 }
-.input-field input[type="date"]{
+.input-field input[type='date'] {
   padding: 0 0 0 15px;
 }
-input[type="date"]:before {
+input[type='date']:before {
   font-size: 18px;
   color: transparent;
   background: none;
@@ -32,22 +30,22 @@ input[type="date"]:before {
   right: 9px;
   color: #565553;
 }
-input[type="datetime-local"] {
+input[type='datetime-local'] {
   position: relative;
 }
 
-.phone-number{
-    display: flex;
-    width: 100%;
-    align-items: center;
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
+.phone-number {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 }
 
-input[type="datetime-local"]::-webkit-calendar-picker-indicator {
+input[type='datetime-local']::-webkit-calendar-picker-indicator {
   color: transparent;
   background: none;
   z-index: 1;
@@ -58,11 +56,11 @@ input[type="datetime-local"]::-webkit-calendar-picker-indicator {
   align-items: center;
   cursor: pointer;
 }
-.input-field input[type="datetime-local"]{
+.input-field input[type='datetime-local'] {
   padding: 0 0 0 15px;
 }
 
-input[type="datetime-local"]:before {
+input[type='datetime-local']:before {
   font-size: 18px;
   color: transparent;
   background: none;
@@ -99,10 +97,10 @@ input[type="datetime-local"]:before {
   font-size: 14px;
   color: var(--hlx-border-color-dark);
 }
-input[type="password"] {
+input[type='password'] {
   font-family: Verdana;
 }
-.input-container{
+.input-container {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -111,19 +109,19 @@ input[type="password"] {
 
   .readOnly:hover {
     border: 1px solid var(--hlx-border-color) !important;
-    input{
+    input {
       cursor: default;
     }
-    label{
+    label {
       cursor: default;
     }
   }
 }
 .input-field.small input {
   display: flex;
-flex-direction: row;
-align-items: center;
-padding: 0px;
+  flex-direction: row;
+  align-items: center;
+  padding: 0px;
   width: 100%;
   height: 36px;
   color: #565553;
@@ -163,8 +161,8 @@ padding: 0px;
 }
 .disabled:hover {
   border: 1px solid var(--hlx-border-color) !important;
-  input{
-  cursor: not-allowed;
+  input {
+    cursor: not-allowed;
   }
 }
 
@@ -172,7 +170,7 @@ padding: 0px;
 //   border-color: red !important;
 // }
 
-.input-field.small:focus-within{
+.input-field.small:focus-within {
   border-color: var(--hlx-color-primary);
 }
 .input-field.small textarea:focus {
@@ -232,7 +230,7 @@ padding: 0px;
   }
 }
 .password-conditon-dialog-title {
-  font-family:var(--hlx-);
+  font-family: var(--hlx-);
   font-weight: bold;
   font-size: 14px;
   text-align: left;
@@ -265,8 +263,8 @@ padding: 0px;
   z-index: 132;
   margin-top: 45px;
   background: white;
-  ul{
-    li{
+  ul {
+    li {
       padding: 10px;
       cursor: pointer;
     }
@@ -284,14 +282,15 @@ padding: 0px;
   color: var(--hlx-text-color-primary);
   overflow: auto;
   z-index: 1000;
-  li{
+  li {
     padding: 3px 7px;
     height: 30px;
-    &:hover{
+    &:hover {
       cursor: pointer;
       background: var(--hlx-color-primary-light);
     }
-    .abc, .a123{
+    .abc,
+    .a123 {
       font-size: 12px;
       margin-right: 12px;
       font-weight: 200;
@@ -333,17 +332,16 @@ padding: 0px;
 
 .readonly-overlay {
   position: absolute;
-    background: transparent;
-    width: 100%;
-    height: 100%;
-    z-index: 99;
+  background: transparent;
+  width: 100%;
+  height: 100%;
+  z-index: 99;
 }
 .label-overlay {
   background: transparent;
-    width: 100%;
-    position: absolute;
-    height: 100%;
-    top: -10px;
-    z-index: 99;
+  width: 100%;
+  position: absolute;
+  height: 100%;
+  top: -10px;
+  z-index: 99;
 }
-