@pepperi-addons/ngx-lib 0.4.2-beta.31 → 0.4.2-beta.310

package/src/core/style/base/Spacing.stories.mdx

@@ -16,14 +16,14 @@ Here are the available spacing vars, see them play out in the box below
 - `$spacing-md`
 - `$spacing-lg`
 - `$spacing-xl`
-- `$spacing-xl2`
-- `$spacing-xl3`
-- `$spacing-xl4`
-- `$spacing-xl5`
-- `$spacing-xl6`
-- `$spacing-xl7`
-- `$spacing-xl8`
-- `$spacing-xl9`
+- `$spacing-2xl`
+- `$spacing-3xl`
+- `$spacing-4xl`
+- `$spacing-5xl`
+- `$spacing-6xl`
+- `$spacing-7xl`
+- `$spacing-8xl`
+- `$spacing-9xl`
 
 
 Use them like so `↓`
@@ -59,17 +59,17 @@ BTW, these are the vaules of the spacing `↓`
 
 | Name | In rems | In PX on base size (1rem=16px) |
 |:---|:---|:---|
-|`$spacing-2xs` |  0.125rem | 2px |
-|`$spacing-xs`  |  0.25rem  | 4px |
-|`$spacing-sm`  |  0.5rem   | 8px |
-|`$spacing-md`  |  0.75rem  | 12px |
-|`$spacing-lg`  |  1rem     | 16px |
-|`$spacing-xl`  |  1.5rem   | 24px |
-|`$spacing-xl2` |  2rem     | 32px |
-|`$spacing-xl3` |  2.5rem   | 40px  |
-|`$spacing-xl4` |  3rem     |   48px  |
-|`$spacing-xl5` |  3.5rem   | 56px  |
-|`$spacing-xl6` |  5rem     |   80px  |
-|`$spacing-xl7` |  6rem     |   96px  |
-|`$spacing-xl8` |  8rem     |   128px  |
-|`$spacing-xl9` |  16rem    |  256px  |
+|`$spacing-2xs` | 0.125rem | 2px   |
+|`$spacing-xs`  | 0.25rem  | 4px   |
+|`$spacing-sm`  | 0.5rem   | 8px   |
+|`$spacing-md`  | 0.75rem  | 12px  |
+|`$spacing-lg`  | 1rem     | 16px  |
+|`$spacing-xl`  | 1.5rem   | 24px  |
+|`$spacing-2xl` | 2rem     | 32px  |
+|`$spacing-3xl` | 2.5rem   | 40px  |
+|`$spacing-4xl` | 3rem     | 48px  |
+|`$spacing-5xl` | 3.5rem   | 56px  |
+|`$spacing-6xl` | 5rem     | 80px  |
+|`$spacing-7xl` | 6rem     | 96px  |
+|`$spacing-8xl` | 8rem     | 128px |
+|`$spacing-9xl` | 16rem    | 256px |

package/src/core/style/base/base.scss

