halleyx-ui-framework 11.7.80 → 11.7.81-beta.2

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

@@ -1,248 +0,0 @@
-.pagination-container {
-  // display: grid;
-  // grid-template-columns: 200px auto;
-  align-items: center;
-  font-size: 14px !important;
-}
-tr:last-child {
-  td:first-child {
-    border-bottom-left-radius: 5px !important;
-  }
-  td:last-child {
-    border-bottom-right-radius: 5px !important;
-  }
-}
-td.fixed-column-left {
-  position: sticky !important;
-  z-index: 250 !important;
-  left: 0 !important;
-  background: white;
-  box-shadow: inset -8px 0px 12px -16px #222222;
-  text-overflow: ellipsis;
-  // overflow: hidden;
-  white-space: nowrap;
-}
-th.fixed-column-left {
-  position: sticky !important;
-  z-index: 300 !important;
-  left: 0 !important;
-  background: white;
-  box-shadow: inset -8px 0px 12px -16px #222222;
-  text-overflow: ellipsis;
-  // overflow: hidden;
-  white-space: nowrap;
-}
-td.fixed-column-right {
-  position: sticky !important;
-  z-index: 250 !important;
-  right: 0 !important;
-  background: white;
-  box-shadow: inset 8px 0px 12px -16px #222222;
-  text-overflow: ellipsis;
-  // overflow: hidden;
-  white-space: nowrap;
-}
-th.fixed-column-right {
-  position: sticky !important;
-  z-index: 300 !important;
-  right: 0 !important;
-  background: white;
-  box-shadow: inset 8px 0px 12px -16px #222222;
-  text-overflow: ellipsis;
-  // overflow: hidden;
-  white-space: nowrap;
-}
-
-.table-v2-container {
-  // height: 100%;
-  .hlxTableV2 {
-    thead .table-v2-merge-head th {
-      max-height: 40px !important;
-      z-index: 260;
-      white-space: nowrap;
-    }
-    thead .table-v2-head th {
-      max-height: 40px !important;
-      z-index: 260;
-      white-space: nowrap;
-    }
-  }
-}
-// ----------------------------------------- Basic table css -----------------------------------------
-.hlxTableV2 {
-  border-collapse: separate !important;
-  border-spacing: 0;
-  width: 100%;
-  display: block;
-  overflow-x: auto;
-  overflow-y: auto;
-  white-space: nowrap;
-  border-collapse: collapse;
-  font-family: 'OpenSans';
-  background: white;
-  th,
-  td {
-    padding: 4px 8px;
-    font-weight: 100;
-    font-size: 14px;
-  }
-  th {
-    width: 100%;
-    min-width: 100px;
-    text-overflow: ellipsis;
-    // overflow: hidden;
-    white-space: nowrap;
-    height: 40px !important;
-  }
-  td {
-    width: 1%;
-    min-width: max-content;
-    text-overflow: ellipsis;
-    // overflow: hidden;
-    white-space: nowrap;
-    height: 40px !important;
-  }
-}
-
-// ----------------------------------------- Bold headers css -----------------------------------------
-.boldHeaders {
-  th {
-    font-weight: bold;
-  }
-}
-
-// ----------------------------------------- Borders css -----------------------------------------
-
-.tableBorder {
-  border: solid #ccc 1px;
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  border-radius: 6px;
-}
-
-.headerBorder {
-  th {
-    border-bottom: 1px solid #d8d8d8;
-  }
-}
-
-.verticalBorder {
-  th,
-  td {
-    border-right: 1px solid #d8d8d8;
-  }
-  th:last-child,
-  td:last-child {
-    border-right: none;
-  }
-}
-
-.horizontalBorder {
-  td {
-    border-bottom: 1px solid #d8d8d8;
-  }
-  tr:last-child td {
-    border-bottom: none;
-  }
-}
-
-// ----------------------------------------- Borders css -----------------------------------------
-.rowHover {
-  tr:hover {
-    background: #e4fff5;
-  }
-}
-
-// ----------------------------------------- Theme css -----------------------------------------
-.lightTheme {
-  th {
-    background: white;
-  }
-}
-.primaryTheme {
-  th {
-    background: #54bd95;
-    color: black;
-  }
-}
-.greyTheme {
-  th {
-    background: #edecec;
-    color: black;
-  }
-}
-
-// ----------------------------------------- striped row css -----------------------------------------
-
-.stripedRow {
-  tr:nth-child(even) {
-    background: #e4fff5;
-  }
-}
-
-// --------------------------------------------Sort-icon ---------------------------------------------------
-.table-head {
-  display: flex;
-  .table-sort {
-    position: relative;
-    display: flex;
-    gap: 2px;
-    flex-direction: column;
-    .icon-filled-arrow-up {
-      font-size: 10px;
-      position: absolute;
-      top: 5px;
-    }
-    .icon-filled-arrow-down {
-      font-size: 10px;
-      position: absolute;
-      top: 11px;
-    }
-
-    i {
-      font-size: 12px;
-      margin-left: 5px;
-      cursor: pointer;
-      &:hover {
-        // color: var(--hlx-color-primary-dark);
-      }
-    }
-  }
-}
-
-.sorting-icon {
-  color: white;
-  background-color: #54bd95;
-  border-radius: 2px;
-}
-
-.icon-vertical-dots {
-  font-size: 20px;
-  position: relative;
-  cursor: pointer;
-  &:hover {
-    background-color: var(--hlx-color-primary-light);
-    border-radius: 20px;
-  }
-}
-
-.icon-gear {
-  font-size: 24px;
-  cursor: pointer;
-}
-
-.action-gear {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-
-.example-2-style {
-  margin-top: -116px;
-  margin-left: -65px;
-  position: relative;
-}
-
-.col-group-new {
-  width: 100% !important;
-}

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

@@ -1,54 +0,0 @@
-.tab-content {
-  font-size: 16px;
-}
-
-.tabs_header {
-  width: 100%;
-  margin-top: 0px;
-  margin-bottom: 10px;
-  list-style: none;
-  padding: 0;
-  display: flex;
-  border-bottom: 1px solid var(--hlx-border-color);
-  overflow-x: auto;
-}
-
-.tabs_header li {
-  border: 2px solid transparent;
-  font-size: 14px;
-  min-width: 100px;
-  white-space: nowrap;
-  text-align: center;
-  padding: 10px 10px;
-  margin-right: 10px;
-  cursor: pointer !important;
-  transition: 0.4s all ease-out;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.tabs_header li#top.selected {
-  border-top: 2px solid var(--hlx-color-primary);
-  color: var(--hlx-color-primary);
-}
-.tabs_header li#bottom.selected {
-  border-bottom: 2px solid var(--hlx-color-primary);
-  color: var(--hlx-color-primary);
-}
-
-.tab-arrows {
-  display: flex;
-  i {
-    cursor: pointer;
-    border-bottom: 1px solid var(--hlx-border-color);
-    height: 44px;
-    display: flex;
-    align-items: center;
-    z-index: 100;
-    position: relative;
-    font-size: var(--hlx-icon-size-md);
-  }
-}
-
-.tabs_header::-webkit-scrollbar {
-  display: none;
-}

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

