new-front-common-library 16.1.6 → 16.1.7-ROY-2

package/README.md

@@ -1,28 +1,28 @@
-# NewFrontCommonLibrary
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project new-front-common-library` to generate a new component. You can also
-use `ng generate directive|pipe|service|class|guard|interface|enum|module --project new-front-common-library`.
-> Note: Don't forget to add `--project new-front-common-library` or else it will be added to the default project in your `angular.json` file.
-
-## Build
-
-Run `ng build new-front-common-library` to build the project. The build artifacts will be stored in the `dist/`
-directory.
-
-## Publishing
-
-After building your library with `ng build new-front-common-library`, go to the dist
-folder `cd dist/new-front-common-library` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test new-front-common-library` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out
-the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# NewFrontCommonLibrary
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project new-front-common-library` to generate a new component. You can also
+use `ng generate directive|pipe|service|class|guard|interface|enum|module --project new-front-common-library`.
+> Note: Don't forget to add `--project new-front-common-library` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build new-front-common-library` to build the project. The build artifacts will be stored in the `dist/`
+directory.
+
+## Publishing
+
+After building your library with `ng build new-front-common-library`, go to the dist
+folder `cd dist/new-front-common-library` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test new-front-common-library` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out
+the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/assets/css/_dark-theme.scss

@@ -1,239 +1,243 @@
-@import "mat-palettes";
-
-.dark-theme {
-  .page-container {
-    background-color: $background-lvl3;
-  }
-
-  // TOOLBAR
-  .sub-toolbar {
-    background: $background-lvl2;
-
-    .icon {
-      color: $gray-background-lightest;
-    }
-
-    .title {
-      color: $gray-background-lightest;
-    }
-  }
-
-
-  // TOOLBAR END
-
-  //LINK
-
-  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
-    color: $blue-primary !important;
-  }
-
-  .mat-mdc-tab-link .mdc-tab__text-label {
-    color: $gray-background-lightest;
-  }
-
-  .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
-    border-color: $blue-primary !important;
-  }
-
-  //END LINK
-
-  // TEXT
-  .label-consult label {
-    color: $gray-primary;
-  }
-
-  .span-consult span {
-    color: $gray-background-lightest;
-  }
-
-  .text {
-    color: $gray-background-lightest;
-  }
-
-  input {
-    color: $gray-light !important;
-  }
-
-  // END TEXT
-
-  // TITLE
-  .block-title, .block-title-icon {
-    color: $gray-background-lightest;
-  }
-
-  // END TITLE
-
-
-  //EXPANSION PANEL
-  .mat-expansion-panel-header {
-    background-color: $background-lvl2;
-  }
-
-  .mat-expansion-panel-body {
-    background-color: $background-lvl2;
-
-  }
-  .mat-expansion-panel-header-title {
-    color: $gray-background-lightest;
-  }
-
-  //END EXPANSION PANEL
-
-  //// NG-SELECT
-  //
-  .ng-select .ng-select-container {
-    background-color: $background-lvl3;
-    color: $gray-background-lightest;
-    border: 1px solid rgba(255, 255, 255, 0.3);
-  }
-
-  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
-  .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
-    background-color: $background-lvl2;
-    color: whitesmoke;
-  }
-
-  .ng-dropdown-panel .ng-dropdown-panel-items, .ng-dropdown-panel.ng-select-multiple {
-    .ng-option.ng-option-marked,
-    .ng-option.ng-option-selected,
-    .ng-option.ng-option-selected.ng-option-marked,
-    .ng-dropdown-header {
-      background-color: $background-lvl3;
-      color: whitesmoke;
-    }
-  }
-
-  .ng-select.ng-select-focused .ng-select-container {
-    border-color: $gray-background-dark;
-    box-shadow: inset 0 0 0 rgb(0, 0, 0, 0.2), 0 0 0 1px $gray-background-dark;
-  }
-
-  .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
-    color: $gray-light;
-    background-color: $background-lvl2;
-  }
-
-  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    color: $gray-background-lightest;
-  }
-
-  // END NG-SELECT
-
-  .separator-line {
-    border-color: $gray-background-lightest;
-  }
-
-
-  //.navigation-menu {
-  //  background-color: $background-lvl2;
-  //}
-
-  //.expandable-row:hover {
-  //  background-color: transparent !important;
-  //}
-  //.expandable-row .inner-table-cell {
-  //  background: $background-lvl2;
-  //}
-
-  //.disable_ripple {
-  //  background-color: #EAEEF4 !important;
-  //}
-
-
-  //.cke_editable {
-  //  font-size: 12px !important;
-  //  font-family: Poppins;
-  //  background-color: $background-lvl2;
-  //  color: $gray-primary;
-  //}
-
-  //.hide-ckeditor-toolbar {
-  //  .cke_inner .cke_top {
-  //    display: none;
-  //  }
-  //}
-
-
-  //textarea {
-  //  color: $gray-light;
-  //}
-  //
-  //a {
-  //  color: $gray-background-lightest;
-  //}
-
-
-  //.contracts-details-page__container {
-  //  margin-top: 30px !important;
-  //  margin-left: 1% !important;
-  //  margin-right: 1% !important;
-  //}
-
-  //.table-header-text {
-  //  color: $gray-strong;
-  //  font-size: 14px;
-  //  padding-bottom: 10px;
-  //  font-weight: bold;
-  //}
-
-
-
-  //.consult-info-label {
-  //  color: $gray-primary;
-  //}
-  //
-  //.consult-info-data {
-  //  color: $gray-background-lightest;
-  //}
-  //
-
-  //.home-button button {
-  //  color: $gray-background-lightest;
-  //}
-
-  //.row-drop {
-  //  background-color: $background-lvl2;
-  //  border-color: $gray-background-lightest;
-  //  color: $gray-background-lightest;
-  //  font-size: 12px;
-  //}
-
-  //row-drop:hover {
-  //  background-color: adjust-color($background-lvl2, $lightness: 10%);
-  //}
-
-
-  //.confidential {
-  //  color: $gray-primary;
-  //}
-
-  //// DRAG & DROP
-
-  //.drag-drop-box {
-  //  color: $gray-background-lightest;
-  //}
-
-  //.drop-list {
-  //  color: $gray-background-lightest;
-  //}
-
-  //// END DRAG & DROP
-
-
-  //.see-more-text {
-  //  color: $black-bluish !important;
-  //  font-size: 12px;
-  //}
-
-
-  //.secondary-bis {
-  //  background: $gray-light !important;
-  //  color: #FFFFFF !important;
-  //}
-
-  //.icon-box-class {
-  //  color: $gray-background-lightest;
-  //}
-  //
-
-}
+@import "mat-palettes";
+
+.dark-theme {
+  .page-container {
+    background-color: $background-lvl3;
+  }
+
+  // TOOLBAR
+  .sub-toolbar {
+    background: $background-lvl2;
+
+    .icon {
+      color: $gray-background-lightest;
+    }
+
+    .title {
+      color: $gray-background-lightest;
+    }
+  }
+
+
+  // TOOLBAR END
+
+  //LINK
+
+  .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
+    color: $blue-primary !important;
+  }
+
+  .mat-mdc-tab-link .mdc-tab__text-label {
+    color: $gray-background-lightest;
+  }
+
+  .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
+    border-color: $blue-primary !important;
+  }
+
+  //END LINK
+
+  // TEXT
+  .label-consult label {
+    color: $gray-primary;
+  }
+
+  .span-consult span {
+    color: $gray-background-lightest;
+  }
+
+  .text {
+    color: $gray-background-lightest;
+  }
+
+  input[disabled] {
+    color: #ffffff61 !important;
+  }
+
+  input, textarea {
+    color: $gray-light !important;
+  }
+
+  // END TEXT
+
+  // TITLE
+  .block-title, .block-title-icon {
+    color: $gray-background-lightest;
+  }
+
+  // END TITLE
+
+
+  //EXPANSION PANEL
+  .mat-expansion-panel-header {
+    background-color: $background-lvl2;
+  }
+
+  .mat-expansion-panel-body {
+    background-color: $background-lvl2;
+
+  }
+  .mat-expansion-panel-header-title {
+    color: $gray-background-lightest;
+  }
+
+  //END EXPANSION PANEL
+
+  //// NG-SELECT
+  //
+  .ng-select .ng-select-container {
+    background-color: $background-lvl3;
+    color: $gray-background-lightest;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+  }
+
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
+    background-color: $background-lvl2;
+    color: whitesmoke;
+  }
+
+  .ng-dropdown-panel .ng-dropdown-panel-items, .ng-dropdown-panel.ng-select-multiple {
+    .ng-option.ng-option-marked,
+    .ng-option.ng-option-selected,
+    .ng-option.ng-option-selected.ng-option-marked,
+    .ng-dropdown-header {
+      background-color: $background-lvl3;
+      color: whitesmoke;
+    }
+  }
+
+  .ng-select.ng-select-focused .ng-select-container {
+    border-color: $gray-background-dark;
+    box-shadow: inset 0 0 0 rgb(0, 0, 0, 0.2), 0 0 0 1px $gray-background-dark;
+  }
+
+  .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    color: $gray-light;
+    background-color: $background-lvl2;
+  }
+
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+    color: $gray-background-lightest;
+  }
+
+  // END NG-SELECT
+
+  .separator-line {
+    border-color: $gray-background-lightest;
+  }
+
+
+  //.navigation-menu {
+  //  background-color: $background-lvl2;
+  //}
+
+  //.expandable-row:hover {
+  //  background-color: transparent !important;
+  //}
+  //.expandable-row .inner-table-cell {
+  //  background: $background-lvl2;
+  //}
+
+  //.disable_ripple {
+  //  background-color: #EAEEF4 !important;
+  //}
+
+
+  //.cke_editable {
+  //  font-size: 12px !important;
+  //  font-family: Poppins;
+  //  background-color: $background-lvl2;
+  //  color: $gray-primary;
+  //}
+
+  //.hide-ckeditor-toolbar {
+  //  .cke_inner .cke_top {
+  //    display: none;
+  //  }
+  //}
+
+
+  //textarea {
+  //  color: $gray-light;
+  //}
+  //
+  //a {
+  //  color: $gray-background-lightest;
+  //}
+
+
+  //.contracts-details-page__container {
+  //  margin-top: 30px !important;
+  //  margin-left: 1% !important;
+  //  margin-right: 1% !important;
+  //}
+
+  //.table-header-text {
+  //  color: $gray-strong;
+  //  font-size: 14px;
+  //  padding-bottom: 10px;
+  //  font-weight: bold;
+  //}
+
+
+
+  //.consult-info-label {
+  //  color: $gray-primary;
+  //}
+  //
+  //.consult-info-data {
+  //  color: $gray-background-lightest;
+  //}
+  //
+
+  //.home-button button {
+  //  color: $gray-background-lightest;
+  //}
+
+  //.row-drop {
+  //  background-color: $background-lvl2;
+  //  border-color: $gray-background-lightest;
+  //  color: $gray-background-lightest;
+  //  font-size: 12px;
+  //}
+
+  //row-drop:hover {
+  //  background-color: adjust-color($background-lvl2, $lightness: 10%);
+  //}
+
+
+  //.confidential {
+  //  color: $gray-primary;
+  //}
+
+  //// DRAG & DROP
+
+  //.drag-drop-box {
+  //  color: $gray-background-lightest;
+  //}
+
+  //.drop-list {
+  //  color: $gray-background-lightest;
+  //}
+
+  //// END DRAG & DROP
+
+
+  //.see-more-text {
+  //  color: $black-bluish !important;
+  //  font-size: 12px;
+  //}
+
+
+  //.secondary-bis {
+  //  background: $gray-light !important;
+  //  color: #FFFFFF !important;
+  //}
+
+  //.icon-box-class {
+  //  color: $gray-background-lightest;
+  //}
+  //
+
+}

package/assets/css/_flex.scss

@@ -1,55 +1,55 @@
-.d-flex {
-  display: flex;
-}
-
-.flex-row {
-  flex-direction: row;
-}
-
-.flex-column {
-  flex-direction: column;
-}
-
-.justify-content-start {
-  justify-content: flex-start !important;
-}
-
-.justify-content-end {
-  justify-content: flex-end !important;
-}
-
-.justify-content-center {
-  justify-content: center !important;
-}
-
-.justify-content-between {
-  justify-content: space-between !important;
-}
-
-.justify-content-around {
-  justify-content: space-around !important;
-}
-
-.justify-content-evenly {
-  justify-content: space-evenly !important;
-}
-
-.align-items-start {
-  align-items: flex-start !important;
-}
-
-.align-items-end {
-  align-items: flex-end !important;
-}
-
-.align-items-center {
-  align-items: center !important;
-}
-
-.align-items-baseline {
-  align-items: baseline !important;
-}
-
-.align-items-stretch {
-  align-items: stretch !important;
-}
+.d-flex {
+  display: flex;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-column {
+  flex-direction: column;
+}
+
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+  justify-content: space-evenly !important;
+}
+
+.align-items-start {
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  align-items: stretch !important;
+}