@@ -435,6 +435,7 @@
             grid-template-areas: "title close";
 
             .dialog-title {
+                @include mixins.font-title(variables.$fs-2xl,variables.$lh-2xl);
                 @include mixins.ellipsis();
                 grid-area: title;
 
@@ -467,6 +468,7 @@
         }
 
         .mat-dialog-actions {
+            display: flex;
             justify-content: flex-end;
             grid-row: mat-dialog-actions;
             margin-bottom: 0;
@@ -478,36 +480,36 @@
 
     &.small {
         max-width: 18rem !important;
+        width: calc(100vw - (var(--pep-spacing-2xl) * 2)) !important;
         height: auto;
     }
 
     &.regular {
         max-width: 36rem !important;
+        width: calc(100vw - (var(--pep-spacing-2xl) * 2)) !important;
         height: auto;
     }
 
     &.large {
         max-width: 54rem !important;
-        width: 90vw;
+        width: calc(100vw - (var(--pep-spacing-2xl) * 2)) !important;
         height: auto;
-        max-height: 90vh;
-
-        .mat-dialog-container {
-            .mat-dialog-content {
-                $border-size: 1px;
-                max-height: calc(90vh - (#{variables.$dialog-header-height} + (#{variables.$content-padding} * 2) + (#{$border-size} * 2))); 
-            }
-        }
+        max-height: calc(100vh - (var(--pep-spacing-2xl) * 2)) !important; // 90vh;
+        
+        //DI-27148 remove the max-height calc
+        // .mat-dialog-container {
+        //     .mat-dialog-content {
+        //         $border-size: 1px;
+        //         max-height: calc(100% - (var(--pep-spacing-2xl) * 2)); // calc(90vh - (#{variables.$dialog-header-height} + (#{variables.$content-padding} * 2) + (#{$border-size} * 2))); 
+        //     }
+        // }
     }
 
     &.full-screen {
-        $dialog-height: 95vh;
-        max-width: calc(100vw - (var(--pep-spacing-2xl) * 2)) !important;
-        //max-width: 95vw !important;
         width: 95vw !important;
-        //max-height: $dialog-height !important;
+        height: 95vh !important;
+        max-width: calc(100vw - (var(--pep-spacing-2xl) * 2)) !important;
         max-height: calc(100vh - (var(--pep-spacing-2xl) * 2)) !important;
-        height: $dialog-height !important;
 
         .mat-dialog-container {
             .mat-dialog-content {

package/src/core/style/base/typography.scss

@@ -115,7 +115,8 @@ body {
     font-weight: variables.$font-weight-bold !important;
 }
 .bolder {
-    font-weight: variables.$font-weight-bolder !important;
+    font-weight: variables.$font-weight-bold !important;
+    // font-weight: variables.$font-weight-bolder !important;
 }
 
 .font-family-title {

package/src/core/style/components/button.scss

@@ -94,6 +94,10 @@
     @include mixins.pep-button-states(weak-invert);
 }
 
+@mixin pep-button-state-weak-special() {
+    @include mixins.pep-button-states(weak-special);
+}
+
 @mixin pep-button-state-weak($color: null) {
     @include mixins.pep-button-states(weak, $color);
 }
@@ -278,12 +282,19 @@
             &.invert {
                 @include pep-button-state-weak-invert();
             }
+            &.special {
+                @include pep-button-state-weak-special();
+            }
         }
 
         &.weak-invert {
             @include pep-button-state-weak-invert();
         }
 
+        &.weak-special {
+            @include pep-button-state-weak-special();
+        }
+
         &.regular {
             @include pep-button-state-regular();
 

package/src/core/style/components/checkbox.scss

@@ -5,6 +5,10 @@
 // -----------------------------------------------------
 //  Checkbox
 // -----------------------------------------------------
+@mixin pep-checkbox-checked-mark() {
+    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MTExNjM5LDcuMDAwNjI5NjggQzE3LjEzNTI3Myw3LjAxMDk5Mjg1IDE2Ljc3OTE1ODIsNy4xNjgzMTkwOSAxNi41MTYzMjg4LDcuNDM3NzU0MjEgQzE0LjIyNjEzMzksOS43MzI2NTE5MiAxMi4xMzU2Nzc4LDExLjk4MjQwMjIgOS45MzY5MTEzNSwxNC4yMjgxOTczIEw3LjM1MTc4NzA4LDEyLjE1NTYxMiBDNy4wNTIyMDMwMywxMS45MTUzODI5IDYuNjY5NzI4MTIsMTEuODA0MjI0MiA2LjI4ODE2OTY2LDExLjg0NjYyMjMgQzUuOTA1Njk0NzUsMTEuODg5MDE1NSA1LjU1NzEyODY0LDEyLjA4MTIwMDggNS4zMTY4OTcwNiwxMi4zODE3MzUxIEM1LjA3NzYwODQ2LDEyLjY4MTMxOTEgNC45NjY0NDk4MSwxMy4wNjM3OTQgNS4wMDg4NDc4NywxMy40NDUzNTI1IEM1LjA1MTI0MTExLDEzLjgyNzgyNzQgNS4yNDM0MjYzOCwxNC4xNzYzOTM1IDUuNTQyOTk1OTUsMTQuNDE2NjI1MSBMOS4xNjA1NzgyLDE3LjMxMDY5MDkgQzkuNzM5MDA1NDksMTcuNzcwNDEzMiAxMC41Njk5NCwxNy43MjIzNzE3IDExLjA4OTk1NTQsMTcuMTk3NjQxNCBDMTMuNjkxOTYxNywxNC41OTAwODgxIDE2LjAyMzYxNDEsMTIuMDI4MzU3NiAxOC41NjYyOTIxLDkuNDgwMTMyNjIgQzE4Ljk5MTE2NSw5LjA2Mjc4NDIxIDE5LjExNzQxODcsOC40Mjc4MjYxOCAxOC44ODQ3MTE2LDcuODgwNDg1OTggQzE4LjY1MTA3NjEsNy4zMzIyMDUyMSAxOC4xMDY1NDU2LDYuOTgzNjE0OTkgMTcuNTExMTYzOSw3LjAwMDU5MzUxIEwxNy41MTExNjM5LDcuMDAwNjI5NjggWiIvPgogIDwvc3ZnPg==");
+}
+
 @mixin pep-checkbox-size($size) {
     $checkbox-width: 1.5rem;
     $checkbox-height: 1.5rem;
@@ -30,67 +34,6 @@
     height: $checkbox-height;
 }
 
-.checkbox-as-title {
-    margin-bottom: 0.5rem !important;
-    min-height: unset !important;
-
-    .pep-checkbox-container {
-        background: unset !important;
-        padding-left: unset !important;
-        padding-right: unset !important;
-
-        .mat-checkbox-inner-container {
-            margin-left: 0 !important;
-            margin-right: 0 !important;
-        }
-
-        .mat-checkbox-layout {
-            @include mixins.font-body(variables.$fs-lg, variables.$lh-lg);
-            font-weight: variables.$font-weight-bold !important;
-
-            .mat-checkbox-label span {
-                margin: 0 0.5rem;
-            }
-        }
-    }
-
-    // &.sub-title {
-    //     .pep-checkbox-container {
-    //         .mat-checkbox-layout {
-    //             @include mixins.font-body(variables.$fs-xl, variables.$lh-xl);
-    //             font-weight: variables.$font-weight-bold !important;
-    
-    //             .mat-checkbox-label span {
-    //                 margin: 0 0.5rem;
-    //             }
-    //         }
-    //     }
-    // }
-}
-
-.checkbox-no-background {
-    .pep-checkbox-container {
-        background: unset !important;
-        padding-left: unset !important;
-        padding-right: unset !important;
-
-        &.disable {
-            background: unset !important;
-        }
-
-        .mat-checkbox-inner-container {
-            margin-left: 0 !important;
-            margin-right: 0 !important;
-        }
-
-        .mat-checkbox-layout {
-            .mat-checkbox-label span {
-                margin: 0 0.5rem;
-            }
-        }
-    }
-}
-
 // -----------------------------------------------------
 //  Override material style
 // -----------------------------------------------------
@@ -111,7 +54,7 @@
 .mat-checkbox-checked {
     .mat-checkbox-layout {
         .mat-checkbox-background {
-            content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MTExNjM5LDcuMDAwNjI5NjggQzE3LjEzNTI3Myw3LjAxMDk5Mjg1IDE2Ljc3OTE1ODIsNy4xNjgzMTkwOSAxNi41MTYzMjg4LDcuNDM3NzU0MjEgQzE0LjIyNjEzMzksOS43MzI2NTE5MiAxMi4xMzU2Nzc4LDExLjk4MjQwMjIgOS45MzY5MTEzNSwxNC4yMjgxOTczIEw3LjM1MTc4NzA4LDEyLjE1NTYxMiBDNy4wNTIyMDMwMywxMS45MTUzODI5IDYuNjY5NzI4MTIsMTEuODA0MjI0MiA2LjI4ODE2OTY2LDExLjg0NjYyMjMgQzUuOTA1Njk0NzUsMTEuODg5MDE1NSA1LjU1NzEyODY0LDEyLjA4MTIwMDggNS4zMTY4OTcwNiwxMi4zODE3MzUxIEM1LjA3NzYwODQ2LDEyLjY4MTMxOTEgNC45NjY0NDk4MSwxMy4wNjM3OTQgNS4wMDg4NDc4NywxMy40NDUzNTI1IEM1LjA1MTI0MTExLDEzLjgyNzgyNzQgNS4yNDM0MjYzOCwxNC4xNzYzOTM1IDUuNTQyOTk1OTUsMTQuNDE2NjI1MSBMOS4xNjA1NzgyLDE3LjMxMDY5MDkgQzkuNzM5MDA1NDksMTcuNzcwNDEzMiAxMC41Njk5NCwxNy43MjIzNzE3IDExLjA4OTk1NTQsMTcuMTk3NjQxNCBDMTMuNjkxOTYxNywxNC41OTAwODgxIDE2LjAyMzYxNDEsMTIuMDI4MzU3NiAxOC41NjYyOTIxLDkuNDgwMTMyNjIgQzE4Ljk5MTE2NSw5LjA2Mjc4NDIxIDE5LjExNzQxODcsOC40Mjc4MjYxOCAxOC44ODQ3MTE2LDcuODgwNDg1OTggQzE4LjY1MTA3NjEsNy4zMzIyMDUyMSAxOC4xMDY1NDU2LDYuOTgzNjE0OTkgMTcuNTExMTYzOSw3LjAwMDU5MzUxIEwxNy41MTExNjM5LDcuMDAwNjI5NjggWiIvPgogIDwvc3ZnPg==");
+            @include pep-checkbox-checked-mark();
             width: inherit;
             height: inherit;
 
@@ -219,6 +162,13 @@
 
 .pepperi-report-checkbox, .pep-report-checkbox {
     background: transparent !important;
+
+    .mat-checkbox-background,
+    .mat-checkbox-frame {
+        border: unset !important;
+        background: unset !important;
+        box-shadow: unset !important;
+    }
 }
 
 .pepperi-card-checkbox, .pep-card-checkbox {
@@ -533,4 +483,4 @@
             }
         }
     }
-}
+}

package/src/core/style/components/file.scss

@@ -50,10 +50,10 @@ $file-input-z-index: 1;
 
                         img {
                             object-fit: contain;
-                            max-height: 100%;
-                            max-height: stretch;
-                            max-width: 100%;
-                            max-width: stretch;
+                            max-height: 100% !important;
+                            // max-height: stretch;
+                            max-width: 100% !important;
+                            // max-width: stretch;
                             position: absolute;
                             top: 50%;
                             left: 50%;

package/src/core/style/components/general.scss

@@ -20,12 +20,29 @@
     margin: 0;
     display: grid;
     grid-template-columns: auto 1fr auto;
-    height: variables.$form-field-title-height;
     align-content: center;
+    
     // padding: variables.$spacing-2xs 0;
     // line-height: 1rem;
     // display: block;
 
+    &:not(.multi-line) {
+        height: variables.$form-field-title-height;
+
+        mat-label {
+            @include mixins.ellipsis();
+            display: inline-block; // WAS UNSET , CAUSE TO LABEL TO BE LONGER THEN THE CONTAINER - AVNER ,
+            // Than was blocked - cause the label to catch 100% of the row -> prob whith limited line
+            vertical-align: top;
+        }
+    }
+
+    &.multi-line {
+        .mat-icon {
+            height: 1rem;
+        }
+    }
+
     .mat-icon {
         // line-height: 0.875rem;
         // vertical-align: top;
@@ -33,13 +50,6 @@
         width: 0.75rem;
     }
 
-    mat-label {
-        @include mixins.ellipsis();
-        display: inline-block; // WAS UNSET , CAUSE TO LABEL TO BE LONGER THEN THE CONTAINER - AVNER ,
-        // Than was blocked - cause the label to catch 100% of the row -> prob whith limited line
-        vertical-align: top;
-    }
-
     .mat-button {
         min-width: unset;
         line-height: 1rem;
@@ -125,6 +135,11 @@
                 width: 100%;
                 display: flex;
 
+                // Bug fix (DI-23724)
+                .mat-select {
+                    z-index: variables.$z-index-lowest;
+                }
+
                 .mat-input-element {
                     // vertical-align: unset;
                     z-index: variables.$z-index-lowest;
@@ -155,7 +170,6 @@
     .mat-form-field-flex {
         border-radius: variables.$border-radius-md;
     }
-
 }
 
 @mixin pep-field-size($size: 'md') {
@@ -423,6 +437,10 @@ $zoom-compact-view: 85%;
 
             &.mat-radio-button {
                 display: inline-flex;
+            
+                .mat-radio-label-content {
+                    padding: 0;    
+                }
             }
         }
 

package/src/core/style/components/textarea.scss

@@ -4,6 +4,7 @@
 // -----------------------------------------------------
 //  Textarea & Override material style
 // -----------------------------------------------------
+.pepperi-json-editor-container, .pep-json-editor-container,
 .pepperi-textarea-container, .pep-textarea-container {
     height: inherit;
     display: grid;
@@ -74,6 +75,8 @@
                     }
                 }
             }
+
+            &.pepperi-table-json-editor, &.pep-table-json-editor,
             &.pepperi-table-textarea, &.pep-table-textarea {
                 ::ng-deep.mat-input-element {
                     padding-top: 0.135rem !important;
@@ -119,6 +122,7 @@
     }
 }
 
+.pepperi-json-editor-card-container, .pep-json-editor-card-container,
 .pepperi-textarea-card-container, .pep-textarea-card-container {
     .mat-form-field {
         ::ng-deep {
@@ -189,6 +193,7 @@
     }
 }
 
+.pepperi-report-json-editor, .pep-report-json-editor,
 .pepperi-report-textarea, .pep-report-textarea {
     ::ng-deep {
         .mat-form-field-suffix {
@@ -214,3 +219,11 @@
         }
     }
 }
+
+@mixin pep-json-editor-theme() {
+    .pepperi-report-json-editor, .pep-report-json-editor {
+        ::ng-deep.mat-form-field-flex {
+            background: transparent !important;
+        }
+    }
+}

package/textarea/textarea.component.d.ts

@@ -34,6 +34,7 @@ export declare class PepTextareaComponent implements OnChanges, OnInit, OnDestro
     get layoutType(): PepLayoutType;
     valueChange: EventEmitter<string>;
     keyup: EventEmitter<any>;
+    validationChange: EventEmitter<boolean>;
     textAreaDialogTemplate: TemplateRef<any>;
     fieldHeight: string;
     standAlone: boolean;
@@ -52,5 +53,5 @@ export declare class PepTextareaComponent implements OnChanges, OnInit, OnDestro
     openDialog(): void;
     closeDialog(data?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextareaComponent, "pep-textarea", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "keyup": "keyup"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextareaComponent, "pep-textarea", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false>;
 }

package/textbox/textbox.component.d.ts

@@ -97,8 +97,12 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, AfterView
     textColor: string;
     xAlignment: PepHorizontalAlignment;
     rowSpan: number;
-    minValue: number;
-    maxValue: number;
+    private _minValue;
+    set minValue(value: number);
+    get minValue(): number;
+    private _maxValue;
+    set maxValue(value: number);
+    get maxValue(): number;
     private _visible;
     set visible(visible: boolean);
     get visible(): boolean;
@@ -120,6 +124,7 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, AfterView
      */
     valueChange: EventEmitter<string>;
     keyup: EventEmitter<any>;
+    validationChange: EventEmitter<boolean>;
     input: ElementRef;
     private _calculateFormattedValue;
     get calculateFormattedValue(): boolean;
@@ -143,6 +148,8 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, AfterView
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
     onFocus(event: any): void;
+    getGeneralError(): any;
+    getOtherErrorMessage(inputValue: string): any;
     isDecimal(): boolean;
     isNumberType(): boolean;
     isValueValid(value: string): boolean;
@@ -153,5 +160,5 @@ export declare class PepTextboxComponent implements OnChanges, OnInit, AfterView
     anchorClicked(): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": "key"; "value": "value"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "accessory": "accessory"; "label": "label"; "placeholder": "placeholder"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "minValue": "minValue"; "maxValue": "maxValue"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "regex": "regex"; "regexError": "regexError"; "isInFocus": "isInFocus"; }, { "valueChange": "valueChange"; "keyup": "keyup"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextboxComponent, "pep-textbox", never, { "key": "key"; "value": "value"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "accessory": "accessory"; "label": "label"; "placeholder": "placeholder"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "minValue": "minValue"; "maxValue": "maxValue"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "regex": "regex"; "regexError": "regexError"; "isInFocus": "isInFocus"; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false>;
 }

package/theming.scss

@@ -80,5 +80,9 @@ $material-theme-for-pep: default-theme.$material-default-theme;
 
 
 // Import links at the end for clients that work offline not crushed on the css.
-@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=David+Libre:wght@400;500;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+// Old fonts
+// @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=David+Libre:wght@400;500;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+// New fonts 09.10.23
+@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600&family=Crimson+Pro:wght@400;600&family=David+Libre:wght@400;500&family=EB+Garamond:wght@400;600&family=Heebo:wght@400;600&family=Inter:wght@400;600&family=Open+Sans:wght@400;600&family=Rubik:wght@400;600&family=Work+Sans:wght@400;600&display=swap');
+
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');

package/top-bar/top-bar.component.d.ts

@@ -28,6 +28,8 @@ export declare class PepTopBarComponent implements AfterViewInit, AfterContentIn
     searchIsOpenAndSmallDevice: boolean;
     footerState: PepFooterStateType;
     PepScreenSizeType: typeof PepScreenSizeType;
+    private __pepLifecyclePhase;
+    private __pepViewReady;
     constructor(customizationService: PepCustomizationService, layoutService: PepLayoutService, cdRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;

package/src/core/style/abstracts/AbstractsIntro.stories.mdx

@@ -1,7 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-
-<Meta title="Abstracts/Intro" />
-
-# Abstracts
-
-Content TBD