halleyx-ui-framework 11.7.45 → 11.7.46

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

@@ -50,7 +50,7 @@
     color: var(--hlx-text-color-primary);
     // font-size: var(--hlx-font-content-size);
     font-size: 0.875rem;
-    line-height: 24px;
+    // line-height: 24px;
     letter-spacing: 0.5;
     display: none;
     padding: 16px;
@@ -91,7 +91,7 @@
     color: var(--hlx-text-color-primary);
     // font-size: var(--hlx-font-content-size);
     font-size: 0.875rem;
-    line-height: 24px;
+    // line-height: 24px;
     letter-spacing: 0.5;
     display: none;
     padding: 16px;

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

@@ -141,6 +141,7 @@
       line-height: 24.78px;
       letter-spacing: 0.5%;
       color: #666;
+      text-align: left;
     }
   }
 

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

@@ -1,2 +1,5 @@
 @use 'variables.scss';
 // @use '../icons/icon-style.css';
+.--hide-it{
+    display: none;
+}

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

@@ -23,8 +23,11 @@
       align-items: center;
       // margin-right: 0.5rem;
       // padding:  0 0.5rem;
+      a{
+        cursor:context-menu;
+      }
 
-      a {
+      .show-breadcrumb {
         color: var(--hlx-text-color-primary);
         text-decoration: none;
         &:hover {
@@ -32,20 +35,28 @@
           cursor: pointer;
         }
       }
+      // &:last-child{
+      //   text-decoration: none;
+      //   cursor: context-menu;
+      //   &:hover{
+      //     text-decoration: none;
+      //   }
+      //   // pointer-events: none;
+      // }
 
-      &.disabledd {
-        color: var(--hlx-color--text);
-        cursor: default;
-        :hover {
-          border: none !important;
-        }
-      }
+      // &.disabledd {
+      //   color: var(--hlx-color--text);
+      //   cursor: default;
+      //   :hover {
+      //     border: none !important;
+      //   }
+      // }
 
-      &:last-child {
-        color: var(--hlx-color-text);
-        cursor: default;
-        pointer-events: none;
-      }
+      // &:last-child {
+      //   color: var(--hlx-color-text);
+      //   cursor: default;
+      //   pointer-events: none;
+      // }
       > i {
         padding-right: 5px;
         font-size: inherit;
@@ -62,3 +73,81 @@
     }
   }
 }
+
+
+.tooltip-container {
+  position: relative;
+  display: flex;
+  place-content: center;
+}
+
+/* styling of the tooltip display */
+p#tooltip-text1 {
+  display: none;
+  position: fixed;
+  width:150px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  // top: 60px;
+  margin-top: -6px;
+  z-index: 100000000000000000;
+  background: #2c2c2c;
+  padding: 8px;
+  font-size: 1rem;
+  color: #fff;
+  border-radius: 6px;
+  animation: fadeIn 0.6s;
+  font-size: 11px;
+  font-family: var(--hlx-font-type-content);
+}
+
+span#tooltip-text1 {
+  display: none; 
+  position: fixed;
+  min-width: max-content;
+  max-width: 180px;
+  // width: 89px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  margin-top: -6px;
+  z-index: 100000000000000000;
+  background: #2c2c2c;
+  padding: 8px;
+  font-size: 1rem;
+  color: #fff;
+  border-radius: 6px;
+  animation: fadeIn 0.6s;
+  font-size: 11px;
+  font-family: var(--hlx-font-type-content);
+}
+
+/* optional styling to add a "wedge" to the tooltip */
+p#tooltip-text1:before {
+content: "";
+position: absolute;
+right: 100%;
+bottom: 25%;
+margin-left: -64px;
+border: 8px solid transparent;
+border-right: 8px solid #2c2c2c;
+}
+
+span#tooltip-text1:before {
+  content: "";
+  position: absolute;
+  top: 38%;
+  // left: 300%;
+  margin-left: -26px;
+  // margin-left: -179px;
+  border: 8px solid transparent;
+  border-right: 10px solid #2c2c2c;
+}
+
+@keyframes fadeIn {
+from {
+ opacity: 0;
+}
+to {
+ opacity: 1;
+}
+}

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

