halleyx-ui-framework 4.1.8 → 4.1.9

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

@@ -12,7 +12,6 @@
 
     /* Gray/50 */
 
-    
     /* Gray/200 */
 
     border-bottom: 1px solid #e5e7eb;
@@ -30,11 +29,11 @@
   .card-body {
     font-size: 16px;
     font-weight: 500;
-font-size: 16px;
-line-height: 24px;
-/* or 150% */
+    font-size: 16px;
+    line-height: 24px;
+    /* or 150% */
 
-letter-spacing: 0.005em;
+    letter-spacing: 0.005em;
   }
   .card-footer {
     height: 60px;
@@ -60,21 +59,23 @@ letter-spacing: 0.005em;
   &:hover {
     box-shadow: 0 0 10px 5px #d8d8d8;
     // background-color: var(--hlx-color-primary-light);
-    .card-title {
-      // background-color: var(--hlx-color-primary-light);
-    }
-    .card-footer {
-      // background-color: var(--hlx-color-primary-light);
-    }
+    // .card-title {
+    //   // background-color: var(--hlx-color-primary-light);
+    // }
+    // .card-footer {
+    //   // background-color: var(--hlx-color-primary-light);
+    // }
   }
 }
 
-.cardshadow{
-            box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
+.cardshadow {
+  box-shadow: 0 0 10px 5px rgb(0 0 0 / 5%);
 }
 
-.padding{
-  .card-title, .card-body, .card-footer {
+.padding {
+  .card-title,
+  .card-body,
+  .card-footer {
     padding: 20px;
   }
 }
@@ -89,5 +90,5 @@ letter-spacing: 0.005em;
 }
 .cardActive {
   border: 2px solid var(--hlx-color-primary);
-  box-shadow: 0 0 10px 5px #54bd951c
+  box-shadow: 0 0 10px 5px #54bd951c;
 }

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

@@ -1,15 +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;
-    }
-}
+.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

@@ -1,158 +1,157 @@
-.color-palette-container{
-    display: flex;
-    flex-direction: row;
-    height: 26px;
-    width:41px;
-    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);
-        }
+.color-palette-container {
+  display: flex;
+  flex-direction: row;
+  height: 26px;
+  width: 41px;
+  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);
     }
+  }
 
+  // background-color: aqua;
+  .color-palette-icon {
+    width: 16px;
+    height: 20px;
+    margin-left: 5px;
+    display: flex;
+    flex-direction: column;
+    margin-top: 3px;
+  }
+  .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-icon{
-        width:16px;
-        height:20px;
-        margin-left: 5px;
-        display: flex;;
-        flex-direction: column;
-        margin-top: 3px;
-    }
-    .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;
     }
-    .color-palette-open-icon{
-         width:40px;
-         cursor: pointer;
-         background-color: white;
-         border:none;
+    &-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;
+        }
+      }
     }
-    .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;
+    &-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;
-        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;
-            }
-         }
+        // background-color: red;
+      }
     }
-}
-
-.color-container2323{
-    display: flex;
-    margin-top: 10px;
-    border:none;
-    background-color: white;
-    input{
-        margin-right: 10px;
+    &-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;
+      }
     }
+  }
 }
 
-.add-border{
-    border: 1px solid var(--hlx-border-color);
+.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-container {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
 }
 
-.highlight-icon{
-    font-size: 12px;
-}
+.highlight-icon {
+  font-size: 12px;
+}