globuswebcomponents 0.3.4 → 0.3.6

package/dist/globuscomponents/{p-e9a2f3a6.entry.js.map → p-fdcd5d1b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["gbMegainputFieldCss","GbMegainputFieldStyle0","GbMegaInputField","render","h","key","class","this","size","type","placeholder"],"sources":["src/components/gb-megainput-field-base/gb-megainput-field.css?tag=gb-megainput-field&encapsulation=shadow","src/components/gb-megainput-field-base/gb-megainput-field.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typo.css';\r\n\r\ninput{\r\n    display: flex;   \r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-2);\r\n    border-radius: 8px;\r\n    border: 1px solid #CDD5DF;\r\n    color: #CDD5DF;\r\n    text-align: center;\r\n    /*font-family: Sora;*/\r\n    font-style: normal;\r\n    font-weight: 500;\r\n}\r\n\r\ninput.sm {\r\n    min-width: 44px;\r\n    min-height: 44px;\r\n    padding: var(--spacing-half) var(--spacing-2);\r\n    font-size: 24px;\r\n    line-height: 32px; /* 133.333% */\r\n}\r\n\r\ninput.md {\r\n    min-width: 48px;\r\n    min-height: 48px;\r\n    padding: 10px var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput.lg {\r\n    min-width: 56px;\r\n    min-height: 56px;\r\n    padding: var(--spacing-3) var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput:not(:placeholder-shown) {\r\n    color: #4B5565;\r\n}\r\n\r\ninput:focus:not(:placeholder-shown){\r\n    border: 1.3px solid #075DB2;\r\n    color: #4B5565;\r\n}\r\n\r\ninput:disabled {\r\n    background: #F6F8FA;\r\n    border: 1px solid #E3E8EF;\r\n    color: #CDD5DF;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-megainput-field',\r\n    styleUrl: 'gb-megainput-field.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbMegaInputField {\r\n    @Prop() size: GeneralSizes;\r\n \r\n    render() {\r\n        return (\r\n            <input class={this.size} type=\"number\" placeholder=\"0\"></input>\r\n        )\r\n    }\r\n}"],"mappings":"sCAAA,MAAMA,EAAsB,w91DAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,6CAGzB,MAAAC,GACI,OACIC,EAAA,SAAAC,IAAA,2CAAOC,MAAOC,KAAKC,KAAMC,KAAK,SAASC,YAAY,K","ignoreList":[]}
+{"version":3,"names":["gbMegainputFieldCss","GbMegainputFieldStyle0","GbMegaInputField","render","h","key","class","this","size","type","placeholder"],"sources":["src/components/gb-megainput-field-base/gb-megainput-field.css?tag=gb-megainput-field&encapsulation=shadow","src/components/gb-megainput-field-base/gb-megainput-field.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typo.css';\r\n\r\ninput{\r\n    display: flex;   \r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-2);\r\n    border-radius: 8px;\r\n    border: 1px solid #CDD5DF;\r\n    color: #CDD5DF;\r\n    text-align: center;\r\n    /*font-family: Sora;*/\r\n    font-style: normal;\r\n    font-weight: 500;\r\n}\r\n\r\ninput.sm {\r\n    min-width: 44px;\r\n    min-height: 44px;\r\n    padding: var(--spacing-half) var(--spacing-2);\r\n    font-size: 24px;\r\n    line-height: 32px; /* 133.333% */\r\n}\r\n\r\ninput.md {\r\n    min-width: 48px;\r\n    min-height: 48px;\r\n    padding: 10px var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput.lg {\r\n    min-width: 56px;\r\n    min-height: 56px;\r\n    padding: var(--spacing-3) var(--spacing-2);\r\n    font-size: 30px;\r\n    line-height: 38px; /* 126.667% */\r\n}\r\n\r\ninput:not(:placeholder-shown) {\r\n    color: #4B5565;\r\n}\r\n\r\ninput:focus:not(:placeholder-shown){\r\n    border: 1.3px solid #075DB2;\r\n    color: #4B5565;\r\n}\r\n\r\ninput:disabled {\r\n    background: #F6F8FA;\r\n    border: 1px solid #E3E8EF;\r\n    color: #CDD5DF;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-megainput-field',\r\n    styleUrl: 'gb-megainput-field.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbMegaInputField {\r\n    @Prop() size: GeneralSizes;\r\n \r\n    render() {\r\n        return (\r\n            <input class={this.size} type=\"number\" placeholder=\"0\"></input>\r\n        )\r\n    }\r\n}"],"mappings":"sCAAA,MAAMA,EAAsB,q85DAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,6CAGzB,MAAAC,GACI,OACIC,EAAA,SAAAC,IAAA,2CAAOC,MAAOC,KAAKC,KAAMC,KAAK,SAASC,YAAY,K","ignoreList":[]}

