@natec/mef-dev-ui-kit 16.0.1 → 16.0.2

package/lib/markup-kit/card/card-long/card-long.component.d.ts

@@ -85,7 +85,7 @@ export declare class CardLongComponent implements OnInit {
      * The text for the card type.
      * @usageNotes
      * ```
-     * <medev-card-long type_text = "'RED'"></<medev-card-long>
+     * <medev-card-long type_text = "'Type'"></<medev-card-long>
      * ```
      */
     type_text: string;
@@ -96,7 +96,7 @@ export declare class CardLongComponent implements OnInit {
      * <medev-card-long type_color = "'RED'"></<medev-card-long>
      * ```
      * Colors: RED, UNSET, GREEN
-  
+     
      */
     type_color: CartTypeColors;
     /**

package/lib/markup-kit/card/card.module.d.ts

@@ -9,7 +9,7 @@ import * as i4 from "@angular/common";
 import * as i5 from "../collapse/collapse.module";
 import * as i6 from "../../pg-components/select/select.module";
 import * as i7 from "../../pg-components/card/card.module";
-export declare const mefDevCardComponents: (typeof CardComponent | typeof CardLongComponent | typeof CardSimpleComponent)[];
+export declare const mefDevCardComponents: (typeof CardLongComponent | typeof CardComponent | typeof CardSimpleComponent)[];
 export declare class MefDevCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCardModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCardModule, [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent], [typeof i4.CommonModule, typeof i5.MefDevCollapseModule, typeof i6.MefDevSelectModule, typeof i7.pgCardModule], [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent]>;

package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts

@@ -4,6 +4,7 @@ import { ModalSize } from '../modal-size.enum';
 import * as i0 from "@angular/core";
 /**
 * A component representing a slide-up modal window.
+*
 * Example of usage:
 *
 * ```

package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
 * A component representing a table page layout.
+*
 * Example of usage:
 *
 * ```

package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts

@@ -8,10 +8,11 @@ import * as i0 from "@angular/core";
 * Example of usage:
 * ```
 * <mefdev-filtered-field-container>
-*   <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
-*   </mefdev-filtered-field-item>
-* </mefdev-filtered-field-container>
 *
+* <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
+* </mefdev-filtered-field-item>
+*
+* </mefdev-filtered-field-container>
 * ```
 * Example of usage:
 * <example-url>https://mef.dev/ui_kit_demo/view/utils/filtered-field</example-url>

package/lib/markup-kit/utils/help-block/help-block.component.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
 *```
 * <mefdev-help-block [title]="'Help'">
 *  Content goes here...
+*    <ng-content></ng-content>
 * </mefdev-help-block>
 *```
 * <example-url>https://mef.dev/ui_kit_demo/view/utils/help-block</example-url>

package/lib/pg-components/tabs/tabset.component.d.ts

@@ -43,14 +43,6 @@ export declare class MefDevTabSetComponent implements AfterContentChecked, OnIni
     _extra_tabcontent_class: string;
     /**
      * Template reference for additional content to be displayed in the tab bar.
-     * @example
-     *```
-     * <ng-template #extraContentTemplate>
-     *   <button mat-icon-button>
-     *     <mat-icon>add</mat-icon>
-     *   </button>
-     * </ng-template>
-     *```
      */
     TabBarExtraTemplate: TemplateRef<void>;
     TabBarExtraContent: TemplateRef<void>;
@@ -84,7 +76,6 @@ export declare class MefDevTabSetComponent implements AfterContentChecked, OnIni
     get SelectedIndex(): number | null;
     /**
      * Event emitted when the selected tab index changes.
-     * @example <mefdev-tabset (SelectedIndexChange)="onTabChange($event)"></mefdev-tabset>
      * @returns An Observable emitting the index of the selected tab.
      */
     get SelectedIndexChange(): Observable<number>;
@@ -104,8 +95,6 @@ export declare class MefDevTabSetComponent implements AfterContentChecked, OnIni
     tabs: MefDevTabComponent[];
     /**
      * Position of the tab set. Can be 'top', 'bottom', 'left', or 'right'.
-     * @example 'left'
-     * Default: 'top'
      */
     set TabPosition(value: TabPosition);
     get TabPosition(): TabPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natec/mef-dev-ui-kit",
-  "version": "16.0.1",
+  "version": "16.0.2",
   "description": "MEF.DEV UI Kit Library",
   "author": {
     "name": "NATEC"

package/src/lib/styles/fonts.scss

@@ -1,6 +1,6 @@
 
 .h1, h1 {
-    font-family: montserrat-bold;
+    font-family: montserrat;
     font-size: 24px;
     line-height: 29px;
     font-weight: 700;
@@ -8,14 +8,14 @@
     color: #000000;
 }
 .h2, h2 {
-    font-family: montserrat-bold;
+    font-family: montserrat;
     font-size: 24px;
     line-height: 29px;
     font-weight: 700;
     color: #000000;
 }
 .h3, h3 {
-    font-family: montserrat-regular;
+    font-family: montserrat;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -23,7 +23,7 @@
     color: #000000;
 }
 .h4, h4 {
-    font-family: montserrat-light;
+    font-family: montserrat;
     font-weight: 300;
     font-size: 13px;
     line-height: 20px;
@@ -31,14 +31,14 @@
     color: #000000;
 }
 .h5, h5 {
-    font-family: montserrat-semibold;
+    font-family: montserrat;
     font-weight: 600;
     font-size: 13px;
     line-height: 20px;
     color: #000000;
 }
 .h6, h6 {
-    font-family: montserrat-medium;
+    font-family: montserrat;
     font-weight: 500;
     font-size: 12px;
     line-height: 20px;
@@ -47,35 +47,35 @@
 }
 
 .body-1, body-1 {
-    font-family: Lato-Bold;
+    font-family: Lato;
     font-size: 18px;
     line-height: 20px;
     font-weight: 700;
     color: #000000;
 }
 .body-2, body-2 {
-    font-family: Lato-Regular;
+    font-family: Lato;
     font-size: 16px;
     line-height: 28px;
     font-weight: 400;
     color: #000000;
 }
 .body-3, body-3 {
-    font-family: Lato-Bold;
+    font-family: Lato;
     font-size: 14px;
     line-height: 22px;
     font-weight: 700;
     color: #000000;
 }
 .body-4, body-4{
-    font-family: Lato-Regular;
+    font-family: Lato;
     font-size: 14px;
     line-height: 22px;
     font-weight: 400;
     color: #000000;
 }
 .body-5, body-5{
-    font-family: Lato-Bold;
+    font-family: Lato;
     font-weight: 600;
     font-size: 13px;
     line-height: 18px;
@@ -83,9 +83,9 @@
 }
 
 .body-6, body-6{
-    font-family: Lato-Regular;
+    font-family: Lato;
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     color: #000000;
-}
+}

package/src/lib/styles/pg/_var.scss

@@ -33,7 +33,7 @@ $color-warning: #f8d053 ;
 $color-danger: $Red ;
 $color-info: $Dark-Gray-1;
 
-$base-font-family: Lato-Regular, Lato-Bold, montserrat-regular, montserrat-bold, montserrat-light;
+$base-font-family: Lato, Montserrat;
 
 // Menu Vars
 // --------------------------------------------------

package/src/lib/styles/pg/core.scss

@@ -1,82 +1,10 @@
 //Core Libs
 @use '../designe-colors.scss' as c;
 
-/*#region montserrat*/
-@font-face {
-    font-family: 'montserrat-bold';
-    src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
-        url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
+@import 'https://fonts.googleapis.com/css?family=Montserrat';
+@import 'https://fonts.googleapis.com/css?family=Lato';
 
-@font-face {
-    font-family: 'montserrat-light';
-    src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
-        url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'montserrat-semibold';
-    src: url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
-        url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'montserrat-medium';
-    src: url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
-        url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'montserrat-regular';
-    src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
-        url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-/*#endregion montserrat*/
-
-/*#region Lato*/
-@font-face {
-    font-family: 'Lato-Regular';
-	  src: url("../fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"), 
-      url("../fonts/lato/lato-regular.otf") format("opentype"),  
-      url("../fonts/lato/lato-regular.svg") format("svg"), 
-      url("../fonts/lato/lato-regular.ttf") format("truetype"), 
-      url("../fonts/lato/lato-regular.woff") format("woff"), 
-      url("../fonts/lato/lato-regular.woff2") format("woff2"); 
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'Lato-Bold';
-    src: url("../fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"), 
-      url("../fonts/lato/lato-bold.otf") format("opentype"),  
-      url("../fonts/lato/lato-bold.svg") format("svg"), 
-      url("../fonts/lato/lato-bold.ttf") format("truetype"), 
-      url("../fonts/lato/lato-bold.woff") format("woff"), 
-      url("../fonts/lato/lato-bold.woff2") format("woff2"); 
-    font-weight: bold;
-    font-style: normal;
-    font-display: swap;
-}
-/*#endregion Lato*/
-
-/*#region img-font*/  
+/*#region img-font*/
 @font-face {
     font-family: 'icomoon';
     src:  url('../fonts/main-img-font/icomoon.eot?97jr4n');
@@ -88,7 +16,7 @@
     font-style: normal;
     font-display: block;
   }
-  
+
   [class^="icon-"], [class*=" icon-"] {
     /* use !important to prevent issues with browser extensions that change ../fonts */
     font-family: 'icomoon' !important;
@@ -98,12 +26,12 @@
     font-variant: normal;
     text-transform: none;
     line-height: 1;
-  
+
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  
+
   .icon-info-light:before {
     content: "\e90d";
   }
@@ -259,7 +187,7 @@
     content: "\e938";
     margin-left: -0.9658203125em;
   }
-  
+
   /*#endregion img-font*/
 
 
@@ -469,12 +397,12 @@ a.btn-primary {
 }
 
 a:hover *{
-    color: c.$Red !important;    
+    color: c.$Red !important;
 }
 
 .avatar-img-lg{
-    max-width: -webkit-fill-available; 
-    max-height: 150px; 
+    max-width: -webkit-fill-available;
+    max-height: 150px;
     border-radius: 50%
 }
 
@@ -487,12 +415,12 @@ a:hover *{
 }
 
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{
-    background-color: c.$Light-Gray-3;    
+    background-color: c.$Light-Gray-3;
     color: #333333
 }
 
 .p-checkbox .p-checkbox-box.p-highlight{
-    background: c.$Dark-Gray-1; 
+    background: c.$Dark-Gray-1;
 }
 
 .p-highlight .p-checkbox .p-checkbox-box{

package/src/lib/styles/pg/modules/_breadcrumb.scss

@@ -2,7 +2,7 @@
 ------------------------------------
 */
 .breadcrumb {
-  font-family: montserrat-regular;
+  font-family: montserrat;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;

package/src/lib/styles/pg/modules/_buttons.scss

@@ -9,7 +9,7 @@
     border-radius: 5px !important;
     color: $text_color !important;
     background-color: $main_color !important;
-    font-family: montserrat-regular !important;
+    font-family: montserrat !important;
     font-weight: 500 !important;
     font-size: 14px !important;
     line-height: 24px !important;
@@ -28,7 +28,7 @@
     border-radius: 5px !important;
     color: $text_color !important;
     background-color: $main_color !important;
-    font-family: Lato-regular !important;
+    font-family: Lato !important;
     font-size: 11px !important;
     line-height: 13px !important;
     &:hover{

package/src/lib/styles/pg/modules/_cards.scss

@@ -31,7 +31,7 @@ $assets-url: "../../assets" ;
       padding-top: 0;
     }
     .card-title {
-      font-family: montserrat-regular;
+      font-family: montserrat;
       text-transform: uppercase;
       display: inline-block;
       letter-spacing: 0.06em;
@@ -134,7 +134,7 @@ $assets-url: "../../assets" ;
     float: right;
     .card-title {
       h4 {
-        font-family: montserrat-regular;
+        font-family: montserrat;
         font-size: 16px;
         text-transform: uppercase;
         color: $color-master-lighter;
@@ -404,4 +404,4 @@ $assets-url: "../../assets" ;
 
 .card.card-default{
   border: 0 !important;
-}
+}