halleyx-ui-framework 5.4.0 → 5.4.2

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

@@ -1,157 +0,0 @@
-.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-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.scss

@@ -1,325 +0,0 @@
-@use 'sass:map';
-@use 'sass:math';
-/*/* Element Chalk Variables */
-@import '../mixins/config.scss';
-@import '../mixins/functions.scss';
-
-$--types: primary, success, warning, error, info;
-
-/* Color
--------------------------- */
-$--colors: () !default;
-$--colors: map.deep-merge(
-  (
-    "white": #ffffff,
-    "black": #000000,
-    "primary": (
-      "dark":#265E4B,
-      "base": #54bd95,
-      "light": #a8dec9,
-      "lighter": #e4fff5,
-    ),
-    'success': (
-      'dark': #00954a,
-      'base': #02b55c,
-      'light': #dcf9ea,
-    ),
-    'warning': (
-      'dark': #ff9500,
-      'base': #f8a523,
-      'light': #f9ecd7,
-    ),
-    'error': (
-      'dark': #fc3232,
-      'base': #ff5050,
-      'light': #ffe8e8,
-    ),
-    'info': (
-      'dark': #0065b2,
-      'base': #2879b7,
-      'light': #d8edfc,
-    ),
-    'link': (
-      'dark': #143c5b,
-      'base': #2879b7,
-      'light': #d8edfc,
-    ),
-    'disable': (
-      'dark': #6f5c90,
-      'base': #ece9f1,
-      'text': #d0c9d6,
-    ),
-
-    'sidebar': (
-      'base': #001723,
-    ),
-  ),
-  $--colors
-);
-
-$--color-white: map.get($--colors, 'white') !default;
-$--color-black: map.get($--colors, 'black') !default;
-/*Primary colors*/
-$--color-primary-dark: map.get($--colors, 'primary', 'dark') !default;
-$--color-primary: map.get($--colors, 'primary', 'base') !default;
-$--color-primary-light: map.get($--colors, 'primary', 'light') !default;
-$--color-primary-lighter: map.get($--colors, 'primary', 'lighter') !default;
-/*success colors*/
-$--color-success-dark: map.get($--colors, 'success', 'dark') !default;
-$--color-success: map.get($--colors, 'success', 'base') !default;
-$--color-success-light: map.get($--colors, 'success', 'light') !default;
-/*warning colors*/
-$--color-warning-dark: map.get($--colors, 'warning', 'dark') !default;
-$--color-warning: map.get($--colors, 'warning', 'base') !default;
-$--color-warning-light: map.get($--colors, 'warning', 'light') !default;
-/*error colors*/
-$--color-error-dark: map.get($--colors, 'error', 'dark') !default;
-$--color-error: map.get($--colors, 'error', 'base') !default;
-$--color-error-light: map.get($--colors, 'error', 'light') !default;
-/*info colors*/
-$--color-info-dark: map.get($--colors, 'info', 'dark') !default;
-$--color-info: map.get($--colors, 'info', 'base') !default;
-$--color-info-light: map.get($--colors, 'info', 'light') !default;
-/*link colors*/
-$--color-link-dark: map.get($--colors, 'link', 'dark') !default;
-$--color-link: map.get($--colors, 'link', 'base') !default;
-$--color-link-light: map.get($--colors, 'link', 'light') !default;
-/*disable colors*/
-$--color-disable-dark: map.get($--colors, 'disable', 'dark') !default;
-$--color-disable: map.get($--colors, 'disable', 'base') !default;
-$--color-disable-text: map.get($--colors, 'disable', 'text') !default;
-
-$--color-sidebar: map.get($--colors, 'sidebar', 'base') !default;
-
-$--text-color: () !default;
-$--text-color: map.merge(
-  (
-    "primary": #191a15,
-    "secondary": #fbfbfb,
-    "disable": #d0c9d6,
-    "tree": #222f2b,
-  ),
-  $--text-color
-);
-$--text-color: () !default;
-$--text-color: map.merge(
-  (
-    "primary": #191a15,
-    "secondary": #fbfbfb,
-    "disable": #d0c9d6,
-    "tree": #222f2b,
-  ),
-  $--text-color
-);
-/*Borders*/
-$--border-color: () !default;
-$--border-color: map.merge(
-  (
-    '': #d8d8d8,
-    'dark': #a6a6a6,
-    'light': #ebebeb,
-    'lighter': #f7f7f7,
-  ),
-  $--border-color
-);
-/*variables*/
-$--variables: () !default;
-$--variables: map.merge(
-  (
-    'border-radius': 5px,
-    'border-radius-round': 100px,
-  ),
-  $--variables
-);
-$--line-height: () !default;
-$--line-height: map.merge(
-  (
-    xs: 1.125rem,
-    sm: 1.25rem,
-    '': 1.5rem,
-    lg: 1.75rem,
-    xl: 1.875rem,
-    xxl: 2rem,
-  ),
-  $--line-height
-);
-$--font: () !default;
-$--font: map.deep-merge(
-  (
-    'type': (
-      'title': 'QuickSand',
-      'content': 'OpenSans',
-    ),
-    'header-size': (
-      '': 2.25rem,
-      'sm': 1.875rem,
-      'lg': 3rem,
-      'xl': 3.75rem,
-      'xxl': 4.5rem,
-    ),
-    'content-size': (
-      '': 1rem,
-      'xs': 0.75rem,
-      'sm': 0.875rem,
-      'lg': 1.125rem,
-      'xl': 1.25rem,
-    ),
-  ),
-  $--font
-);
-
-/*Fonts*/
-$dev: false;
-@debug '#{$dev}';
-$--font-path: '../fonts' !default;
-$--font-pathd: -font-path($dev);
-@debug '#{$--font-pathd}';
-$--font-display: 'auto' !default;
-$--font-type-content: map.get($--font, 'type', 'content');
-$--font-type-title: map.get($--font, 'type', 'title');
-$--icon: () !default;
-$--icon: map.merge(
-  (
-    xs: 1rem,
-    sm: 1.25rem,
-    md: 1.5rem,
-    lg: 2rem,
-    xl: 2.25rem,
-  ),
-  $--icon
-);
-
-$border-color: #d8d8d8; /*changed as border-color*/
-
-$border-color-secondary: #ebebeb; /*changed as border-color-light*/
-
-$grey: #ebebeb; /*changed as border-color-light*/
-
-$grey-light: #f7f7f7; /*changed as border-color-lighter*/
-
-$grey-dark: #a6a6a6; /*changed as border-color-dark*/
-
-$font-path: $--font-pathd;
-
-$primary-success-dark: #00954a;
-$primary-success: #02b55c;
-$secondary-success: #dcf9ea;
-
-$primary-error-dark: #fc3232;
-$primary-error: #ff5050;
-$secondary-error: #ffe8e8;
-
-$primary-info-dark: #0065b2;
-$primary-info: #2879b7;
-$secondary-info: #d8edfc;
-
-$primary-warning-dark: #ff9500;
-$primary-warning: #f8a523;
-$secondary-warning: #f9ecd7;
-
-$primary-link: #2879b7;
-
-$secondary-link: #d8edfc;
-
-$primary-color: #54bd95;
-
-$primary-bg-light: #a8dec9;
-
-$primary-color-dark: #265e4b;
-
-$primary-disabled: #ece9f1;
-$primary-disabled-text: #d0c9d6;
-
-$primary-color-light: #a8dec9;
-$primary-color-light-opacity: #e4fff5;
-
-$secondary-color: #ffffff;
-
-$secondary-color-green-light: #dcfae9;
-
-$secondary-color-red: #ff5050;
-
-$secondary-color-blue: #2879b7;
-
-$secondary-color-blue-light: #d8edfc;
-
-$secondary-color-dark: #161c28;
-
-$primary-text-color: #fbfbfb;
-
-/*Testing
-  $--dev:$dev;
-  */
-
-$font-color: #191a15; /*changed as text-color-primary*/
-
-$sidebar-color: #222938; /*changed as color-sidebar*/
-
-$primary-tree-text: #222f2b; /*changed as text-color-tree*/
-
-$gradiant-left: linear-gradient(to left, #54bd95, #265e4b);
-
-$gradiant-right: linear-gradient(to right, #54bd95, #265e4b);
-
-$gradiant-down: linear-gradient(180deg, #54bd95, #265e4b);
-
-$gradiant-up: linear-gradient(360deg, #54bd95, #265e4b);
-
-$border-radius: 5px; /*changed as border-radius*/
-
-$border-radius-round: 100px; /*changed as border-radius-round*/
-
-/* Standard font styles */
-
-$title-font: QuickSand; /*changed as font-type-tittle*/
-
-$content-font: OpenSans; /*changed as font-type-content*/
-
-$icon-xs: 1rem; /*changed as icon-size-xs*/
-
-$icon-sm: 1.25rem; /*changed as icon-size-sm*/
-
-$icon-md: 1.5rem; /*changed as icon-size-md*/
-
-$icon-lr: 2rem; /*changed as icon-size-lg*/
-
-$icon-xl: 2.25rem; /*changed as icon-size-xl*/
-
-$header-font-size: 20px; /*changed as icon-size-tittle*/
-
-/* Standard header font styles */
-
-$font-h-xxl: 4.5rem; /*changed as font-header-size-xxl*/
-
-$font-h-xl: 3.75rem; /*changed as font-header-size-xl*/
-
-$font-h-lg: 3rem; /*changed as font-header-size-lg*/
-
-$font-h-md: 2.25rem; /*changed as font-header-size*/
-
-$font-h-sm: 1.875rem; /*changed as font-header-size-sm*/
-/*line-height*/
-$line-height-xxl: 2rem; /*changed as line-height-tittle*/
-$line-height-xl: 1.875rem; /*changed as line-height-tittle*/
-$line-height-lg: 1.75rem; /*changed as line-height-tittle*/
-$line-height-md: 1.5rem; /*changed as line-height-tittle*/
-$line-height-sm: 1.25rem; /*changed as line-height-tittle*/
-$line-height-xs: 1.125rem; /*changed as line-height-tittle*/
-/* Standard content font styles */
-
-$font-c-xl: 1.25rem; /*changed as font-content-size-xl*/
-
-$font-c-lg: 1.125rem; /*changed as font-content-size-lg*/
-
-$font-c-md: 1rem; /*changed as font-content-size*/
-
-$font-c-sm: 0.875rem; /*changed as font-content-size-sm*/
-
-$font-c-xs: 0.75rem; /*changed as font-content-xs*/
-
-.right-panel {
-  font-family: $content-font;
-}
-.left-panel {
-  font-family: $content-font;
-}

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

@@ -1,148 +0,0 @@
-@import './common/var.scss';
-
-.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;
-  & > img {
-    width: 35px;
-    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;
-  // text-indent: 50px;
-}
-.icon-size {
-  list-style-type: none;
-  font-size: 14px;
-
-  li {
-    font-family: OpenSans;
-    margin: 20px 20px 20px 0;
-  }
-}
-.notes {
-  padding: 10px;
-  font-size: 14px;
-  width: 100%;
-  background-color: $primary-color-light;
-  border-left: 3px solid $primary-color-dark;
-  border-radius: 5px;
-  display: inline-flex;
-  .note-title {
-    font-weight: bold;
-  }
-  .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 $border-color;
-  border-radius: 5px;
-
-  .example-body {
-    height: 100%;
-    display: flex;
-    padding: 20px;
-    gap: 15px;
-    overflow: inherit;
-    flex-direction: column;
-  }
-  .example-body1 {
-    height: 300px;
-    padding: 20px;
-    overflow: visible;
-  }
-  .example-body2 {
-    height: 66px;
-    padding: 20px;
-    display: flex;
-    justify-content: space-evenly;
-    overflow: visible;
-  }
-  .example-body4 {
-    // height: 66px;
-    padding: 20px;
-    display: flex;
-    justify-content: space-evenly;
-    overflow: visible;
-  }
-  .example-body3 {
-    height: 100%;
-    display: flex;
-    padding: 20px;
-    overflow: auto;
-    flex-direction: column;
-  }
-
-  .example-footer {
-    height: 40px;
-    display: flex;
-    padding: 0 20px;
-    justify-content: flex-end;
-    align-items: center;
-    border-top: 1px solid $border-color;
-    .icon-code-regular::before {
-      font-size: var(--hlx-icon-size-sm);
-      color: $font-color;
-    }
-    .icon {
-      font-size: 14px !important;
-      margin-left: 10px;
-      height: 30px;
-      width: 30px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      &:hover {
-        cursor: pointer;
-        background-color: $primary-color-light;
-        color: $primary-color;
-      }
-    }
-    .active-icon {
-      margin-left: 10px;
-      height: 30px;
-      width: 30px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      background-color: $primary-color;
-      color: white;
-      .icon-code-regular::before {
-        font-size: var(--hlx-icon-size-md);
-        color: white;
-      }
-      &:hover {
-        cursor: pointer;
-        background-color: $primary-color-light;
-        color: $primary-color;
-      }
-    }
-  }
-}
-
-.hljs {
-  font-size: 14px !important;
-}

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

@@ -1,58 +0,0 @@
-.temppp-container {
-  color: var(--hlx-text-color-primary);
-  font-size: var(--hlx-font-content-size-sm);
-  position: relative;
-  width: max-content;
-  margin-bottom: 8px;
-}
-.options-container {
-  // display: none;
-  //
-  // top: 20px;
-  border: 1px solid var(--hlx-border-color);
-  // position: absolute;
-  border-radius: 5px;
-  width: -moz-fit-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);
-
-  // top: 0;
-
-  .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;
-    i {
-      font-size: var(--hlx-icon-size-xs);
-      color: var(--hlx-text-color-primary);
-    }
-    &:hover {
-      background: var(--hlx-color-primary-light);
-    }
-  }
-  .selected-context-menu {
-    background: var(--hlx-color-primary);
-    color: var(--hlx-color-white);
-    i {
-      color: var(--hlx-color-white);
-    }
-
-    &:hover {
-      background: var(--hlx-color-primary);
-      color: var(--hlx-color-white);
-      i {
-        color: var(--hlx-color-white);
-      }
-    }
-  }
-}