@progressio_resources/gravity-design-system 1.1.2 → 1.1.4

package/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.d.ts

@@ -1,35 +1,30 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class GravityDropdownListComponent implements OnInit {
+export declare class GravityDropdownListComponent {
     selectedItemResponse: EventEmitter<any>;
-    data: {
-        currentLang?: string;
-        cypressTag?: string;
-        icon?: {
-            names: string[];
-            placement?: 'left' | 'right';
-        };
-        label: string;
-        ngSelectConfig: {
-            bindLabel?: string;
-            bindValue?: string;
-            clearable?: boolean;
-            items: Array<any>;
-            placeholder?: string;
-        };
-        required?: boolean;
-        state?: 'readonly' | 'disabled' | 'enabled';
-        supportText?: {
-            content: string;
-            type: 'neutro' | 'negative' | 'positive';
-        };
+    currentLang: string;
+    customPlaceholder: string;
+    customValue: number;
+    cypressTag: string;
+    iconColor?: string;
+    iconNames: string[];
+    iconPlacement: 'left' | 'right';
+    items: Array<any>;
+    label: string;
+    ngSelectConfig: {
+        bindLabel?: string;
+        bindValue?: string;
+        clearable?: boolean;
     };
+    required: boolean;
+    state: 'readonly' | 'disabled' | 'enabled';
+    supportTextContent: string;
+    supportTextType: 'neutro' | 'negative' | 'positive';
     private ngSelectComponent;
     selectedItem: any;
     dropdownOpen: boolean;
-    ngOnInit(): void;
     changeSelectedItem(newSelectedItem: any): void;
     clearSelectedItem(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "data": "data"; }, { "selectedItemResponse": "response"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "currentLang": "currentLang"; "customPlaceholder": "customPlaceholder"; "customValue": "customValue"; "cypressTag": "cypressTag"; "iconColor": "iconColor"; "iconNames": "iconNames"; "iconPlacement": "iconPlacement"; "items": "items"; "label": "label"; "ngSelectConfig": "ngSelectConfig"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; }, { "selectedItemResponse": "response"; }, never, never, false, never>;
 }

package/lib/components/gravity-notification/gravity-notification-content.interface.d.ts

@@ -0,0 +1,5 @@
+export interface GravityNotificationContent {
+    state: 'error' | 'success' | 'warning';
+    title: string;
+    text: string;
+}

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

@@ -1,4 +1,5 @@
 import { NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
+import { GravityNotificationContent } from "./gravity-notification-content.interface";
 import * as i0 from "@angular/core";
 export declare class GravityNotificationComponent {
     private readonly ngbActiveModal;
@@ -8,8 +9,3 @@ export declare class GravityNotificationComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityNotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GravityNotificationComponent, "ng-component", never, { "notificationContent": "notificationContent"; }, {}, never, never, false, never>;
 }
-export interface GravityNotificationContent {
-    state: 'error' | 'success' | 'warning';
-    title: string;
-    text: string;
-}

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

@@ -1,27 +1,28 @@
 import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GravityTextFieldComponent implements AfterViewInit, OnInit {
+    iconResponse: EventEmitter<boolean>;
     textFieldValueResponse: EventEmitter<string>;
-    data: {
-        autocomplete?: string;
-        currentLang?: string;
-        customPlaceholder?: string;
-        customInputValue?: string;
-        cypressTag?: string;
-        icon?: {
-            names: string[];
-            placement?: 'left' | 'right';
-        };
-        inputContentType?: 'email' | 'password' | 'text';
-        label: string;
-        placeholderType?: 'default' | 'email' | 'url';
-        required?: boolean;
-        state?: 'readonly' | 'disabled' | 'enabled';
-        supportText?: {
-            content: string;
-            type: 'neutro' | 'negative' | 'positive';
-        };
-        textFieldType?: 'input' | 'textarea';
+    autocomplete: string;
+    clickOnIconName: string | boolean;
+    currentLang: string;
+    customPlaceholder: string;
+    customInputValue: string;
+    cypressTag: string;
+    iconColor?: string;
+    iconNames: string[];
+    iconPlacement: 'left' | 'right';
+    inputContentType: 'email' | 'password' | 'text';
+    label: string;
+    placeholderType: 'default' | 'email' | 'url';
+    required: boolean;
+    state: 'readonly' | 'disabled' | 'enabled';
+    supportTextContent: string;
+    supportTextType: 'neutro' | 'negative' | 'positive';
+    textFieldType: 'input' | 'textarea';
+    validations: {
+        maxLength?: number;
+        minLength?: number;
     };
     private inputElement;
     private textAreaElement;
@@ -34,6 +35,7 @@ export declare class GravityTextFieldComponent implements AfterViewInit, OnInit
     clearInput(): void;
     onInputKeyup(): void;
     private changeInputValue;
+    handleIconClick(iconName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityTextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "data": "data"; }, { "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"; "required": "required"; "state": "state"; "supportTextContent": "supportTextContent"; "supportTextType": "supportTextType"; "textFieldType": "textFieldType"; "validations": "validations"; }, { "iconResponse": "clickIcon"; "textFieldValueResponse": "response"; }, never, never, false, never>;
 }

package/lib/gravity-design-system.module.d.ts

@@ -20,6 +20,6 @@ import * as i18 from "@ng-select/ng-select";
 import * as i19 from "ngx-pretty-checkbox";
 export declare class GravityDesignSystemModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDesignSystemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GravityDesignSystemModule, [typeof i1.GravityButtonComponent, typeof i2.GravityCalendarComponent, typeof i3.GravityCheckboxComponent, typeof i4.GravityDialogComponent, typeof i5.GravityDropdownListComponent, typeof i6.GravityIconComponent, typeof i7.GravityNotificationComponent, typeof i8.GravityNotificationInstantContainerComponent, typeof i9.GravityRadioButtonComponent, typeof i10.GravitySwitchComponent, typeof i11.GravityTextFieldComponent], [typeof i12.AngularSvgIconModule, typeof i13.AngularSvgIconPreloaderModule, typeof i14.CommonModule, typeof i15.FormsModule, typeof i16.GravityTooltipModule, typeof i17.NgbDatepickerModule, typeof i17.NgbToastModule, typeof i18.NgSelectModule, typeof i19.NgxPrettyCheckboxModule, typeof i15.ReactiveFormsModule], [typeof i1.GravityButtonComponent, typeof i2.GravityCalendarComponent, typeof i3.GravityCheckboxComponent, typeof i4.GravityDialogComponent, typeof i5.GravityDropdownListComponent, typeof i6.GravityIconComponent, typeof i8.GravityNotificationInstantContainerComponent, typeof i9.GravityRadioButtonComponent, typeof i10.GravitySwitchComponent, typeof i11.GravityTextFieldComponent, typeof i16.GravityTooltipModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GravityDesignSystemModule, [typeof i1.GravityButtonComponent, typeof i2.GravityCalendarComponent, typeof i3.GravityCheckboxComponent, typeof i4.GravityDialogComponent, typeof i5.GravityDropdownListComponent, typeof i6.GravityIconComponent, typeof i7.GravityNotificationComponent, typeof i8.GravityNotificationInstantContainerComponent, typeof i9.GravityRadioButtonComponent, typeof i10.GravitySwitchComponent, typeof i11.GravityTextFieldComponent], [typeof i12.AngularSvgIconModule, typeof i13.AngularSvgIconPreloaderModule, typeof i14.CommonModule, typeof i15.FormsModule, typeof i16.GravityTooltipModule, typeof i17.NgbDatepickerModule, typeof i17.NgbToastModule, typeof i18.NgSelectModule, typeof i19.NgxPrettyCheckboxModule, typeof i15.ReactiveFormsModule, typeof i17.NgbProgressbarModule], [typeof i1.GravityButtonComponent, typeof i2.GravityCalendarComponent, typeof i3.GravityCheckboxComponent, typeof i4.GravityDialogComponent, typeof i5.GravityDropdownListComponent, typeof i6.GravityIconComponent, typeof i8.GravityNotificationInstantContainerComponent, typeof i9.GravityRadioButtonComponent, typeof i10.GravitySwitchComponent, typeof i11.GravityTextFieldComponent, typeof i16.GravityTooltipModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GravityDesignSystemModule>;
 }

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

@@ -1,7 +1,7 @@
 import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
 import { GravityDialogContentInterface } from "../components/gravity-dialog/gravity-dialog.component";
 import { GravityInstantNotificationsService } from "./gravity-instant-notifications.service";
-import { GravityNotificationContent } from "../components/gravity-notification/gravity-notification.component";
+import { GravityNotificationContent } from "../components/gravity-notification/gravity-notification-content.interface";
 import * as i0 from "@angular/core";
 export declare class GravityDialogManagerService {
     private readonly ngbModal;

package/lib/services/gravity-instant-notifications.service.d.ts

@@ -1,4 +1,4 @@
-import { GravityNotificationContent } from "../components/gravity-notification/gravity-notification.component";
+import { GravityNotificationContent } from "../components/gravity-notification/gravity-notification-content.interface";
 import * as i0 from "@angular/core";
 export declare class GravityInstantNotificationsService {
     readonly notifications: GravityNotificationContent[];

package/package.json

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

package/public-api.d.ts

@@ -11,3 +11,4 @@ export * from './lib/components/gravity-switch/gravity-switch.component';
 export * from './lib/components/gravity-text-field/gravity-text-field.component';
 export * from './lib/services/gravity-dialog-manager.service';
 export * from './lib/vendor/gravity-tooltip';
+export * from './lib/components/gravity-notification/gravity-notification-content.interface';

package/src/lib/styles/fundamentals/colors/tokens/_hero.tokens.scss

@@ -178,7 +178,7 @@
   // disabled-status
   --outline-disabled: #{$outline-disabled-light};
   --bg-button-disabled: #{$bg-button-disabled-light};
-  --on-bg-disabled: #{$on-bg-button-disabled-light};
+  --on-bg-button-disabled: #{$on-bg-button-disabled-light};
 
   // button-secondary
   --on-bg-button-pressed-secondary: #{$on-bg-button-pressed-secondary-light};
@@ -404,7 +404,7 @@
   // disabled-status
   --outline-disabled: #{$outline-disabled-dark};
   --bg-button-disabled: #{$bg-button-disabled-dark};
-  --on-bg-disabled: #{$on-bg-button-disabled-dark};
+  --on-bg-button-disabled: #{$on-bg-button-disabled-dark};
 
   // button-secondary
   --on-bg-button-pressed-secondary: #{$on-bg-button-pressed-secondary-dark};

package/src/lib/styles/overwrite/bootstrap/_modal.scss

@@ -18,9 +18,9 @@ $modal-margin: 3.5rem;
 .modal-dialog {
   margin: $modal-margin auto;
   position: relative;
-  max-width: 40rem;
+  max-width: 85vw;
   pointer-events: none;
-  width: auto;
+  width: 35rem;
 
   .modal.fade & {
     transform: translate(0, -2rem);