@@ -1,122 +0,0 @@
-.hlx-tag {
-  display: flex;
-  // padding: 0.2rem 0 0.2rem 0.3rem;
-  padding: 6px; 
-  min-width: min-content;
-  max-height: 28px;
-  // border-radius: 4px;
-  border-radius: 6px;
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-  font-weight: 500;
-  letter-spacing: 0.005em;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  align-content: center;
-  color: white;
-  background-color: var(--hlx-color-primary);
-  color: var(--hlx-color-white);
-  &:hover {
-    cursor: default;
-    // color: var(--hlx-color-primary-light);
-    background-color: var(--hlx-color-primary-dark);
-  }
-
-  & > .content {
-    font-size: 12px;
-    // max-width: 10ch;
-    line-height: 2;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  & > .contentfull{
-    font-size: 12px;
-    line-height: 2;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  & > i {
-    font-size: 15px;
-    margin-left: 2px;
-    cursor: pointer;
-  }
-
-  &.info {
-    background-color: var(--hlx-color-info-light);
-    color: var(--hlx-color-info);
-    &:hover {
-      cursor: default;
-      color: var(--hlx-color-info-light);
-      background-color: var(--hlx-color-info);
-    }
-  }
-  &.normal {
-    // background-color: var(--hlx-color-info-light);
-    // color: black;
-    
-    border: 1px solid #d4d4d4;
-    &:hover {
-      cursor: default;
-      // color: var(--hlx-color-info-light);
-      border: 1px solid #d4d4d4;
-      // background-color: black;
-    }
-  }
-
-  &.warning {
-    background-color: var(--hlx-color-warning-light);
-    color: var(--hlx-color-warning);
-    &:hover {
-      cursor: default;
-      color: var(--hlx-color-warning-light);
-      background-color: var(--hlx-color-warning);
-    }
-  }
-
-  &.danger {
-    color: var(--hlx-color-error);
-    background-color: var(--hlx-color-error-light);
-    &:hover {
-      cursor: default;
-      background-color: var(--hlx-color-error);
-      color: var(--hlx-color-error-light);
-    }
-  }
-
-  &.success {
-    background-color: var(--hlx-color-success-light);
-    color: getCssVar('color', 'success');
-    &:hover {
-      cursor: default;
-      background-color: getCssVar('color', 'success');
-      color: var(--hlx-color-success-light);
-    }
-  }
-  &.disable {
-    background: var(--hlx-color-disable);
-    color: var(--hlx-border-color-dark);
-    &:hover {
-      cursor: default;
-      color: var(--hlx-color-disable);
-      background: var(--hlx-border-color-dark);
-    }
-  }
-
-  // &.-normal{
-  //     background-color: $primary-color;
-  // }
-  // // // Sizes
-  // &.-medium {
-  //     font-size: 1.0rem;
-  //     padding: .1rem .65rem .2rem;
-  // }
-
-  // &.-small {
-  //     font-size: .7rem;
-  //     padding: .05rem .4rem .15rem;
-  // }
-}

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

@@ -1,61 +0,0 @@
-.custom-container-box {
-  padding: 5px 0px;
-  max-width: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-  position: relative;
-  border: 0px solid #D4D4D4;
-  border-radius: 5px;
-  // background: pink;
-
-  .custom-upload_inside_email1 {
-    .custom-content-wrapper {
-      max-width: 800px;
-      max-height: 300px;
-      overflow: hidden;
-      display: flex;
-      flex-direction: row;
-      gap: 11px;
-
-      .custom-object-name {
-        .custom-smallbox {
-          border: 1px solid grey;
-          padding: 3px;
-          color: red;
-          background: none;
-          border-radius: 5px;
-        }
-      }
-
-      .custom-overflow-count {
-        // border: 1px solid blue;
-        // margin-right: 10px;
-      }
-
-    }
-
-    
-  }
-
-}
-
-.custom-overflow-items-tag {
-  // right: 54px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  margin-left: 6%;
-  width: 215px;
-  position: fixed;
-  background-color: white;
-  border: 1px solid #D4D4D4;
-  padding: 8px;
-  border-radius: 5px;
-  gap: 11px;
-  z-index: 999999;  
-
-  .custom-smallbox {
-    border: 1px solid grey;
-    border-radius: 5px;
-  }
-}