@@ -5,7 +5,7 @@
   --light-hover: var(--hlx-color-primary-light);
   --light-text: #565553;
 
-  --blue: var(--hlx-color-primary);
+  --blue: #54bd95;
   --white: #fff;
 
   --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
@@ -32,6 +32,10 @@
   .theme-background {
     background: var(--hlx-color-primary) !important;
   }
+  .selected-curr-year{
+    color: white !important;
+    background: var(--hlx-color-primary-dark) !important;
+  }
   .calendar {
     top: 40px;
     height: 280px;

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

@@ -11,22 +11,74 @@
     align-items: center;
     cursor: pointer;
     position: relative;
+    &:hover{
+        border: 1px solid var(--hlx-color-primary);
+        .hlx-cascade-label-animation{
+            color:var(--hlx-color-primary)
+        }
+    }
+ 
+    .icon-times-circle-regular {
+        cursor: pointer;
+        font-size: 14px;
+        color: var(--hlx-text-color-primary);
+        // transform: rotate(45deg);
+        display: none;
+        height: 30px;
+        width: 30px;
+        padding-right: 7px;
+        // display: flex;
+        align-items: center;
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+      }
+
+    .customerror{
+        position: absolute;
+        font-size: 12px;
+        color: var(--hlx-color-error);
+        top: 35px;
+        left: 1px;
+    }
+
+    .asterik{
+        color:var(--hlx-color-error);
+    }
 }
 
-.hlx-cascade-input{
+.hlx-cascade-input,.hlx-cascade-placeholder,.hlx-cascade-value{
     width: 100%;
-    height: 35px;
+    height: 33px;
+    font-size:14px !important;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     border: none;
-    font-size: 14px;
+    font-size: 16px;
     cursor: pointer;
     padding: 10px 12px;
     padding-right: 0px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
+    background: rgb(255, 255, 255);
+}
+
+.hlx-cascade-placeholder{
+    height:33px !important;
+    display: flex;
+    align-items: center;
+    width:100%;
+    padding: 0px 12px;
+    background: rgb(255, 255, 255);
+    color: rgb(166, 166, 166);
+}
+
+
+.hlx-cascade-value{
+    color:black;
+    padding: 7px 12px;
+    background: rgb(255, 255, 255);
 }
 
 .hlx-cascade-select-container .icon-angle-up-regular,.hlx-cascade-select-container .icon-angle-down-regular {
@@ -39,15 +91,31 @@
     border-bottom-right-radius: 4px;
 }
 
-.hlx-cascade-select-whole-option-container{
-    // width: 100%;
+.hlx-cascade-fixed-container{
     border: 1px solid var(--hlx-border-color);
-    height: auto;
-    max-height: 232px;
-    color: var(--hlx-text-color-primary);
     background-color: white;
-    font-family: var(--hlx-font-type-content);
     z-index: 100000000;
+    // min-height:150px;
+    min-width: 350px;
+    height:auto;
+    max-height: 232px;
+    font-family: var(--hlx-font-type-content);
+    color: var(--hlx-text-color-primary);
+
+
+}
+
+.hlx-cascade-select-whole-option-container{
+    height:150px;
+    // width: 100%;
+    // border: 1px solid var(--hlx-border-color);
+    // height: auto;
+    // max-height: 232px;
+    // color: var(--hlx-text-color-primary);
+    // background-color: white;
+    // font-family: var(--hlx-font-type-content);
+    // z-index: 100000000;
+    overflow-y: auto;
 }
 
 .hlx-cascade-each-item{
@@ -63,9 +131,10 @@
     &:hover{
         color: var(--hlx-text-color-primary);
         background-color: var(--hlx-color-primary-light);
-        border-radius: 4px;
-        padding-left:2px;
-        padding-right:2px;
+        font-weight: none;
+        // border-radius: 4px;
+        // padding-left:2px;
+        // padding-right:2px;
       }
 }
 
@@ -75,13 +144,72 @@
 }
 
 .cascade-hover-color{
-    color: var(--hlx-text-color-primary);
-    background-color: var(--hlx-color-primary-light);
-    border-radius: 4px;
-    // padding-left:2px;
-    // padding-right:2px;
+    color: #54BD95;
+    font-weight: bold;
+    // background-color: var(--hlx-color-primary-light);
+    // border-radius: 4px;  
+    padding-left:2px;
+    padding-right:2px;
 }
 
 .hlx-cascade-parent-container{
     padding:4px;
-}
+}
+
+.cascading-search-option-container{
+    display:flex;
+    flex-direction: column;
+    .cascading-search-options
+    {
+        display:flex;
+        font-family: var(--hlx-font-type-content);
+        width: 100%;
+        height: 30px;
+        text-align: left;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        padding-left: 8px;
+        font-size: 14px;
+        &:hover{
+            color: var(--hlx-text-color-primary);
+            background-color: var(--hlx-color-primary-light);
+        }
+    }
+}
+
+.select-value, .select-value:hover {
+    background-color: var(--hlx-color-primary);
+    color: var(--hlx-color-white);
+}
+
+
+.hlx-cascade-label-animation{
+    position: absolute;
+    top: -9px;
+    background: #fff;
+    color: rgb(166, 166, 166);
+    font-size: 12px;
+    left: 6px;
+    padding: 0 5px 0 5px
+}
+
+.hlx-cascade-displayvalue{
+    width:100%;
+    display:flex;
+    align-items: center;
+    color: rgb(86, 85, 83);
+    // background-color: white;
+    padding: 0px 12px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 14px;
+}
+
+
+.hlx-cascade-pagination-section{
+    height:30px;
+    align-items: center;
+}
+

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

