halleyx-ui-framework 4.1.7 → 4.1.9

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

@@ -1,4 +1,3 @@
-
 [data-tooltip] {
   --arrow-size: 5px;
   position: relative;
@@ -38,7 +37,7 @@
   color: #fff;
   text-align: center;
   white-space: pre-wrap;
-  transform: translate(-50%,  calc(0px - var(--arrow-size))) scale(0.5);
+  transform: translate(-50%, calc(0px - var(--arrow-size))) scale(0.5);
 }
 
 /* Tooltip arrow */
@@ -50,7 +49,7 @@
   transition-duration: 0s; /* If the mouse leaves the element, 
                               the transition effects for the 
                               tooltip arrow are "turned off" */
-  transform-origin: top;   /* Orientation setting for the
+  transform-origin: top; /* Orientation setting for the
                               slide-down effect */
   transform: translateX(-50%) scaleY(0);
 }
@@ -83,93 +82,76 @@
 
 /* LEFT */
 /* Tooltip + arrow */
-[data-tooltip-location="left"]:before,
-[data-tooltip-location="left"]:after {
+[data-tooltip-location='left']:before,
+[data-tooltip-location='left']:after {
   left: auto;
   right: calc(100% + var(--arrow-size));
   bottom: 50%;
 }
 
 /* Tooltip */
-[data-tooltip-location="left"]:before {
+[data-tooltip-location='left']:before {
   transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.5);
 }
-[data-tooltip-location="left"]:hover:before {
+[data-tooltip-location='left']:hover:before {
   transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
 }
 
 /* Arrow */
-[data-tooltip-location="left"]:after {
+[data-tooltip-location='left']:after {
   border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
   border-color: transparent transparent transparent #2c2c2c;
   transform-origin: left;
   transform: translateY(50%) scaleX(0);
 }
-[data-tooltip-location="left"]:hover:after {
+[data-tooltip-location='left']:hover:after {
   transform: translateY(50%) scaleX(1);
 }
 
-
-
 /* RIGHT */
-[data-tooltip-location="right"]:before,
-[data-tooltip-location="right"]:after {
+[data-tooltip-location='right']:before,
+[data-tooltip-location='right']:after {
   left: calc(100% + var(--arrow-size));
   bottom: 50%;
 }
 
-[data-tooltip-location="right"]:before {
+[data-tooltip-location='right']:before {
   transform: translate(var(--arrow-size), 50%) scale(0.5);
 }
-[data-tooltip-location="right"]:hover:before {
+[data-tooltip-location='right']:hover:before {
   transform: translate(var(--arrow-size), 50%) scale(1);
 }
 
-[data-tooltip-location="right"]:after {
+[data-tooltip-location='right']:after {
   border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
   border-color: transparent #2c2c2c transparent transparent;
   transform-origin: right;
   transform: translateY(50%) scaleX(0);
 }
-[data-tooltip-location="right"]:hover:after {
+[data-tooltip-location='right']:hover:after {
   transform: translateY(50%) scaleX(1);
 }
 
-
-
 /* BOTTOM */
-[data-tooltip-location="bottom"]:before,
-[data-tooltip-location="bottom"]:after {
+[data-tooltip-location='bottom']:before,
+[data-tooltip-location='bottom']:after {
   top: calc(100% + var(--arrow-size));
   bottom: auto;
 }
 
-[data-tooltip-location="bottom"]:before {
+[data-tooltip-location='bottom']:before {
   transform: translate(-50%, var(--arrow-size)) scale(0.5);
 }
-[data-tooltip-location="bottom"]:hover:before {
+[data-tooltip-location='bottom']:hover:before {
   transform: translate(-50%, var(--arrow-size)) scale(1);
 }
 
-[data-tooltip-location="bottom"]:after {
+[data-tooltip-location='bottom']:after {
   border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
   border-color: transparent transparent #2c2c2c transparent;
   transform-origin: bottom;
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 /* Settings that make the pen look nicer */
 // html {
 //   width: 100%;
@@ -181,7 +163,7 @@
 //   background-size: 120% 120%;
 //   animation: moveFocus 5s ease infinite alternate;
 // }
-// @keyframes moveFocus { 
+// @keyframes moveFocus {
 //   0%   { background-position: 0% 100% }
 //   100% { background-position: 100% 0% }
 // }
@@ -201,21 +183,21 @@
 // }
 
 // button {
-  // margin: 0;
-  // padding: 0.7rem 1.4rem;
-
-  // cursor: pointer;
-  // text-align: center;
-  // border: none;
-  // border-radius: 4px;
-  // outline: inherit;
-  // text-decoration: none;
-  // font-family: Roboto, sans-serif;
-  // font-size: 0.7em;
-  // background-color: rgba(174, 184, 192, 0.55);
-  // color: white;
-
-//   transition: background 350ms ease-in-out, 
+// margin: 0;
+// padding: 0.7rem 1.4rem;
+
+// cursor: pointer;
+// text-align: center;
+// border: none;
+// border-radius: 4px;
+// outline: inherit;
+// text-decoration: none;
+// font-family: Roboto, sans-serif;
+// font-size: 0.7em;
+// background-color: rgba(174, 184, 192, 0.55);
+// color: white;
+
+//   transition: background 350ms ease-in-out,
 //               transform 150ms ease;
 // }
 // button:hover {
@@ -296,7 +278,6 @@
 //   padding-bottom: 24px;
 // }
 
-
 // @media (max-height: 450px) {
 //   main {
 //     margin: 2rem 0;
@@ -311,20 +292,20 @@
 
 /* Thumbnail settings */
 // @media (max-width: 750px) {
-  // html {
-  //   animation-duration: 0.6s;
-  //   font-size: 1em;
-  // }
-  // body {
-  //   display: flex;
-  //   background: none;
-  //   height: 100%;
-  //   margin: 0px;
-  // }
-  // main {
-  //   font-size: 1.1em;
-  //   padding: 6%;
-  // }
+// html {
+//   animation-duration: 0.6s;
+//   font-size: 1em;
+// }
+// body {
+//   display: flex;
+//   background: none;
+//   height: 100%;
+//   margin: 0px;
+// }
+// main {
+//   font-size: 1.1em;
+//   padding: 6%;
+// }
 //   .info-wrapper p:before,
 //   .info-wrapper p:after {
 //     display: none;
@@ -336,7 +317,7 @@
 //   .example-elements a, button {
 //     display: none;
 //   }
-//   .example-elements p:before, 
+//   .example-elements p:before,
 //   .example-elements p:after {
 //     visibility: visible;
 //     opacity: 1;
@@ -349,12 +330,11 @@
 //   .example-elements p:after {
 //     transform: translate(-50%, -1px) scaleY(1);
 //   }
-  
-  
+
 //   [data-tooltip]:after {
 //     bottom: calc(100% + 3px);
 //   }
 //   [data-tooltip]:after {
 //     border-width: 7px 7px 0px 7px;
 //   }
-// }
+// }

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

@@ -28,7 +28,7 @@
   li:not(:empty):after {
     display: block;
     position: absolute;
-    content: "";
+    content: '';
   }
 
   ul,
@@ -47,7 +47,7 @@
     position: relative;
     border-radius: 5px;
     border: 1px solid var(--hlx-border-color);
-    
+
     // background-color: $background-color;
     width: 200px;
     height: 100px;
@@ -79,19 +79,18 @@
   &.horizontal {
     min-height: 600px;
     min-width: 600px;
-    &>li>div.card{
-    margin:0 !important;
-    i{
-
-      bottom: 37% !important;
-    }
+    & > li > div.card {
+      margin: 0 !important;
+      i {
+        bottom: 37% !important;
+      }
     }
-    &>li>ul>:first-child:before {
+    & > li > ul > :first-child:before {
       height: 51%;
       top: 53%;
     }
 
-    &>li:last-child:before {
+    & > li:last-child:before {
       height: 50%;
       bottom: calc(50% - $margin/2);
       top: auto;
@@ -112,7 +111,6 @@
         justify-content: center;
         align-content: center;
         div.header.grid {
-
           text-align: center;
           display: flex;
           flex-direction: row;
@@ -120,7 +118,7 @@
           flex-wrap: wrap;
           padding: 4px 0;
           border: none;
-          color: getCssVar("color", "primary", "dark");
+          color: getCssVar('color', 'primary', 'dark');
           font-weight: bold;
           height: auto;
         }
@@ -410,7 +408,7 @@
         height: 0;
         left: -$margin;
         top: calc($margin * 2);
-        content: "";
+        content: '';
       }
 
       &:last-child:before {
@@ -457,14 +455,14 @@
     padding: 10px 0 10px 10px;
     border-radius: 7px;
 
-    .card-body{
+    .card-body {
       display: flex;
       justify-content: center;
       align-items: center;
     }
     &:hover {
       .grid.header {
-        color: getCssVar("color", "primary", "dark");
+        color: getCssVar('color', 'primary', 'dark');
       }
     }
     .grid {

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

@@ -31,17 +31,17 @@
     color: var(--color);
     position: relative;
     box-sizing: border-box;
-   
+
     &.show-tree {
       li {
         .label-wrapper {
-          &.shepherd{
+          &.shepherd {
             pointer-events: none;
             cursor: pointer;
             user-select: none;
           }
           &.selected-tree {
-            background-color: #265E4B;
+            background-color: #265e4b;
           }
           &:not(.selected-tree):hover {
             background: var(--hlx-color-primary);
@@ -78,7 +78,7 @@
         }
 
         &.selected-tree {
-          background-color: #265E4B;
+          background-color: #265e4b;
         }
       }
     }
@@ -97,7 +97,7 @@
         align-items: center;
         justify-content: flex-start;
         &.selected-tree {
-          background-color: #265E4B;
+          background-color: #265e4b;
           color: white !important;
           &:hover i {
             color: var(--hlx-color-white);
@@ -120,7 +120,7 @@
           i {
             color: white;
           }
-          background-color: getCssVar("color", "primary", "light");
+          background-color: getCssVar('color', 'primary', 'light');
         }
         & > i {
           margin-left: 4px;
@@ -252,7 +252,7 @@
       // border: solid;
       & > ul.guide.guide-current:before {
         position: absolute;
-        content: "";
+        content: '';
         left: 22px;
         top: 3px;
         width: 2px;
@@ -267,7 +267,7 @@
 
       &.guide:before {
         position: absolute;
-        content: "";
+        content: '';
         left: 22px;
         top: 3px;
         width: 2px;

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

@@ -1,7 +1,7 @@
-@use "sass:map";
-@use "./mixins/var" as *;
-@use "./mixins/functions.scss" as *;
-@import "./common/var.scss";
+@use 'sass:map';
+@use './mixins/var' as *;
+@use './mixins/functions.scss' as *;
+@import './common/var.scss';
 
 :root {
   /*Basic*/
@@ -43,8 +43,8 @@
   --hlx-color-disable-dark: #{$--color-disable-dark};
   --hlx-color-disable: #{$--color-disable};
   --hlx-color-disable-text: #{$--color-disable-text};
-  --hlx-font-type-content:#{$--font-type-content};
-  --hlx-font-type-title:#{$--font-type-title};
+  --hlx-font-type-content: #{$--font-type-content};
+  --hlx-font-type-title: #{$--font-type-title};
   //  @each $type in (primary, success, warning, error, info,link) {
   //   @include set-css-color-rgb($type);
   // }
@@ -62,13 +62,13 @@
   @each $type in (primary, secondary, tree, disable) {
     @include set-css-text-type($type);
   }
-  @each $type in ( header-size, content-size) {
+  @each $type in (header-size, content-size) {
     @include set-css-font-type($type);
   }
-  @each $type in (dark, light, lighter, "") {
+  @each $type in (dark, light, lighter, '') {
     @include set-css-border-type($type);
   }
-  @each $type in (sm, xs, lg, "", xl, xxl) {
+  @each $type in (sm, xs, lg, '', xl, xxl) {
     @include set-css-line-height-type($type);
   }
   @each $type in (sm, xs, lg, xl, md) {