package/dist/globuscomponents/readme.md

@@ -26,12 +26,14 @@
 
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
  - [gb-notification-panel](../gb-notification-panel)
+ - [gb-pagination](../gb-pagination)
 
 ### Graph
 ```mermaid
 graph TD;
   gb-file-upload-item-base --> gb-button
   gb-notification-panel --> gb-button
+  gb-pagination --> gb-button
   style gb-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/dist/types/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.d.ts

@@ -1,4 +1,4 @@
-export declare class GbWysiwygEditor {
+export declare class GbWYSIWYGEditor {
     private handleCommand;
     render(): any;
 }

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

@@ -9,7 +9,7 @@ export declare class GbAvatar {
     el: HTMLElement;
     weight: BorderWeights;
     getInitialsSize(): "display-xs-semi-bold" | "text-xl-semi-bold" | "text-lg-semi-bold" | "text-md-semi-bold" | "text-sm-semi-bold" | "text-xs-semi-bold";
-    setWeight(): BorderWeights.Light | BorderWeights.Regular;
+    setWeight(): BorderWeights.VeryLight | BorderWeights.Light | BorderWeights.Regular;
     componentDidLoad(): void;
     render(): any[];
 }

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

@@ -2,11 +2,19 @@ import { GeneralColors, GeneralSizes } from '../../models/reusableModels';
 export declare class GbBadges {
     size: GeneralSizes;
     icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-    iconLeadingSrc?: string;
-    iconTrailingSrc?: string;
+    iconLeadingSwap?: string;
+    iconTrailingSwap?: string;
+    flagSwap: string;
     color: GeneralColors;
     type: 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     closeButton?: boolean;
+    leadingIconContent: string;
+    trailingIconContent: string;
+    el: HTMLElement;
     private getDotColor;
+    componentWillLoad(): Promise<void>;
+    private fetchSvgContent;
+    getTextClass(): "text-xs-medium" | "text-sm-medium";
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/gb-collapse-button/gb-collapse-button.d.ts

@@ -1,10 +1,10 @@
 export declare class GbCollapseButton {
     color: 'gray' | 'white';
     isCollapsed: boolean;
-    currentIconDirection: string;
+    action: string;
     isHovered: boolean;
     toggleIcon(): void;
-    collapseSidebar(): void;
-    expandSidebar(): void;
+    collapseSidebar(): Promise<void>;
+    expandSidebar(): Promise<void>;
     render(): any[];
 }

package/dist/types/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.d.ts

@@ -1,4 +1,3 @@
-import { CheckBoxStates, StateEnum } from '../../models/reusableModels';
 export declare class GbDropdownShortcut {
     icon: boolean;
     iconSrc: string;
@@ -6,7 +5,6 @@ export declare class GbDropdownShortcut {
     shortcut: boolean;
     shortcutIcon: string;
     label: string;
-    checkboxStates: CheckBoxStates;
-    state: StateEnum;
+    state: 'default' | 'disabled';
     render(): any;
 }

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

@@ -0,0 +1,21 @@
+import { BreakPoints, GeneralSizes, TabTypes } from "../../models/reusableModels";
+export declare class GbHorizontalTabs {
+    type: TabTypes;
+    size: GeneralSizes;
+    fullWidth: boolean;
+    breakpoint: BreakPoints;
+    thirdTab: boolean;
+    fourthTab: boolean;
+    fifthTab: boolean;
+    sixthTab: boolean;
+    seventhTab: boolean;
+    eigthTab: boolean;
+    ninthTab: boolean;
+    tenthTab: boolean;
+    firstClicked: boolean;
+    secondClicked: boolean;
+    componentWillLoad(): void;
+    firstTabClicked(): void;
+    secondTabClicked(): void;
+    render(): any;
+}

package/dist/types/components/gb-input-dropdown-menu/input-dropdown-menu.d.ts

@@ -1,9 +1,7 @@
-import { CheckBoxStates } from '../../models/reusableModels';
 export declare class GbInputDropdownMenuItem {
     type: 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox';
     supportingText: boolean;
     selected: boolean;
     state: 'default' | 'disabled';
-    checkboxStates: CheckBoxStates;
     render(): any;
 }

package/dist/types/components/gb-pagination-button-group-base/gb-pagination-button-group-base.d.ts

@@ -0,0 +1,8 @@
+export declare class GbPaginationButtonGroupBase {
+    icon: 'false' | 'only' | 'trailing' | 'leading';
+    iconLeading: string;
+    iconTrailing: string;
+    el: HTMLElement;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-tab-button-base/gb-tab-button-base.d.ts

@@ -0,0 +1,14 @@
+import { GeneralSizes, TabTypes } from "../../models/reusableModels";
+export declare class GbTabButtonBase {
+    current: boolean;
+    size: GeneralSizes;
+    fullWidth: boolean;
+    badge: boolean;
+    type: TabTypes;
+    el: HTMLElement;
+    getTextClasses(): "text-sm-medium" | "text-md-medium";
+    getCurrentTextClasses(): "text-md-semi-bold" | "text-sm-semi-bold";
+    getCountTextClasses(): "text-xs-medium" | "text-sm-medium";
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/gb-tagcount/{gb-tagcount.d.ts → gb-tag-count.d.ts}

@@ -1,5 +1,5 @@
 import { GeneralSizes } from '../../models/reusableModels';
-export declare class TagCount {
+export declare class GbTagCount {
     size: GeneralSizes;
     render(): any;
 }

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

@@ -1,8 +1,8 @@
-export declare class Tag {
+export declare class GbTag {
     size: 'sm' | 'md' | 'lg';
     icon?: 'country' | 'avatar' | 'dot';
+    action: 'X_close' | 'text_only' | 'count';
+    flagSwap: string;
     checkbox?: boolean;
-    closeButton?: boolean;
-    count?: boolean;
     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, BorderWeights, BreakPoints, CheckBoxStates, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum } from "./models/reusableModels";
-export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxStates, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum } from "./models/reusableModels";
+import { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, BorderWeights, BreakPoints, CheckBoxVariants, FileUploadIconType, FileUploadStates, GeneralColors, GeneralHierarchies, GeneralSizes, OnlineIndicatorStates, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbAvatar {
         "icon": 'user';
@@ -62,9 +62,10 @@ export namespace Components {
     interface GbBadge {
         "closeButton"?: boolean;
         "color": GeneralColors;
+        "flagSwap": string;
         "icon": 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-        "iconLeadingSrc"?: string;
-        "iconTrailingSrc"?: string;
+        "iconLeadingSwap"?: string;
+        "iconTrailingSwap"?: string;
         "size": GeneralSizes;
         "type": 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     }
@@ -125,22 +126,21 @@ export namespace Components {
         "type": 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
     }
     interface GbCollapseButton {
+        "action": string;
         "collapseSidebar": () => Promise<void>;
         "color": 'gray' | 'white';
-        "currentIconDirection": string;
         "expandSidebar": () => Promise<void>;
         "isCollapsed": boolean;
         "isHovered": boolean;
     }
     interface GbDropdownItemsWithShortcut {
         "checkbox": boolean;
-        "checkboxStates": CheckBoxStates;
         "icon": boolean;
         "iconSrc": string;
         "label": string;
         "shortcut": boolean;
         "shortcutIcon": string;
-        "state": StateEnum;
+        "state": 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
     }
@@ -167,6 +167,20 @@ export namespace Components {
     interface GbHelpDropdown {
         "showLogError": boolean;
     }
+    interface GbHorizontalTabs {
+        "breakpoint": BreakPoints;
+        "eigthTab": boolean;
+        "fifthTab": boolean;
+        "fourthTab": boolean;
+        "fullWidth": boolean;
+        "ninthTab": boolean;
+        "seventhTab": boolean;
+        "sixthTab": boolean;
+        "size": GeneralSizes;
+        "tenthTab": boolean;
+        "thirdTab": boolean;
+        "type": TabTypes;
+    }
     interface GbInputDropdown {
         "hintText": string;
         "iconSwap": string;
@@ -181,7 +195,6 @@ export namespace Components {
         "type": 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'search' | 'tags';
     }
     interface GbInputDropdownMenuItem {
-        "checkboxStates": CheckBoxStates;
         "selected": boolean;
         "state": 'default' | 'disabled';
         "supportingText": boolean;
@@ -215,6 +228,11 @@ export namespace Components {
         "totalPages": string;
         "type": PaginationTypes;
     }
+    interface GbPaginationButtonGroupBase {
+        "icon": 'false' | 'only' | 'trailing' | 'leading';
+        "iconLeading": string;
+        "iconTrailing": string;
+    }
     interface GbPaginationNumberBase {
         "shape": PaginationNumberShapes;
     }
@@ -248,10 +266,17 @@ export namespace Components {
         "state": OnlineIndicatorStates;
         "statusIcon": string;
     }
+    interface GbTabButtonBase {
+        "badge": boolean;
+        "current": boolean;
+        "fullWidth": boolean;
+        "size": GeneralSizes;
+        "type": TabTypes;
+    }
     interface GbTag {
+        "action": 'X_close' | 'text_only' | 'count';
         "checkbox"?: boolean;
-        "closeButton"?: boolean;
-        "count"?: boolean;
+        "flagSwap": string;
         "icon"?: 'country' | 'avatar' | 'dot';
         "size": 'sm' | 'md' | 'lg';
     }
@@ -432,6 +457,12 @@ declare global {
         prototype: HTMLGbHelpDropdownElement;
         new (): HTMLGbHelpDropdownElement;
     };
+    interface HTMLGbHorizontalTabsElement extends Components.GbHorizontalTabs, HTMLStencilElement {
+    }
+    var HTMLGbHorizontalTabsElement: {
+        prototype: HTMLGbHorizontalTabsElement;
+        new (): HTMLGbHorizontalTabsElement;
+    };
     interface HTMLGbInputDropdownElement extends Components.GbInputDropdown, HTMLStencilElement {
     }
     var HTMLGbInputDropdownElement: {
@@ -474,6 +505,12 @@ declare global {
         prototype: HTMLGbPaginationElement;
         new (): HTMLGbPaginationElement;
     };
+    interface HTMLGbPaginationButtonGroupBaseElement extends Components.GbPaginationButtonGroupBase, HTMLStencilElement {
+    }
+    var HTMLGbPaginationButtonGroupBaseElement: {
+        prototype: HTMLGbPaginationButtonGroupBaseElement;
+        new (): HTMLGbPaginationButtonGroupBaseElement;
+    };
     interface HTMLGbPaginationNumberBaseElement extends Components.GbPaginationNumberBase, HTMLStencilElement {
     }
     var HTMLGbPaginationNumberBaseElement: {
@@ -527,6 +564,12 @@ declare global {
         prototype: HTMLGbStatusIndicatorElement;
         new (): HTMLGbStatusIndicatorElement;
     };
+    interface HTMLGbTabButtonBaseElement extends Components.GbTabButtonBase, HTMLStencilElement {
+    }
+    var HTMLGbTabButtonBaseElement: {
+        prototype: HTMLGbTabButtonBaseElement;
+        new (): HTMLGbTabButtonBaseElement;
+    };
     interface HTMLGbTagElement extends Components.GbTag, HTMLStencilElement {
     }
     var HTMLGbTagElement: {
@@ -605,6 +648,7 @@ declare global {
         "gb-file-upload-item-base": HTMLGbFileUploadItemBaseElement;
         "gb-header-icon": HTMLGbHeaderIconElement;
         "gb-help-dropdown": HTMLGbHelpDropdownElement;
+        "gb-horizontal-tabs": HTMLGbHorizontalTabsElement;
         "gb-input-dropdown": HTMLGbInputDropdownElement;
         "gb-input-dropdown-menu-item": HTMLGbInputDropdownMenuItemElement;
         "gb-input-field": HTMLGbInputFieldElement;
@@ -612,6 +656,7 @@ declare global {
         "gb-notification-content": HTMLGbNotificationContentElement;
         "gb-notification-panel": HTMLGbNotificationPanelElement;
         "gb-pagination": HTMLGbPaginationElement;
+        "gb-pagination-button-group-base": HTMLGbPaginationButtonGroupBaseElement;
         "gb-pagination-number-base": HTMLGbPaginationNumberBaseElement;
         "gb-progress-bar": HTMLGbProgressBarElement;
         "gb-progress-circle": HTMLGbProgressCircleElement;
@@ -619,6 +664,7 @@ declare global {
         "gb-slider": HTMLGbSliderElement;
         "gb-slider-control-handle": HTMLGbSliderControlHandleElement;
         "gb-status-indicator": HTMLGbStatusIndicatorElement;
+        "gb-tab-button-base": HTMLGbTabButtonBaseElement;
         "gb-tag": HTMLGbTagElement;
         "gb-tag-checkbox": HTMLGbTagCheckboxElement;
         "gb-tag-close": HTMLGbTagCloseElement;
@@ -685,9 +731,10 @@ declare namespace LocalJSX {
     interface GbBadge {
         "closeButton"?: boolean;
         "color"?: GeneralColors;
+        "flagSwap"?: string;
         "icon"?: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';
-        "iconLeadingSrc"?: string;
-        "iconTrailingSrc"?: string;
+        "iconLeadingSwap"?: string;
+        "iconTrailingSwap"?: string;
         "size"?: GeneralSizes;
         "type"?: 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';
     }
@@ -748,20 +795,19 @@ declare namespace LocalJSX {
         "type"?: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';
     }
     interface GbCollapseButton {
+        "action"?: string;
         "color"?: 'gray' | 'white';
-        "currentIconDirection"?: string;
         "isCollapsed"?: boolean;
         "isHovered"?: boolean;
     }
     interface GbDropdownItemsWithShortcut {
         "checkbox"?: boolean;
-        "checkboxStates"?: CheckBoxStates;
         "icon"?: boolean;
         "iconSrc"?: string;
         "label"?: string;
         "shortcut"?: boolean;
         "shortcutIcon"?: string;
-        "state"?: StateEnum;
+        "state"?: 'default' | 'disabled';
     }
     interface GbFileTypeIcon {
     }
@@ -788,6 +834,20 @@ declare namespace LocalJSX {
     interface GbHelpDropdown {
         "showLogError"?: boolean;
     }
+    interface GbHorizontalTabs {
+        "breakpoint"?: BreakPoints;
+        "eigthTab"?: boolean;
+        "fifthTab"?: boolean;
+        "fourthTab"?: boolean;
+        "fullWidth"?: boolean;
+        "ninthTab"?: boolean;
+        "seventhTab"?: boolean;
+        "sixthTab"?: boolean;
+        "size"?: GeneralSizes;
+        "tenthTab"?: boolean;
+        "thirdTab"?: boolean;
+        "type"?: TabTypes;
+    }
     interface GbInputDropdown {
         "hintText"?: string;
         "iconSwap"?: string;
@@ -802,7 +862,6 @@ declare namespace LocalJSX {
         "type"?: 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'search' | 'tags';
     }
     interface GbInputDropdownMenuItem {
-        "checkboxStates"?: CheckBoxStates;
         "selected"?: boolean;
         "state"?: 'default' | 'disabled';
         "supportingText"?: boolean;
@@ -836,6 +895,11 @@ declare namespace LocalJSX {
         "totalPages"?: string;
         "type"?: PaginationTypes;
     }
+    interface GbPaginationButtonGroupBase {
+        "icon"?: 'false' | 'only' | 'trailing' | 'leading';
+        "iconLeading"?: string;
+        "iconTrailing"?: string;
+    }
     interface GbPaginationNumberBase {
         "shape"?: PaginationNumberShapes;
     }
@@ -870,10 +934,17 @@ declare namespace LocalJSX {
         "state"?: OnlineIndicatorStates;
         "statusIcon"?: string;
     }
+    interface GbTabButtonBase {
+        "badge"?: boolean;
+        "current"?: boolean;
+        "fullWidth"?: boolean;
+        "size"?: GeneralSizes;
+        "type"?: TabTypes;
+    }
     interface GbTag {
+        "action"?: 'X_close' | 'text_only' | 'count';
         "checkbox"?: boolean;
-        "closeButton"?: boolean;
-        "count"?: boolean;
+        "flagSwap"?: string;
         "icon"?: 'country' | 'avatar' | 'dot';
         "size"?: 'sm' | 'md' | 'lg';
     }
@@ -934,6 +1005,7 @@ declare namespace LocalJSX {
         "gb-file-upload-item-base": GbFileUploadItemBase;
         "gb-header-icon": GbHeaderIcon;
         "gb-help-dropdown": GbHelpDropdown;
+        "gb-horizontal-tabs": GbHorizontalTabs;
         "gb-input-dropdown": GbInputDropdown;
         "gb-input-dropdown-menu-item": GbInputDropdownMenuItem;
         "gb-input-field": GbInputField;
@@ -941,6 +1013,7 @@ declare namespace LocalJSX {
         "gb-notification-content": GbNotificationContent;
         "gb-notification-panel": GbNotificationPanel;
         "gb-pagination": GbPagination;
+        "gb-pagination-button-group-base": GbPaginationButtonGroupBase;
         "gb-pagination-number-base": GbPaginationNumberBase;
         "gb-progress-bar": GbProgressBar;
         "gb-progress-circle": GbProgressCircle;
@@ -948,6 +1021,7 @@ declare namespace LocalJSX {
         "gb-slider": GbSlider;
         "gb-slider-control-handle": GbSliderControlHandle;
         "gb-status-indicator": GbStatusIndicator;
+        "gb-tab-button-base": GbTabButtonBase;
         "gb-tag": GbTag;
         "gb-tag-checkbox": GbTagCheckbox;
         "gb-tag-close": GbTagClose;
@@ -986,6 +1060,7 @@ declare module "@stencil/core" {
             "gb-file-upload-item-base": LocalJSX.GbFileUploadItemBase & JSXBase.HTMLAttributes<HTMLGbFileUploadItemBaseElement>;
             "gb-header-icon": LocalJSX.GbHeaderIcon & JSXBase.HTMLAttributes<HTMLGbHeaderIconElement>;
             "gb-help-dropdown": LocalJSX.GbHelpDropdown & JSXBase.HTMLAttributes<HTMLGbHelpDropdownElement>;
+            "gb-horizontal-tabs": LocalJSX.GbHorizontalTabs & JSXBase.HTMLAttributes<HTMLGbHorizontalTabsElement>;
             "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>;
@@ -993,6 +1068,7 @@ declare module "@stencil/core" {
             "gb-notification-content": LocalJSX.GbNotificationContent & JSXBase.HTMLAttributes<HTMLGbNotificationContentElement>;
             "gb-notification-panel": LocalJSX.GbNotificationPanel & JSXBase.HTMLAttributes<HTMLGbNotificationPanelElement>;
             "gb-pagination": LocalJSX.GbPagination & JSXBase.HTMLAttributes<HTMLGbPaginationElement>;
+            "gb-pagination-button-group-base": LocalJSX.GbPaginationButtonGroupBase & JSXBase.HTMLAttributes<HTMLGbPaginationButtonGroupBaseElement>;
             "gb-pagination-number-base": LocalJSX.GbPaginationNumberBase & JSXBase.HTMLAttributes<HTMLGbPaginationNumberBaseElement>;
             "gb-progress-bar": LocalJSX.GbProgressBar & JSXBase.HTMLAttributes<HTMLGbProgressBarElement>;
             "gb-progress-circle": LocalJSX.GbProgressCircle & JSXBase.HTMLAttributes<HTMLGbProgressCircleElement>;
@@ -1000,6 +1076,7 @@ declare module "@stencil/core" {
             "gb-slider": LocalJSX.GbSlider & JSXBase.HTMLAttributes<HTMLGbSliderElement>;
             "gb-slider-control-handle": LocalJSX.GbSliderControlHandle & JSXBase.HTMLAttributes<HTMLGbSliderControlHandleElement>;
             "gb-status-indicator": LocalJSX.GbStatusIndicator & JSXBase.HTMLAttributes<HTMLGbStatusIndicatorElement>;
+            "gb-tab-button-base": LocalJSX.GbTabButtonBase & JSXBase.HTMLAttributes<HTMLGbTabButtonBaseElement>;
             "gb-tag": LocalJSX.GbTag & JSXBase.HTMLAttributes<HTMLGbTagElement>;
             "gb-tag-checkbox": LocalJSX.GbTagCheckbox & JSXBase.HTMLAttributes<HTMLGbTagCheckboxElement>;
             "gb-tag-close": LocalJSX.GbTagClose & JSXBase.HTMLAttributes<HTMLGbTagCloseElement>;

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

@@ -1,4 +1,4 @@
-export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'profile_lg' | 'profile_md' | 'profile_sm';
+export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';
 export type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';
 export declare enum StateEnum {
     Default = "default",
@@ -11,6 +11,7 @@ export declare enum CheckBoxStates {
     Disabled = "disabled"
 }
 export declare enum BorderWeights {
+    VeryLight = "very_light",
     Light = "light",
     Regular = "regular",
     Heavy = "heavy"
@@ -26,3 +27,4 @@ export type FileType = '';
 export type GeneralColors = 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';
 export type PaginationNumberShapes = 'square' | 'circle';
 export type PaginationTypes = 'page_default' | 'page_minimal_center_aligned' | 'card_default' | 'card_minimal_right_aligned' | 'card_minimal_left_aligned' | 'card_minimal_center_aligned' | 'card_button_group_right_aligned' | 'card_button_group_left_aligned' | 'card_button_group_center_aligned';
+export type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",