@@ -1,25 +1,29 @@
 .color-palette-container {
   display: flex;
   flex-direction: row;
-  height: 26px;
+  height: 35px;
   width: 41px;
-  position: relative;
+  border-radius: 4px;
+  background-color: white;
+  // position: relative;
   border: 1px solid var(--hlx-border-color);
   &:hover {
-    border: 1px solid var(--hlx-color-primary-dark);
-    i {
-      color: var(--hlx-color-primary-dark);
-    }
+    border: 1px solid var(--hlx-color-primary);
+    // .icon-angle-down-regular {
+    //   color: var(--hlx-color-primary);
+    // }
   }
 
   // background-color: aqua;
   .color-palette-icon {
-    width: 16px;
+    // width: 16px;
     height: 20px;
-    margin-left: 5px;
+    padding-left: 4px;
     display: flex;
     flex-direction: column;
-    margin-top: 3px;
+    margin-top: 7px;
+    align-items: center;
+    justify-content: center;
   }
   .icon-color-fill {
     font-size: 16px;
@@ -33,9 +37,9 @@
     // background-color: aqua;
   }
   .color-palette-open-icon {
-    width: 40px;
+    // width: 40px;
     cursor: pointer;
-    background-color: white;
+    // background-color: white;
     border: none;
   }
   .color-container {
@@ -45,14 +49,14 @@
     height: 338px;
     border: 1px solid var(--hlx-border-color);
     // border-radius: 8px;
-    z-index: 12554845481;
+    // z-index: 12554845481;
     padding: 12px;
-    top: 30px;
-    left: 1px;
+    // top: 30px;
+    // left: 1px;
     display: flex;
     flex-direction: column;
     background-color: white;
-    position: absolute;
+    // position: absolute;
     &-title {
       color: var(--hlx-text-color-primary);
       font-size: 14px;

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

@@ -114,7 +114,7 @@
       font-size: var(--hlx-font-content-size-sm);
     margin: 2.5px;
     color: var(--hlx-text-color-primary);
-    width: 200px;
+    // width: 200px;
     white-space: normal;
     text-align: center;
     overflow: hidden;
@@ -206,14 +206,16 @@
         .details {
           display: flex;
           flex-direction: column;
+          justify-content: space-between;
           // margin: 10px;
         }
       }
       .right {
-        width: 20%;
+        width: 30%;
         display: flex;
         flex-direction: column;
         align-items: flex-end;
+        justify-content: space-between;
         button {
           // background: var(--hlx-color-primary);
           // padding: 10px;