@progressio_resources/gravity-design-system 3.3.30 → 3.3.31

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

@@ -4,38 +4,38 @@ import * as i0 from "@angular/core";
 export declare class GravityDropdownListComponent implements OnChanges {
     private readonly filterByPipe;
     private _eref;
-    get dropdownState(): boolean;
-    set dropdownState(value: boolean);
-    dropdownStateChange: EventEmitter<boolean>;
-    selectedItemsResponse: EventEmitter<any[] | any>;
-    clearable: boolean;
-    config?: {
-        label: string;
-        value: string;
-    };
-    currentLang: string;
-    customValues: Array<any> | any;
+    label: string;
+    iconLeft: string;
+    items: Array<any>;
     cypressTag: string;
+    placeholder: string;
+    supportText: string;
     hasError: boolean;
-    iconLeft: string;
+    clearable: boolean;
+    multiple: boolean;
+    required: boolean;
+    currentLang: string;
     isCurrency: boolean;
     isDisabled: boolean;
     isReadonly: boolean;
-    items: Array<any>;
-    label: string;
-    multiple: boolean;
-    placeholder: string;
-    required: boolean;
-    supportText: string;
+    customValues: Array<any> | any;
+    config?: {
+        label: string;
+        value: string;
+    };
     labelSize: 'sm' | 'md' | 'lg';
     size: 'sm' | 'md' | 'lg' | 'xl';
     inputType: 'field' | 'label';
     width: 'short' | 'medium' | 'full' | 'fit';
+    get dropdownState(): boolean;
+    set dropdownState(value: boolean);
+    dropdownStateChange: EventEmitter<boolean>;
+    selectedItemsResponse: EventEmitter<any[] | any>;
     set watch(searchInput: ElementRef<HTMLInputElement>);
-    availableOptions: any[];
-    dropdownOpened: boolean;
     searchText: string;
     selectedItems: any[];
+    availableOptions: any[];
+    dropdownOpened: boolean;
     openChildrenMap: Map<any, boolean>;
     constructor(filterByPipe: FilterByPipe, _eref: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
@@ -64,5 +64,5 @@ export declare class GravityDropdownListComponent implements OnChanges {
     clearSearch(): void;
     preventTypingWhenLocked(event: KeyboardEvent, input: HTMLInputElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "dropdownState": { "alias": "dropdownState"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "config": { "alias": "config"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "isCurrency": { "alias": "isCurrency"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "label": { "alias": "label"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "required": { "alias": "required"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "isCurrency": { "alias": "isCurrency"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "config": { "alias": "config"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownState": { "alias": "dropdownState"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], false, never>;
 }

package/package.json

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

package/src/lib/styles/foundations/spacing/_spacing.scss

@@ -3,17 +3,18 @@ $spacing-sizes: none, xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl, xxxxxl;
 $spacing-types: '', -top, -bottom, -left, -right, -block, -inline;
 
 $spacing-values: (
-  none: 0,        // 0px
-  xxs: 0.25rem,   // 4px
-  xs: 0.5rem,     // 8px
-  sm: 1rem,       // 16px
-  md: 1.5rem,     // 24px
-  lg: 2rem,       // 32px
-  xl: 2.5rem,     // 40px
-  xxl: 3rem,      // 48px
-  xxxl: 4rem,     // 64px
-  xxxxl: 6rem,    // 96px
-  xxxxxl: 12rem   // 192px
+  none: 0,         // 0px
+  xxxs: 0.125rem,  // 2px
+  xxs: 0.25rem,    // 4px
+  xs: 0.5rem,      // 8px
+  sm: 1rem,        // 16px
+  md: 1.5rem,      // 24px
+  lg: 2rem,        // 32px
+  xl: 2.5rem,      // 40px
+  xxl: 3rem,       // 48px
+  xxxl: 4rem,      // 64px
+  xxxxl: 6rem,     // 96px
+  xxxxxl: 12rem    // 192px
 );
 
 :root {
@@ -25,7 +26,7 @@ $spacing-values: (
 @each $scss-type in $scss-types {
   @each $size in $spacing-sizes {
     @each $spacing-type in $spacing-types {
-      //.gravity-{{padding,margin}}-{{top,bottom,left,right,block,inline}}-{{xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl, xxxxxl}}
+      //.gravity-{{padding,margin}}-{{top,bottom,left,right,block,inline}}-{{xxxs, xxs, xs, sm, md, lg, xl, xxl, xxxl, xxxxl, xxxxxl}}
       .gravity-#{$scss-type}#{$spacing-type}-#{$size} {
         #{$scss-type}#{$spacing-type}: map-get($spacing-values, $size) !important;
       }