halleyx-ui-framework 11.7.43 → 11.7.45

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

@@ -11,74 +11,22 @@
     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{
+.hlx-cascade-input{
     width: 100%;
-    height: 33px;
-    font-size:14px !important;
+    height: 35px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     border: none;
-    font-size: 16px;
+    font-size: 14px;
     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 {
@@ -91,31 +39,15 @@
     border-bottom-right-radius: 4px;
 }
 
-.hlx-cascade-fixed-container{
+.hlx-cascade-select-whole-option-container{
+    // width: 100%;
     border: 1px solid var(--hlx-border-color);
-    background-color: white;
-    z-index: 100000000;
-    // min-height:150px;
-    min-width: 350px;
-    height:auto;
+    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;
+    background-color: white;
+    font-family: var(--hlx-font-type-content);
+    z-index: 100000000;
 }
 
 .hlx-cascade-each-item{
@@ -131,10 +63,9 @@
     &: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;
+        border-radius: 4px;
+        padding-left:2px;
+        padding-right:2px;
       }
 }
 
@@ -144,72 +75,13 @@
 }
 
 .cascade-hover-color{
-    color: #54BD95;
-    font-weight: bold;
-    // background-color: var(--hlx-color-primary-light);
-    // border-radius: 4px;  
-    padding-left:2px;
-    padding-right:2px;
+    color: var(--hlx-text-color-primary);
+    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.css

@@ -0,0 +1,15 @@
+.color-container {
+  height: 100px;
+  width: 100px;
+  padding: 5px;
+}
+.color-container .color-area {
+  width: 90%;
+  height: 90%;
+}
+.color-container .color-value {
+  height: 10%;
+  width: 100%;
+  background-color: blue;
+  color: red;
+}/*# sourceMappingURL=colorPicker.css.map */

package/dist/src/assets/styles/colorPicker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colorPicker.scss","colorPicker.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,YAAA;EACA,YAAA;ACCF;ADAE;EACE,UAAA;EACA,WAAA;ACEJ;ADAE;EACE,WAAA;EACA,WAAA;EACA,sBAAA;EACA,UAAA;ACEJ","file":"colorPicker.css"}

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

@@ -0,0 +1,137 @@
+.color-palette-container {
+  display: flex;
+  flex-direction: row;
+  height: 26px;
+  width: 41px;
+  position: relative;
+  border: 1px solid var(--hlx-border-color);
+}
+.color-palette-container:hover {
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+.color-palette-container:hover i {
+  color: var(--hlx-color-primary-dark);
+}
+.color-palette-container .color-palette-icon {
+  width: 16px;
+  height: 20px;
+  margin-left: 5px;
+  display: flex;
+  flex-direction: column;
+  margin-top: 3px;
+}
+.color-palette-container .icon-color-fill {
+  font-size: 16px;
+}
+.color-palette-container .color-icon-border {
+  width: 16px;
+  height: 26px;
+  display: flex;
+  flex-direction: column;
+  margin-left: 2px;
+}
+.color-palette-container .color-palette-open-icon {
+  width: 40px;
+  cursor: pointer;
+  background-color: white;
+  border: none;
+}
+.color-palette-container .color-container {
+  width: 300px;
+  height: 338px;
+  border: 1px solid var(--hlx-border-color);
+  z-index: 12554845481;
+  padding: 12px;
+  top: 30px;
+  left: 1px;
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+  position: absolute;
+}
+.color-palette-container .color-container-title {
+  color: var(--hlx-text-color-primary);
+  font-size: 14px;
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+.color-palette-container .color-container-specific-color {
+  height: 15%;
+  width: 100%;
+  margin-left: 4px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  border: none;
+  background-color: white;
+}
+.color-palette-container .color-container-specific-color-checkbox-border {
+  width: 22px;
+  height: 22px;
+  padding: 2px;
+  border: none;
+  background-color: white;
+}
+.color-palette-container .color-container-specific-color-checkbox-border:hover {
+  border: 1px solid var(--hlx-border-color);
+}
+.color-palette-container .color-container-specific-color-checkbox-border-fill-color {
+  width: 100%;
+  height: 100%;
+  border: none;
+}
+.color-palette-container .color-container-specific-color1 {
+  height: 45%;
+  width: 100%;
+  margin-left: 2px;
+  display: flex;
+  flex-direction: row;
+  padding-left: 5px;
+  border: none;
+  background-color: white;
+}
+.color-palette-container .color-container-specific-color1-container {
+  height: 100%;
+  width: 10%;
+  border: none;
+  background-color: white;
+}
+.color-palette-container .color-container-specific-color2 {
+  height: 45%;
+  width: 100%;
+  margin-left: 2px;
+  display: flex;
+  flex-direction: row;
+  padding-left: 5px;
+  overflow: hidden;
+  border: none;
+  background-color: white;
+}
+.color-palette-container .color-container-specific-color2-container {
+  height: 100%;
+  width: 10%;
+}
+
+.color-container2323 {
+  display: flex;
+  margin-top: 10px;
+  border: none;
+  background-color: white;
+}
+.color-container2323 input {
+  margin-right: 10px;
+}
+
+.add-border {
+  border: 1px solid var(--hlx-border-color);
+}
+
+.highlight-container {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+}
+
+.highlight-icon {
+  font-size: 12px;
+}/*# sourceMappingURL=colorpalette.css.map */

package/dist/src/assets/styles/colorpalette.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colorpalette.scss","colorpalette.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,yCAAA;ACCF;ADAE;EACE,+CAAA;ACEJ;ADDI;EACE,oCAAA;ACGN;ADEE;EACE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,eAAA;ACAJ;ADEE;EACE,eAAA;ACAJ;ADEE;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;ACAJ;ADGE;EACE,WAAA;EACA,eAAA;EACA,uBAAA;EACA,YAAA;ACDJ;ADGE;EACE,YAAA;EAGA,aAAA;EACA,yCAAA;EAEA,oBAAA;EACA,aAAA;EACA,SAAA;EACA,SAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,kBAAA;ACJJ;ADKI;EACE,oCAAA;EACA,eAAA;EACA,kBAAA;EACA,eAAA;ACHN;ADKI;EACE,WAAA;EACA,WAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,6BAAA;EACA,YAAA;EACA,uBAAA;ACJN;ADKM;EAEE,WAAA;EACA,YAAA;EAEA,YAAA;EACA,YAAA;EACA,uBAAA;ACLR;ADMQ;EACE,yCAAA;ACJV;ADMQ;EACE,WAAA;EACA,YAAA;EACA,YAAA;ACJV;ADSI;EACE,WAAA;EACA,WAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,YAAA;EACA,uBAAA;ACRN;ADUM;EACE,YAAA;EACA,UAAA;EACA,YAAA;EACA,uBAAA;ACRR;ADYI;EACE,WAAA;EACA,WAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,uBAAA;ACXN;ADaM;EACE,YAAA;EACA,UAAA;ACXR;;ADkBA;EACE,aAAA;EACA,gBAAA;EACA,YAAA;EACA,uBAAA;ACfF;ADgBE;EACE,kBAAA;ACdJ;;ADkBA;EACE,yCAAA;ACfF;;ADsBA;EACE,aAAA;EACA,sBAAA;EACA,kBAAA;ACnBF;;ADsBA;EACE,eAAA;ACnBF","file":"colorpalette.css"}

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

@@ -1,29 +1,25 @@
 .color-palette-container {
   display: flex;
   flex-direction: row;
-  height: 35px;
+  height: 26px;
   width: 41px;
-  border-radius: 4px;
-  background-color: white;
-  // position: relative;
+  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);
-    // }
+    border: 1px solid var(--hlx-color-primary-dark);
+    i {
+      color: var(--hlx-color-primary-dark);
+    }
   }
 
   // background-color: aqua;
   .color-palette-icon {
-    // width: 16px;
+    width: 16px;
     height: 20px;
-    padding-left: 4px;
+    margin-left: 5px;
     display: flex;
     flex-direction: column;
-    margin-top: 7px;
-    align-items: center;
-    justify-content: center;
+    margin-top: 3px;
   }
   .icon-color-fill {
     font-size: 16px;
@@ -37,9 +33,9 @@
     // background-color: aqua;
   }
   .color-palette-open-icon {
-    // width: 40px;
+    width: 40px;
     cursor: pointer;
-    // background-color: white;
+    background-color: white;
     border: none;
   }
   .color-container {
@@ -49,14 +45,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/componentlayout.css

@@ -0,0 +1,210 @@
+/*/* 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;
+}
+
+.component-heading,
+.component-side-heading {
+  font-family: Quicksand;
+  margin: 50px 0 20px 0;
+}
+
+.component-heading {
+  font-family: Quicksand;
+  margin: 50px 0 20px 0;
+  display: flex;
+  align-items: center;
+}
+.component-heading > img {
+  width: 35px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  margin-left: 5px;
+  height: auto;
+}
+
+.component-side-heading {
+  margin: 30px 0 20px 0;
+  font-size: 20px;
+}
+
+.component-description {
+  font-size: 14px;
+  line-height: 2;
+}
+
+.icon-size {
+  list-style-type: none;
+  font-size: 14px;
+}
+.icon-size li {
+  font-family: OpenSans;
+  margin: 20px 20px 20px 0;
+}
+
+.notes {
+  padding: 10px;
+  font-size: 14px;
+  width: 100%;
+  background-color: #a8dec9;
+  border-left: 3px solid #265e4b;
+  border-radius: 5px;
+  display: inline-flex;
+}
+.notes .note-title {
+  font-weight: bold;
+}
+.notes .note-body {
+  margin-left: 10px;
+  word-spacing: 2px;
+}
+
+.component-example {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 40px 0;
+  border: 1px solid #d8d8d8;
+  border-radius: 5px;
+}
+.component-example .example-body {
+  height: 100%;
+  display: flex;
+  padding: 20px;
+  gap: 15px;
+  overflow: inherit;
+  flex-direction: column;
+}
+.component-example .example-body1 {
+  height: 300px;
+  padding: 20px;
+  overflow: visible;
+}
+.component-example .example-body2 {
+  height: 66px;
+  padding: 20px;
+  display: flex;
+  justify-content: space-evenly;
+  overflow: visible;
+}
+.component-example .example-body4 {
+  padding: 20px;
+  display: flex;
+  justify-content: space-evenly;
+  overflow: visible;
+}
+.component-example .example-body3 {
+  height: 100%;
+  display: flex;
+  padding: 20px;
+  overflow: auto;
+  flex-direction: column;
+}
+.component-example .example-footer {
+  height: 40px;
+  display: flex;
+  padding: 0 20px;
+  justify-content: flex-end;
+  align-items: center;
+  border-top: 1px solid #d8d8d8;
+}
+.component-example .example-footer .icon-code-regular::before {
+  font-size: var(--hlx-icon-size-sm);
+  color: #191a15;
+}
+.component-example .example-footer .icon {
+  font-size: 14px !important;
+  margin-left: 10px;
+  height: 30px;
+  width: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 5px;
+}
+.component-example .example-footer .icon:hover {
+  cursor: pointer;
+  background-color: #a8dec9;
+  color: #54bd95;
+}
+.component-example .example-footer .active-icon {
+  margin-left: 10px;
+  height: 30px;
+  width: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 5px;
+  background-color: #54bd95;
+  color: white;
+}
+.component-example .example-footer .active-icon .icon-code-regular::before {
+  font-size: var(--hlx-icon-size-md);
+  color: white;
+}
+.component-example .example-footer .active-icon:hover {
+  cursor: pointer;
+  background-color: #a8dec9;
+  color: #54bd95;
+}
+
+.hljs {
+  font-size: 14px !important;
+}/*# sourceMappingURL=componentlayout.css.map */

package/dist/src/assets/styles/componentlayout.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["common/var.scss","componentlayout.css","componentlayout.scss"],"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;;AC1DA;;EAEE,sBAAA;EACA,qBAAA;AD6DF;;AC3DA;EACE,sBAAA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;AD8DF;AC7DE;EACE,WAAA;EACA,oBAAA;KAAA,iBAAA;EACA,gBAAA;EACA,YAAA;AD+DJ;;AC5DA;EACE,qBAAA;EACA,eAAA;AD+DF;;AC7DA;EACE,eAAA;EACA,cAAA;ADgEF;;AC7DA;EACE,qBAAA;EACA,eAAA;ADgEF;AC9DE;EACE,qBAAA;EACA,wBAAA;ADgEJ;;AC7DA;EACE,aAAA;EACA,eAAA;EACA,WAAA;EACA,yBF+LoB;EE9LpB,8BAAA;EACA,kBAAA;EACA,oBAAA;ADgEF;AC/DE;EACE,iBAAA;ADiEJ;AC/DE;EACE,iBAAA;EACA,iBAAA;ADiEJ;;AC9DA;EACE,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;ADiEF;AC/DE;EACE,YAAA;EACA,aAAA;EACA,aAAA;EACA,SAAA;EACA,iBAAA;EACA,sBAAA;ADiEJ;AC/DE;EACE,aAAA;EACA,aAAA;EACA,iBAAA;ADiEJ;AC/DE;EACE,YAAA;EACA,aAAA;EACA,aAAA;EACA,6BAAA;EACA,iBAAA;ADiEJ;AC/DE;EAEE,aAAA;EACA,aAAA;EACA,6BAAA;EACA,iBAAA;ADgEJ;AC9DE;EACE,YAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,sBAAA;ADgEJ;AC7DE;EACE,YAAA;EACA,aAAA;EACA,eAAA;EACA,yBAAA;EACA,mBAAA;EACA,6BAAA;AD+DJ;AC9DI;EACE,kCAAA;EACA,cFoJO;ACpFb;AC9DI;EACE,0BAAA;EACA,iBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;ADgEN;AC/DM;EACE,eAAA;EACA,yBFkHc;EEjHd,cFwGQ;ACvChB;AC9DI;EACE,iBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBF6FU;EE5FV,YAAA;ADgEN;AC/DM;EACE,kCAAA;EACA,YAAA;ADiER;AC/DM;EACE,eAAA;EACA,yBF8Fc;EE7Fd,cFoFQ;ACnBhB;;AC3DA;EACE,0BAAA;AD8DF","file":"componentlayout.css"}

package/dist/src/assets/styles/contextMenu.css

@@ -0,0 +1,53 @@
+.temppp-container {
+  color: var(--hlx-text-color-primary);
+  font-size: var(--hlx-font-content-size-sm);
+  position: relative;
+  width: -moz-max-content;
+  width: max-content;
+  margin-bottom: 8px;
+}
+
+.options-container {
+  border: 1px solid var(--hlx-border-color);
+  border-radius: 5px;
+  width: -moz-fit-content;
+  width: -moz-max-content;
+  width: max-content;
+  z-index: 2000;
+  background: var(--hlx-color-white);
+  max-height: 200px;
+  overflow-y: auto;
+  color: var(--hlx-text-color-primary);
+  font-family: var(--font-family);
+}
+.options-container .option {
+  padding: 0 0.75rem 0 0.75rem;
+  font-size: var(--hlx-font-content-size-sm);
+  height: 38px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+}
+.options-container .option i {
+  font-size: var(--hlx-icon-size-xs);
+  color: var(--hlx-text-color-primary);
+}
+.options-container .option:hover {
+  background: var(--hlx-color-primary-light);
+}
+.options-container .selected-context-menu {
+  background: var(--hlx-color-primary);
+  color: var(--hlx-color-white);
+}
+.options-container .selected-context-menu i {
+  color: var(--hlx-color-white);
+}
+.options-container .selected-context-menu:hover {
+  background: var(--hlx-color-primary);
+  color: var(--hlx-color-white);
+}
+.options-container .selected-context-menu:hover i {
+  color: var(--hlx-color-white);
+}/*# sourceMappingURL=contextMenu.css.map */

package/dist/src/assets/styles/contextMenu.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["contextMenu.scss","contextMenu.css"],"names":[],"mappings":"AAAA;EACE,oCAAA;EACA,0CAAA;EACA,kBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,kBAAA;ACCF;;ADCA;EAIE,yCAAA;EAEA,kBAAA;EACA,uBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,aAAA;EACA,kCAAA;EACA,iBAAA;EACA,gBAAA;EACA,oCAAA;EACA,+BAAA;ACFF;ADME;EACE,4BAAA;EACA,0CAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,2BAAA;EACA,eAAA;ACJJ;ADKI;EACE,kCAAA;EACA,oCAAA;ACHN;ADKI;EACE,0CAAA;ACHN;ADME;EACE,oCAAA;EACA,6BAAA;ACJJ;ADKI;EACE,6BAAA;ACHN;ADMI;EACE,oCAAA;EACA,6BAAA;ACJN;ADKM;EACE,6BAAA;ACHR","file":"contextMenu.css"}