globuswebcomponents 2.5.2 → 2.5.3

package/dist/globuscomponents/{p-107dcce5.entry.js → p-f5b964fb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-Dlqa7tPI.js";import{S as e}from"./p-cHn6O-Kf.js";const a=".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";const o=class{constructor(i){t(this,i);this.exportValue=s(this,"exportValue");this.isReadOnly=false;this.placeholderText="Search for staff...";this.show=false;this.showSpinner=false;this.staffInfo=[];this.selectedStaff=[];this.paddingLeft="1rem";this.paddingTop="0rem";this.inputValue="";this.dropdownOpen=false}componentDidLoad(){this.inputElement.addEventListener("input",this.handleTagInput.bind(this))}disconnectedCallback(){this.inputElement.removeEventListener("input",this.handleTagInput.bind(this))}handleTagInput(t){const s=t.target;const i=s.value;this.inputValue=i;if(i.trim()===""){this.show=false;this.staffInfo=[];return}this.showSpinner=true;setTimeout((()=>{this.staffInfo=this.mockStaffSearch(i);this.show=this.staffInfo.length>0;this.showSpinner=false}),1e3)}mockStaffSearch(t){const s=[{fullname:"John Doe",email:"john.doe@example.com"},{fullname:"Jane Smith",email:"jane.smith@example.com"},{fullname:"Alice Johnson",email:"alice.johnson@example.com"},{fullname:"Emmanuel Kadiri",email:"kadiri2047@gmail.com"},{fullname:"Gideon Ogunkola",email:"gideon@example.com"}];return s.filter((s=>s.fullname.toLowerCase().includes(t.toLowerCase())))}selectStaff(t){this.selectedStaff=[...this.selectedStaff,t];this.inputValue="";this.staffInfo=[];this.show=false;this.updateStyles()}removeStaff(t){this.selectedStaff=[...this.selectedStaff.slice(0,t),...this.selectedStaff.slice(t+1)];this.updateStyles()}updateStyles(){setTimeout((()=>{if(this.resultsDisplayElement){const t=this.resultsDisplayElement.offsetWidth;this.paddingLeft=this.selectedStaff.length===0?"1rem":`${t+10}px`;this.paddingTop=this.selectedStaff.length>2?"1rem":"0rem"}}))}exportSelectedStaff(){this.exportValue.emit(this.selectedStaff)}render(){return i("div",{key:"9dbe0636f3bbf67e690537c191fb74e5421d0798",class:"input_group",ref:t=>this.inputGroupElement=t},i("label",{key:"817faf8db2dafc266ef1a2a9fcf5a78e058be96c",htmlFor:this.idOfInput},this.labelText),i("div",{key:"db073ea4deac26f4040f8b116abc170c81dca479",class:"input_like_parent",onClick:()=>this.dropdownOpen=!this.dropdownOpen},i("input",{key:"d0f2a700681bb565b9c2badbfef4868326930515",id:this.idOfInput,class:"input_like",type:"text",placeholder:this.placeholderText,value:this.inputValue,readOnly:this.isReadOnly,ref:t=>this.inputElement=t,onBlur:()=>this.exportSelectedStaff()}),i("div",{key:"f53b2c1fe4dd153f818bdcdcf8e1232db87d835d",class:`results_display ${this.selectedStaff.length>=1?"show_results":""}`,ref:t=>this.resultsDisplayElement=t},this.selectedStaff.map(((t,s)=>i("gb-tag",{size:"sm",action:"X_close",icon:"avatar",onClick:()=>this.removeStaff(s)},i("h1",{slot:"initials"},t.fullname.split(" ").map((t=>t.charAt(0).toUpperCase()))),i("p",null,t.fullname.split(" ")[0])))))),this.show&&i("div",{key:"c080ad06c1e7b52b17af355f039872b7d8d1cd91",class:`dropdown_menu ${this.show?"show":""}`},this.staffInfo.map((t=>i("gb-input-dropdown-menu-item",{type:"checkbox","supporting-text":true,state:e.Default,onClick:()=>this.selectStaff(t)},i("p",{slot:"name"},t.fullname),i("p",{slot:"supporting_text"},t.email))))))}};o.style=a;export{o as test_input_tag};
-//# sourceMappingURL=p-107dcce5.entry.js.map
+import{r as t,c as s,h as i}from"./p-Dlqa7tPI.js";import{S as e}from"./p-cHn6O-Kf.js";const a=".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";const o=class{constructor(i){t(this,i);this.exportValue=s(this,"exportValue");this.isReadOnly=false;this.placeholderText="Search for staff...";this.show=false;this.showSpinner=false;this.staffInfo=[];this.selectedStaff=[];this.paddingLeft="1rem";this.paddingTop="0rem";this.inputValue="";this.dropdownOpen=false}componentDidLoad(){this.inputElement.addEventListener("input",this.handleTagInput.bind(this))}disconnectedCallback(){this.inputElement.removeEventListener("input",this.handleTagInput.bind(this))}handleTagInput(t){const s=t.target;const i=s.value;this.inputValue=i;if(i.trim()===""){this.show=false;this.staffInfo=[];return}this.showSpinner=true;setTimeout((()=>{this.staffInfo=this.mockStaffSearch(i);this.show=this.staffInfo.length>0;this.showSpinner=false}),1e3)}mockStaffSearch(t){const s=[{fullname:"John Doe",email:"john.doe@example.com"},{fullname:"Jane Smith",email:"jane.smith@example.com"},{fullname:"Alice Johnson",email:"alice.johnson@example.com"},{fullname:"Emmanuel Kadiri",email:"kadiri2047@gmail.com"},{fullname:"Gideon Ogunkola",email:"gideon@example.com"}];return s.filter((s=>s.fullname.toLowerCase().includes(t.toLowerCase())))}selectStaff(t){this.selectedStaff=[...this.selectedStaff,t];this.inputValue="";this.staffInfo=[];this.show=false;this.updateStyles()}removeStaff(t){this.selectedStaff=[...this.selectedStaff.slice(0,t),...this.selectedStaff.slice(t+1)];this.updateStyles()}updateStyles(){setTimeout((()=>{if(this.resultsDisplayElement){const t=this.resultsDisplayElement.offsetWidth;this.paddingLeft=this.selectedStaff.length===0?"1rem":`${t+10}px`;this.paddingTop=this.selectedStaff.length>2?"1rem":"0rem"}}))}exportSelectedStaff(){this.exportValue.emit(this.selectedStaff)}render(){return i("div",{key:"a4199a2f415dc2097724d71c66892f83f41ddf78",class:"input_group",ref:t=>this.inputGroupElement=t},i("label",{key:"8012c71268dc6dec6901398a9731470de27dc780",htmlFor:this.idOfInput},this.labelText),i("div",{key:"4ce33bd8e73e79cfb75eff1d86f4e8cbcfa6c10a",class:"input_like_parent",onClick:()=>this.dropdownOpen=!this.dropdownOpen},i("input",{key:"4a3d19c3ec482a8495bb504d598c7a7b999d0946",id:this.idOfInput,class:"input_like",type:"text",placeholder:this.placeholderText,value:this.inputValue,readOnly:this.isReadOnly,ref:t=>this.inputElement=t,onBlur:()=>this.exportSelectedStaff()}),i("div",{key:"ae950f69545692f60eeb3f908f4cb5a8b8d057a6",class:`results_display ${this.selectedStaff.length>=1?"show_results":""}`,ref:t=>this.resultsDisplayElement=t},this.selectedStaff.map(((t,s)=>i("gb-tag",{size:"sm",action:"X_close",icon:"avatar",onClick:()=>this.removeStaff(s)},i("h1",{slot:"initials"},t.fullname.split(" ").map((t=>t.charAt(0).toUpperCase()))),i("p",null,t.fullname.split(" ")[0])))))),this.show&&i("div",{key:"65390c9783cf7169e112131c6b907566efd70d01",class:`dropdown_menu ${this.show?"show":""}`},this.staffInfo.map((t=>i("gb-input-dropdown-menu-item",{type:"checkbox","supporting-text":true,state:e.Default,onClick:()=>this.selectStaff(t)},i("p",{slot:"name"},t.fullname),i("p",{slot:"supporting_text"},t.email))))))}};o.style=a;export{o as test_input_tag};
+//# sourceMappingURL=p-f5b964fb.entry.js.map

package/dist/globuscomponents/readme.md

@@ -17,7 +17,7 @@
 | `iconTrailing`           | `icon-trailing`      |             | `boolean`                                                                                                                  | `false`     |
 | `iconTrailingSwap`       | `icon-trailing-swap` |             | `string`                                                                                                                   | `undefined` |
 | `size` _(required)_      | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs" \| "xxs"` | `undefined` |
-| `state`                  | `state`              |             | `"applied" \| "default" \| "disabled"`                                                                                     | `undefined` |
+| `state`                  | `state`              |             | `"applied" \| "default" \| "disabled" \| "loading"`                                                                        | `undefined` |
 
 
 ## Dependencies
@@ -28,7 +28,6 @@
  - [gb-checkbox-group-item](../gb-checkbox-group-item)
  - [gb-comment](../gb-comment)
  - [gb-detail-cell](../gb-detail-cell)
- - [gb-empty-state](../gb-empty-state)
  - [gb-file-upload](../gb-file-upload)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
  - [gb-filter-button](../gb-filter-button)
@@ -47,7 +46,6 @@ graph TD;
   gb-checkbox-group-item --> gb-button
   gb-comment --> gb-button
   gb-detail-cell --> gb-button
-  gb-empty-state --> gb-button
   gb-file-upload --> gb-button
   gb-file-upload-item-base --> gb-button
   gb-filter-button --> gb-button

package/dist/types/components/gb-empty-state/gb-empty-state.d.ts

@@ -1,16 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 import { GeneralSizes } from '../../models/reusableModels';
 export declare class GbEmptyState {
     size: GeneralSizes;
-    icon: string;
-    message: string;
-    description: string;
-    cta: boolean;
-    width: number;
-    el: HTMLElement;
-    ctaButtonClicked: EventEmitter<void>;
-    componentWillLoad(): void;
-    private handleResize;
-    updateButtonSize(): void;
     render(): any;
 }

package/dist/types/components/gb-horizontal-tabs/gb-horizontal-tabs.d.ts

@@ -24,6 +24,7 @@ export declare class GbHorizontalTabs {
         index: number;
         badgeCount?: string;
     }[]): void;
