halleyx-ui-framework 11.7.94 → 11.7.96

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

@@ -0,0 +1,215 @@
+.hlx-cascade-select-container{
+    display: flex;
+    font-family: var(--hlx-font-type-content);
+    flex-direction: row;
+    background-color: var(--hlx-color-white);
+    justify-content: flex-start;
+    border: 1px solid var(--hlx-border-color);
+    border-radius: 5px;
+    height: 36px;
+    width: 100%;
+    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-placeholder,.hlx-cascade-value{
+    width: 100%;
+    height: 33px;
+    font-size:14px !important;
+    text-align: left;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    border: none;
+    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 {
+    height: 30px;
+    width: 30px;
+    padding-right: 7px;
+    display: flex;
+    align-items: center;
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.hlx-cascade-fixed-container{
+    border: 1px solid var(--hlx-border-color);
+    background-color: white;
+    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{
+    font-family: var(--hlx-font-type-content);
+    width: 100%;
+    height: auto;
+    min-height: 30px;
+    text-align: left;
+    display: flex;
+    flex-direction:column;
+    justify-content: center;
+    cursor: pointer;
+    &:hover{
+        color: var(--hlx-text-color-primary);
+        background-color: var(--hlx-color-primary-light);
+        font-weight: none;
+        // border-radius: 4px;
+        // padding-left:2px;
+        // padding-right:2px;
+      }
+}
+
+.hlx-cascade-each-item-icon{
+  display: flex;
+  align-items: center;
+}
+
+.cascade-hover-color{
+    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/colorPicker.scss

@@ -0,0 +1,15 @@
+.color-container {
+  height: 100px;
+  width: 100px;
+  padding: 5px;
+  .color-area {
+    width: 90%;
+    height: 90%;
+  }
+  .color-value {
+    height: 10%;
+    width: 100%;
+    background-color: blue;
+    color: red;
+  }
+}

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

@@ -0,0 +1,161 @@
+.color-palette-container {
+  display: flex;
+  flex-direction: row;
+  height: 35px;
+  width: 41px;
+  border-radius: 4px;
+  background-color: white;
+  // position: relative;
+  border: 1px solid var(--hlx-border-color);
+  &:hover {
+    border: 1px solid var(--hlx-color-primary);
+    // .icon-angle-down-regular {
+    //   color: var(--hlx-color-primary);
+    // }
+  }
+
+  // background-color: aqua;
+  .color-palette-icon {
+    // width: 16px;
+    height: 20px;
+    padding-left: 4px;
+    display: flex;
+    flex-direction: column;
+    margin-top: 7px;
+    align-items: center;
+    justify-content: center;
+  }
+  .icon-color-fill {
+    font-size: 16px;
+  }
+  .color-icon-border {
+    width: 16px;
+    height: 26px;
+    display: flex;
+    flex-direction: column;
+    margin-left: 2px;
+    // background-color: aqua;
+  }
+  .color-palette-open-icon {
+    // width: 40px;
+    cursor: pointer;
+    // background-color: white;
+    border: none;
+  }
+  .color-container {
+    width: 300px;
+    // min-height: auto;
+    // max-height:300px;
+    height: 338px;
+    border: 1px solid var(--hlx-border-color);
+    // border-radius: 8px;
+    // z-index: 12554845481;
+    padding: 12px;
+    // top: 30px;
+    // left: 1px;
+    display: flex;
+    flex-direction: column;
+    background-color: white;
+    // position: absolute;
+    &-title {
+      color: var(--hlx-text-color-primary);
+      font-size: 14px;
+      margin-bottom: 5px;
+      margin-top: 5px;
+    }
+    &-specific-color {
+      height: 15%;
+      width: 100%;
+      margin-left: 4px;
+      // background-color: aqua;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-evenly;
+      border: none;
+      background-color: white;
+      &-checkbox-border {
+        // background-color: black;
+        width: 22px;
+        height: 22px;
+        // border:1px solid #00549a;
+        padding: 2px;
+        border: none;
+        background-color: white;
+        &:hover {
+          border: 1px solid var(--hlx-border-color);
+        }
+        &-fill-color {
+          width: 100%;
+          height: 100%;
+          border: none;
+          // background-color: red;
+        }
+      }
+    }
+    &-specific-color1 {
+      height: 45%;
+      width: 100%;
+      margin-left: 2px;
+      // background-color: aqua;
+      display: flex;
+      flex-direction: row;
+      padding-left: 5px;
+      border: none;
+      background-color: white;
+      // justify-content: space-evenly;
+      &-container {
+        height: 100%;
+        width: 10%;
+        border: none;
+        background-color: white;
+        // background-color: red;
+      }
+    }
+    &-specific-color2 {
+      height: 45%;
+      width: 100%;
+      margin-left: 2px;
+      // background-color: aqua;
+      display: flex;
+      flex-direction: row;
+      padding-left: 5px;
+      overflow: hidden;
+      border: none;
+      background-color: white;
+      // justify-content: space-evenly;
+      &-container {
+        height: 100%;
+        width: 10%;
+        // background-color: red;
+      }
+    }
+  }
+}
+
+.color-container2323 {
+  display: flex;
+  margin-top: 10px;
+  border: none;
+  background-color: white;
+  input {
+    margin-right: 10px;
+  }
+}
+
+.add-border {
+  border: 1px solid var(--hlx-border-color);
+}
+
+// .higlight-icon-border {
+//     border: 1px solid black  ;
+// }
+
+.highlight-container {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+}
+
+.highlight-icon {
+  font-size: 12px;
+}

package/dist/src/assets/styles/common/var.css

@@ -0,0 +1,61 @@
+/*/* Element Chalk Variables */
+/* Color
+-------------------------- */
+/*Primary colors*/
+/*success colors*/
+/*warning colors*/
+/*error colors*/
+/*info colors*/
+/*link colors*/
+/*disable colors*/
+/*Borders*/
+/*variables*/
+/*Fonts*/
+/*changed as border-color*/
+/*changed as border-color-light*/
+/*changed as border-color-light*/
+/*changed as border-color-lighter*/
+/*changed as border-color-dark*/
+/*Testing
+  $--dev:$dev;
+  */
+/*changed as text-color-primary*/
+/*changed as color-sidebar*/
+/*changed as text-color-tree*/
+/*changed as border-radius*/
+/*changed as border-radius-round*/
+/* Standard font styles */
+/*changed as font-type-tittle*/
+/*changed as font-type-content*/
+/*changed as icon-size-xs*/
+/*changed as icon-size-sm*/
+/*changed as icon-size-md*/
+/*changed as icon-size-lg*/
+/*changed as icon-size-xl*/
+/*changed as icon-size-tittle*/
+/* Standard header font styles */
+/*changed as font-header-size-xxl*/
+/*changed as font-header-size-xl*/
+/*changed as font-header-size-lg*/
+/*changed as font-header-size*/
+/*changed as font-header-size-sm*/
+/*line-height*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/*changed as line-height-tittle*/
+/* Standard content font styles */
+/*changed as font-content-size-xl*/
+/*changed as font-content-size-lg*/
+/*changed as font-content-size*/
+/*changed as font-content-size-sm*/
+/*changed as font-content-xs*/
+.right-panel {
+  font-family: OpenSans;
+}
+
+.left-panel {
+  font-family: OpenSans;
+}/*# sourceMappingURL=var.css.map */

package/dist/src/assets/styles/common/var.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["var.scss","var.css"],"names":[],"mappings":"AAEA,8BAAA;AAMA;4BAAA;AAqDA,iBAAA;AAKA,iBAAA;AAIA,iBAAA;AAIA,eAAA;AAIA,cAAA;AAIA,cAAA;AAIA,iBAAA;AA2BA,UAAA;AAWA,YAAA;AA8CA,QAAA;AAqBwB,0BAAA;AAEU,gCAAA;AAElB,gCAAA;AAEM,kCAAA;AAED,+BAAA;AAkDrB;;GAAA;AAIsB,gCAAA;AAEG,2BAAA;AAEI,6BAAA;AAUR,2BAAA;AAEQ,iCAAA;AAE7B,yBAAA;AAEwB,8BAAA;AAEC,+BAAA;AAET,0BAAA;AAEG,0BAAA;AAED,0BAAA;AAEF,0BAAA;AAEG,0BAAA;AAEM,8BAAA;AAEzB,gCAAA;AAEqB,kCAAA;AAEA,iCAAA;AAEH,iCAAA;AAEG,8BAAA;AAEC,iCAAA;AACtB,cAAA;AACwB,gCAAA;AACG,gCAAA;AACD,gCAAA;AACD,gCAAA;AACC,gCAAA;AACC,gCAAA;AAC3B,iCAAA;AAEqB,kCAAA;AAEC,kCAAA;AAEJ,+BAAA;AAEI,kCAAA;AAED,6BAAA;AAErB;EACE,qBA7Ca;AC3Nf;;AD0QA;EACE,qBAhDa;ACvNf","file":"var.css"}