@progressio_resources/gravity-design-system 1.1.14 → 1.1.16

package/lib/components/gravity-button/gravity-button.component.d.ts

@@ -2,11 +2,10 @@ import * as i0 from "@angular/core";
 export declare class GravityButtonComponent {
     cypressTag: string;
     disabled: boolean;
-    iconNames: string[];
-    iconPlacement: 'left' | 'right';
+    iconName: string;
     isLoading: boolean;
     size: 'sm' | 'md';
     type: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'negative' | 'alternative' | 'disabled';
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityButtonComponent, "gravity-button", never, { "cypressTag": "cypressTag"; "disabled": "disabled"; "iconNames": "iconNames"; "iconPlacement": "iconPlacement"; "isLoading": "isLoading"; "size": "size"; "type": "type"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityButtonComponent, "gravity-button", never, { "cypressTag": "cypressTag"; "disabled": "disabled"; "iconName": "iconName"; "isLoading": "isLoading"; "size": "size"; "type": "type"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/gravity-calendar/gravity-calendar.component.d.ts

@@ -2,30 +2,22 @@ import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/
 import { NgbDate, NgbDateStruct } from "@ng-bootstrap/ng-bootstrap";
 import * as i0 from "@angular/core";
 export declare class GravityCalendarComponent implements OnChanges, AfterViewInit {
-    private datePicker;
-    private datepickerInput;
     calendarResponse: EventEmitter<Date>;
-    data: {
-        currentLang?: string;
-        cypressTag?: string;
-        dates?: {
-            customDate?: 'today' | Date;
-            defaultDays?: number;
-            maxDate?: 'today' | Date;
-            minDate?: Date;
-        };
-        icon?: {
-            names: string[];
-            placement?: 'left' | 'right';
-        };
-        label: string;
-        required?: boolean;
-        state?: 'readonly' | 'disabled' | 'enabled';
-        supportText?: {
-            content: string;
-            type: 'neutro' | 'negative' | 'positive';
-        };
+    currentLang: string;
+    cypressTag: string;
+    dates: {
+        customDate?: 'today' | Date;
+        defaultDays?: number;
+        maxDate?: 'today' | Date;
+        minDate?: Date;
     };
+    label: string;
+    required: boolean;
+    state: 'readonly' | 'disabled' | 'enabled';
+    supportTextContent: string;
+    supportTextType: 'neutro' | 'negative' | 'positive';
+    private datePicker;
+    private datepickerInput;
     calendarOpened: boolean;
     focusInput: boolean;
     maxDate: NgbDateStruct;
@@ -44,5 +36,5 @@ export declare class GravityCalendarComponent implements OnChanges, AfterViewIni
     private static formatDateToNgbDateStruct;
     private static convertNgbDateToDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityCalendarComponent, "gravity-calendar", never, { "data": "data"; }, { "calendarResponse": "response"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityCalendarComponent, "gravity-calendar", never, { "currentLang": "currentLang"; "cypressTag": "cypressTag"; "dates": "dates"; "label": "label"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; }, { "calendarResponse": "response"; }, never, never, false, never>;
 }

package/lib/components/gravity-dialog/gravity-dialog.component.d.ts

@@ -10,9 +10,11 @@ export declare class GravityDialogComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<GravityDialogComponent, "ng-component", never, { "dialogContent": "dialogContent"; }, {}, never, never, false, never>;
 }
 export interface GravityDialogContentInterface {
+    contentTemplateRef?: TemplateRef<any>;
+    contentTemplateComponent?: any;
+    footerTemplateRef?: TemplateRef<any>;
+    footerTemplateComponent?: any;
     showCloseIcon?: boolean;
-    templateRef?: TemplateRef<any>;
-    templateComponent?: any;
     titleIconName?: string;
     title: string;
 }

package/lib/components/gravity-text-field/gravity-text-field.component.d.ts

@@ -15,6 +15,7 @@ export declare class GravityTextFieldComponent implements OnInit {
     inputContentType: 'email' | 'number' | 'password' | 'text';
     label: string;
     placeholderType: 'default' | 'email' | 'url';
+    prefix: string;
     required: boolean;
     state: 'readonly' | 'disabled' | 'enabled';
     supportTextContent: string;
@@ -36,5 +37,5 @@ export declare class GravityTextFieldComponent implements OnInit {
     private changeInputValue;
     handleIconClick(iconName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityTextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "autocomplete": "autocomplete"; "clickOnIconName": "clickOnIconName"; "currentLang": "currentLang"; "customPlaceholder": "customPlaceholder"; "customInputValue": "customInputValue"; "cypressTag": "cypressTag"; "iconColor": "iconColor"; "iconNames": "iconNames"; "iconPlacement": "iconPlacement"; "inputContentType": "inputContentType"; "label": "label"; "placeholderType": "placeholderType"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; "textFieldType": "textFieldType"; "validations": "validations"; }, { "iconResponse": "clickIcon"; "textFieldValueResponse": "response"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "autocomplete": "autocomplete"; "clickOnIconName": "clickOnIconName"; "currentLang": "currentLang"; "customPlaceholder": "customPlaceholder"; "customInputValue": "customInputValue"; "cypressTag": "cypressTag"; "iconColor": "iconColor"; "iconNames": "iconNames"; "iconPlacement": "iconPlacement"; "inputContentType": "inputContentType"; "label": "label"; "placeholderType": "placeholderType"; "prefix": "prefix"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; "textFieldType": "textFieldType"; "validations": "validations"; }, { "iconResponse": "clickIcon"; "textFieldValueResponse": "response"; }, never, never, false, never>;
 }

package/lib/services/gravity-dialog-manager.service.d.ts

@@ -7,7 +7,7 @@ export declare class GravityDialogManagerService {
     private readonly ngbModal;
     private readonly gravityInstantNotificationsService;
     constructor(ngbModal: NgbModal, gravityInstantNotificationsService: GravityInstantNotificationsService);
-    openModal(gravityDialogContentInterface: GravityDialogContentInterface): void;
+    openModal(gravityDialogContentInterface: GravityDialogContentInterface, scrollableDialog?: boolean): void;
     throwInformativeNotification(notificationContent: GravityNotificationContent): void;
     throwInstantNotification(notificationContent: GravityNotificationContent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDialogManagerService, never>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progressio_resources/gravity-design-system",
   "description": "Gravity Design System",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "license": "SEE LICENSE IN LIBRARY-LICENSE",
   "peerDependencies": {
     "@angular/common": "^15.1.0",

package/src/lib/assets/icons/lock.svg

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="17.678" viewBox="0 0 14 17.678">
   <g transform="translate(1 0.734)">
-    <path d="M10,8.5H2A2.066,2.066,0,0,1,0,6.377V0H12V6.377A2.066,2.066,0,0,1,10,8.5Z" transform="translate(0 7.44)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
-    <path d="M0,5.846A5.681,5.681,0,0,1,5.5,0,5.681,5.681,0,0,1,11,5.846" transform="translate(0.5 0.266)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
+    <path d="M10,8.5H2A2.066,2.066,0,0,1,0,6.377V0H12V6.377A2.066,2.066,0,0,1,10,8.5Z" transform="translate(0 7.44)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.667"/>
+    <path d="M0,5.846A5.681,5.681,0,0,1,5.5,0,5.681,5.681,0,0,1,11,5.846" transform="translate(0.5 0.266)" fill="none" stroke="var(--icon-color, #888)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.667"/>
   </g>
 </svg>

package/src/lib/assets/json/icons.json

@@ -61,25 +61,17 @@
       "iconPath": "/assets/gravity/icons/mail.svg"
     },
     {
-      "iconName": "notification-error",
+      "iconName": "notification_error",
       "iconPath": "/assets/gravity/icons/notifications/error.svg"
     },
     {
-      "iconName": "notification-success",
+      "iconName": "notification_success",
       "iconPath": "/assets/gravity/icons/notifications/success.svg"
     },
     {
-      "iconName": "notification-warning",
+      "iconName": "notification_warning",
       "iconPath": "/assets/gravity/icons/notifications/warning.svg"
     },
-    {
-      "iconName": "radio-on",
-      "iconPath": "/assets/gravity/icons/radio-on.svg"
-    },
-    {
-      "iconName": "radio-off",
-      "iconPath": "/assets/gravity/icons/radio-off.svg"
-    },
     {
       "iconName": "search",
       "iconPath": "/assets/gravity/icons/search.svg"

package/src/lib/styles/_responsive.scss

@@ -1,4 +1,4 @@
-@import "./fundamentals/breakpoints/breakpoints";
+@import "foundations/breakpoints/breakpoints";
 
 .hide-xl {
   @media (max-width: map-get($breakpoints, xl)) {

package/src/lib/styles/components/_card_highlight.scss

@@ -1,5 +1,5 @@
-@import "../fundamentals/typography/hero.typography";
-@import "../fundamentals/border-radius/hero.border-radius";
+@import "../foundations/typography/hero.typography";
+@import "../foundations/border-radius/hero.border-radius";
 @import "../shared";
 
 .gravity-card-highlight {

package/src/lib/styles/components/_datepicker.scss

@@ -1,5 +1,5 @@
-@import "../fundamentals/typography/hero.typography";
-@import "../fundamentals/border-radius/hero.border-radius";
+@import "../foundations/typography/hero.typography";
+@import "../foundations/border-radius/hero.border-radius";
 @import "../shared";
 
 ngb-datepicker.gravity-datepicker-dialog {

package/src/lib/styles/{fundamentals → foundations}/colors/primitives/_hero.primitives.scss

@@ -8,13 +8,7 @@ $b600: #a3bcdc;
 $b700: #cbe2ff;
 $b800: #e7f1ff;
 
-$g100: #004327;
-$g200: #055936;
-$g300: #20662e;
-$g400: #a5d7c2;
-$g500: #ccfae7;
-$g600: #e8fff5;
-
+$n0: #0f131b;
 $n100: #151c29;
 $n200: #1e283a;
 $n300: #21304a;
@@ -25,11 +19,12 @@ $n700: #d6dce5;
 $n800: #f4f6f9;
 $n900: #ffffff;
 
-$o100: #3c2000;
-$o200: #542503;
-$o300: #ff9d57;
-$o400: #ffb27b;
-$o500: #ffd2b2;
+$g100: #004327;
+$g200: #055936;
+$g300: #20662e;
+$g400: #a5d7c2;
+$g500: #ccfae7;
+$g600: #e8fff5;
 
 $r100: #310101;
 $r200: #7c1111;
@@ -39,6 +34,12 @@ $r500: #f19999;
 $r600: #ffc3c3;
 $r700: #ffdede;
 
+$o100: #3c2000;
+$o200: #542503;
+$o300: #ff9d57;
+$o400: #ffb27b;
+$o500: #ffd2b2;
+
 //This class must be only for gallery implementation
 .hero-primitives {
   --b100: #04163f;
@@ -50,13 +51,7 @@ $r700: #ffdede;
   --b700: #cbe2ff;
   --b800: #e7f1ff;
 
-  --g100: #004327;
-  --g200: #055936;
-  --g300: #20662e;
-  --g400: #a5d7c2;
-  --g500: #ccfae7;
-  --g600: #e8fff5;
-
+  --n0: #0f131b;
   --n100: #151c29;
   --n200: #1e283a;
   --n300: #21304a;
@@ -67,11 +62,12 @@ $r700: #ffdede;
   --n800: #f4f6f9;
   --n900: #ffffff;
 
-  --o100: #3c2000;
-  --o200: #542503;
-  --o300: #ff9d57;
-  --o400: #ffb27b;
-  --o500: #ffd2b2;
+  --g100: #004327;
+  --g200: #055936;
+  --g300: #20662e;
+  --g400: #a5d7c2;
+  --g500: #ccfae7;
+  --g600: #e8fff5;
 
   --r100: #310101;
   --r200: #7c1111;
@@ -80,4 +76,10 @@ $r700: #ffdede;
   --r500: #f19999;
   --r600: #ffc3c3;
   --r700: #ffdede;
+
+  --o100: #3c2000;
+  --o200: #542503;
+  --o300: #ff9d57;
+  --o400: #ffb27b;
+  --o500: #ffd2b2;
 }