+    componentWillLoad(): void;
     componentWillRender(): void;
     handleTabClick(index: number): Promise<void>;
     render(): any;

package/dist/types/components/gb-illustration/gb-illustration.d.ts

@@ -0,0 +1,7 @@
+import { GeneralSizes, IllustrationTypes, ThemeTypes } from '../../models/reusableModels';
+export declare class GbIllustration {
+    size: GeneralSizes;
+    illustrationStyle: IllustrationTypes;
+    theme: ThemeTypes;
+    render(): any;
+}

package/dist/types/components/gb-nav-bar/gb-nav-bar.d.ts

@@ -25,12 +25,13 @@ export declare class GbNavBar {
     navBarItemClicked: EventEmitter<number>;
     private containerEl;
     onTabItemClicked(index: number, clicked?: boolean): void;
-    onTabsChanged(newTabs: {
+    onTabsChanged(newItems: {
         label: string;
         icon: string;
         iconOnly: boolean;
         index: number;
     }[]): void;
+    componentWillLoad(): void;
     private handleResize;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.d.ts

@@ -3,5 +3,6 @@ export declare class GbStepperHorizontalMinimalIcons {
     size: GeneralSizes;
     text: boolean;
     steps: StepperType[];
+    position: 'left' | 'right' | 'center';
     render(): any;
 }

package/dist/types/components/gb-vertical-tabs/gb-vertical-tabs.d.ts

@@ -20,6 +20,7 @@ export declare class GbVerticalTabs {
         name: string;
         index: number;
     }[]): void;
+    componentWillLoad(): void;
     handleTabClick(index: number, label: string): Promise<void>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
-export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
+import { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
+export { ArrowPositions, BadgeIconTypes, BadgeTypes, BorderWeights, BreakPoints, ButtonGroupTypes, CheckBoxVariants, ColorTypes, DetailCellType, DropdownListGroup, DropdownRoles, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, GeneralStyles, IllustrationTypes, InputFieldTypes, MetricFeaturedIconTypes, Notification, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes, StateEnum, StateType, StepperType, TableCellTypes, TabTypes, ThemeTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbActionPanel {
         "amount": string;
@@ -287,10 +287,6 @@ export namespace Components {
         "state": 'default' | 'disabled';
     }
     interface GbEmptyState {
-        "cta": boolean;
-        "description": string;
-        "icon": string;
-        "message": string;
         "size": GeneralSizes;
     }
     interface GbExportDropdown {
@@ -395,6 +391,11 @@ export namespace Components {
         "icon": string;
         "label": string;
     }
+    interface GbIllustration {
+        "illustrationStyle": IllustrationTypes;
+        "size": GeneralSizes;
+        "theme": ThemeTypes;
+    }
     interface GbInputDropdown {
         "clearSelection": () => Promise<void>;
         "color": ColorTypes;
@@ -675,6 +676,7 @@ export namespace Components {
         "steps": StepperType[];
     }
     interface GbStepperHorizontalMinimalIcons {
+        "position": 'left' | 'right' | 'center';
         "size": GeneralSizes;
         "steps": StepperType[];
         "text": boolean;
@@ -858,10 +860,6 @@ export interface GbDetailCellCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbDetailCellElement;
 }
-export interface GbEmptyStateCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLGbEmptyStateElement;
-}
 export interface GbExportDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbExportDropdownElement;
@@ -1258,18 +1256,7 @@ declare global {
         prototype: HTMLGbDropdownItemsWithShortcutElement;
         new (): HTMLGbDropdownItemsWithShortcutElement;
     };
-    interface HTMLGbEmptyStateElementEventMap {
-        "ctaButtonClicked": void;
-    }
     interface HTMLGbEmptyStateElement extends Components.GbEmptyState, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLGbEmptyStateElementEventMap>(type: K, listener: (this: HTMLGbEmptyStateElement, ev: GbEmptyStateCustomEvent<HTMLGbEmptyStateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLGbEmptyStateElementEventMap>(type: K, listener: (this: HTMLGbEmptyStateElement, ev: GbEmptyStateCustomEvent<HTMLGbEmptyStateElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGbEmptyStateElement: {
         prototype: HTMLGbEmptyStateElement;
@@ -1439,6 +1426,12 @@ declare global {
         prototype: HTMLGbIconButtonBaseElement;
         new (): HTMLGbIconButtonBaseElement;
     };
+    interface HTMLGbIllustrationElement extends Components.GbIllustration, HTMLStencilElement {
+    }
+    var HTMLGbIllustrationElement: {
+        prototype: HTMLGbIllustrationElement;
+        new (): HTMLGbIllustrationElement;
+    };
     interface HTMLGbInputDropdownElementEventMap {
         "dropdownItemSelected": any;
         "inputValueChanged": string;
@@ -2043,6 +2036,7 @@ declare global {
         "gb-help-tooltip": HTMLGbHelpTooltipElement;
         "gb-horizontal-tabs": HTMLGbHorizontalTabsElement;
         "gb-icon-button-base": HTMLGbIconButtonBaseElement;
+        "gb-illustration": HTMLGbIllustrationElement;
         "gb-input-dropdown": HTMLGbInputDropdownElement;
         "gb-input-dropdown-menu-item": HTMLGbInputDropdownMenuItemElement;
         "gb-input-field": HTMLGbInputFieldElement;
@@ -2398,11 +2392,6 @@ declare namespace LocalJSX {
         "state"?: 'default' | 'disabled';
     }
     interface GbEmptyState {
-        "cta"?: boolean;
-        "description"?: string;
-        "icon"?: string;
-        "message"?: string;
-        "onCtaButtonClicked"?: (event: GbEmptyStateCustomEvent<void>) => void;
         "size"?: GeneralSizes;
     }
     interface GbExportDropdown {
@@ -2521,6 +2510,11 @@ declare namespace LocalJSX {
         "icon"?: string;
         "label"?: string;
     }
+    interface GbIllustration {
+        "illustrationStyle"?: IllustrationTypes;
+        "size"?: GeneralSizes;
+        "theme"?: ThemeTypes;
+    }
     interface GbInputDropdown {
         "color"?: ColorTypes;
         "destructive"?: boolean;
@@ -2811,6 +2805,7 @@ declare namespace LocalJSX {
         "steps"?: StepperType[];
     }
     interface GbStepperHorizontalMinimalIcons {
+        "position"?: 'left' | 'right' | 'center';
         "size"?: GeneralSizes;
         "steps"?: StepperType[];
         "text"?: boolean;
@@ -3020,6 +3015,7 @@ declare namespace LocalJSX {
         "gb-help-tooltip": GbHelpTooltip;
         "gb-horizontal-tabs": GbHorizontalTabs;
         "gb-icon-button-base": GbIconButtonBase;
+        "gb-illustration": GbIllustration;
         "gb-input-dropdown": GbInputDropdown;
         "gb-input-dropdown-menu-item": GbInputDropdownMenuItem;
         "gb-input-field": GbInputField;
@@ -3126,6 +3122,7 @@ declare module "@stencil/core" {
             "gb-help-tooltip": LocalJSX.GbHelpTooltip & JSXBase.HTMLAttributes<HTMLGbHelpTooltipElement>;
             "gb-horizontal-tabs": LocalJSX.GbHorizontalTabs & JSXBase.HTMLAttributes<HTMLGbHorizontalTabsElement>;
             "gb-icon-button-base": LocalJSX.GbIconButtonBase & JSXBase.HTMLAttributes<HTMLGbIconButtonBaseElement>;
+            "gb-illustration": LocalJSX.GbIllustration & JSXBase.HTMLAttributes<HTMLGbIllustrationElement>;
             "gb-input-dropdown": LocalJSX.GbInputDropdown & JSXBase.HTMLAttributes<HTMLGbInputDropdownElement>;
             "gb-input-dropdown-menu-item": LocalJSX.GbInputDropdownMenuItem & JSXBase.HTMLAttributes<HTMLGbInputDropdownMenuItemElement>;
             "gb-input-field": LocalJSX.GbInputField & JSXBase.HTMLAttributes<HTMLGbInputFieldElement>;

package/dist/types/models/reusableModels.d.ts

@@ -70,3 +70,4 @@ export interface Notification {
     desc: string;
     icon: string;
 }
+export type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",