globuswebcomponents 0.9.6 → 0.9.8

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, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
-export { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownItemTypes, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+import { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
+export { ArrowPositions, AvatarColorTypes, BorderWeights, BreakPoints, CheckBoxVariants, DropdownTypes, FileIconStyles, FileIconTypes, FileUploadIconType, FileUploadStates, GeneralBackgroundCategories, GeneralColors, GeneralHierarchies, GeneralSizes, InputFieldTypes, OnlineIndicatorStates, PaginationDotTypes, PaginationNumberShapes, PaginationTypes, StateEnum, TabTypes } from "./models/reusableModels";
 export namespace Components {
     interface GbAvatar {
         "color": AvatarColorTypes;
@@ -251,7 +251,8 @@ export namespace Components {
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap": string;
-        "items": DropdownItemTypes[];
+        "inputValue": string;
+        "items": any[];
         "label": string;
         "leadingIcon": string;
         "menuPosition": 'top' | ' bottom';
@@ -261,12 +262,13 @@ export namespace Components {
         "showHintText": boolean;
         "showLabel": boolean;
         "showLeadingIcon": boolean;
+        "showSearchInput": boolean;
         "size": GeneralSizes;
         "state": 'default' | 'focused' | 'disabled' | 'filled';
         "supportingText": boolean;
         "text": boolean;
         "type": DropdownTypes;
-        "value": DropdownItemTypes[];
+        "value": any[];
     }
     interface GbInputDropdownMenuItem {
         "color": AvatarColorTypes;
@@ -330,9 +332,7 @@ export namespace Components {
     }
     interface GbPaginationButtonGroupBase {
         "icon": 'false' | 'only' | 'trailing' | 'leading';
-        "iconLeading": string;
         "iconSrc": string;
-        "iconTrailing": string;
         "state": 'default' | 'active';
     }
     interface GbPaginationDotGroup {
@@ -519,6 +519,31 @@ export namespace Components {
         "showLabel": boolean;
         "size": GeneralSizes;
     }
+    interface GbVerticalTabs {
+        "activeIndex": number;
+        "eighteenthTabName": string;
+        "eighthTabName": string;
+        "eleventhTabName": string;
+        "fifteenthTabName": string;
+        "fifthTabName": string;
+        "firstTabName": string;
+        "fourteenthTabName": string;
+        "fourthTabName": string;
+        "nineteenthTabName": string;
+        "ninthTabName": string;
+        "secondTabName": string;
+        "seventeenthTabName": string;
+        "seventhTabName": string;
+        "sixteenthTabName": string;
+        "sixthTabName": string;
+        "size": GeneralSizes;
+        "tenthTabName": string;
+        "thirdTabName": string;
+        "thirteenthTabName": string;
+        "twelfthTabName": string;
+        "twentiethTabName": string;
+        "type": TabTypes;
+    }
     interface GbWysiwygEditorIcon {
         "active": boolean;
         "state": 'default' | 'disabled';
@@ -617,6 +642,10 @@ export interface GbToggleBaseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbToggleBaseElement;
 }
+export interface GbVerticalTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbVerticalTabsElement;
+}
 export interface TestInputTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTestInputTagElement;
@@ -1201,6 +1230,23 @@ declare global {
         prototype: HTMLGbVerificationCodeFieldElement;
         new (): HTMLGbVerificationCodeFieldElement;
     };
+    interface HTMLGbVerticalTabsElementEventMap {
+        "tabItemClicked": number;
+    }
+    interface HTMLGbVerticalTabsElement extends Components.GbVerticalTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbVerticalTabsElementEventMap>(type: K, listener: (this: HTMLGbVerticalTabsElement, ev: GbVerticalTabsCustomEvent<HTMLGbVerticalTabsElementEventMap[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 HTMLGbVerticalTabsElementEventMap>(type: K, listener: (this: HTMLGbVerticalTabsElement, ev: GbVerticalTabsCustomEvent<HTMLGbVerticalTabsElementEventMap[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 HTMLGbVerticalTabsElement: {
+        prototype: HTMLGbVerticalTabsElement;
+        new (): HTMLGbVerticalTabsElement;
+    };
     interface HTMLGbWysiwygEditorIconElement extends Components.GbWysiwygEditorIcon, HTMLStencilElement {
     }
     var HTMLGbWysiwygEditorIconElement: {
@@ -1302,6 +1348,7 @@ declare global {
         "gb-token-field": HTMLGbTokenFieldElement;
         "gb-tooltip": HTMLGbTooltipElement;
         "gb-verification-code-field": HTMLGbVerificationCodeFieldElement;
+        "gb-vertical-tabs": HTMLGbVerticalTabsElement;
         "gb-wysiwyg-editor-icon": HTMLGbWysiwygEditorIconElement;
         "gb-wysiwyg-toolbar": HTMLGbWysiwygToolbarElement;
         "gb-wysiwyg-tooltip": HTMLGbWysiwygTooltipElement;
@@ -1558,7 +1605,8 @@ declare namespace LocalJSX {
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
-        "items"?: DropdownItemTypes[];
+        "inputValue"?: string;
+        "items"?: any[];
         "label"?: string;
         "leadingIcon"?: string;
         "menuPosition"?: 'top' | ' bottom';
@@ -1569,12 +1617,13 @@ declare namespace LocalJSX {
         "showHintText"?: boolean;
         "showLabel"?: boolean;
         "showLeadingIcon"?: boolean;
+        "showSearchInput"?: boolean;
         "size"?: GeneralSizes;
         "state"?: 'default' | 'focused' | 'disabled' | 'filled';
         "supportingText"?: boolean;
         "text"?: boolean;
         "type"?: DropdownTypes;
-        "value"?: DropdownItemTypes[];
+        "value"?: any[];
     }
     interface GbInputDropdownMenuItem {
         "color"?: AvatarColorTypes;
@@ -1590,10 +1639,10 @@ declare namespace LocalJSX {
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
-        "idOfInput": string;
+        "idOfInput"?: string;
         "isReadOnly"?: boolean;
         "label"?: string;
-        "labelText": string;
+        "labelText"?: string;
         "menuPosition"?: 'top' | 'bottom';
         "onInputValueChanged"?: (event: GbInputFieldCustomEvent<any>) => void;
         "options"?: string[];
@@ -1639,9 +1688,7 @@ declare namespace LocalJSX {
     }
     interface GbPaginationButtonGroupBase {
         "icon"?: 'false' | 'only' | 'trailing' | 'leading';
-        "iconLeading"?: string;
         "iconSrc"?: string;
-        "iconTrailing"?: string;
         "state"?: 'default' | 'active';
     }
     interface GbPaginationDotGroup {
@@ -1832,6 +1879,32 @@ declare namespace LocalJSX {
         "showLabel"?: boolean;
         "size"?: GeneralSizes;
     }
+    interface GbVerticalTabs {
+        "activeIndex"?: number;
+        "eighteenthTabName"?: string;
+        "eighthTabName"?: string;
+        "eleventhTabName"?: string;
+        "fifteenthTabName"?: string;
+        "fifthTabName"?: string;
+        "firstTabName"?: string;
+        "fourteenthTabName"?: string;
+        "fourthTabName"?: string;
+        "nineteenthTabName"?: string;
+        "ninthTabName"?: string;
+        "onTabItemClicked"?: (event: GbVerticalTabsCustomEvent<number>) => void;
+        "secondTabName"?: string;
+        "seventeenthTabName"?: string;
+        "seventhTabName"?: string;
+        "sixteenthTabName"?: string;
+        "sixthTabName"?: string;
+        "size"?: GeneralSizes;
+        "tenthTabName"?: string;
+        "thirdTabName"?: string;
+        "thirteenthTabName"?: string;
+        "twelfthTabName"?: string;
+        "twentiethTabName"?: string;
+        "type"?: TabTypes;
+    }
     interface GbWysiwygEditorIcon {
         "active"?: boolean;
         "state"?: 'default' | 'disabled';
@@ -1928,6 +2001,7 @@ declare namespace LocalJSX {
         "gb-token-field": GbTokenField;
         "gb-tooltip": GbTooltip;
         "gb-verification-code-field": GbVerificationCodeField;
+        "gb-vertical-tabs": GbVerticalTabs;
         "gb-wysiwyg-editor-icon": GbWysiwygEditorIcon;
         "gb-wysiwyg-toolbar": GbWysiwygToolbar;
         "gb-wysiwyg-tooltip": GbWysiwygTooltip;
@@ -2003,6 +2077,7 @@ declare module "@stencil/core" {
             "gb-token-field": LocalJSX.GbTokenField & JSXBase.HTMLAttributes<HTMLGbTokenFieldElement>;
             "gb-tooltip": LocalJSX.GbTooltip & JSXBase.HTMLAttributes<HTMLGbTooltipElement>;
             "gb-verification-code-field": LocalJSX.GbVerificationCodeField & JSXBase.HTMLAttributes<HTMLGbVerificationCodeFieldElement>;
+            "gb-vertical-tabs": LocalJSX.GbVerticalTabs & JSXBase.HTMLAttributes<HTMLGbVerticalTabsElement>;
             "gb-wysiwyg-editor-icon": LocalJSX.GbWysiwygEditorIcon & JSXBase.HTMLAttributes<HTMLGbWysiwygEditorIconElement>;
             "gb-wysiwyg-toolbar": LocalJSX.GbWysiwygToolbar & JSXBase.HTMLAttributes<HTMLGbWysiwygToolbarElement>;
             "gb-wysiwyg-tooltip": LocalJSX.GbWysiwygTooltip & JSXBase.HTMLAttributes<HTMLGbWysiwygTooltipElement>;

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

@@ -23,13 +23,13 @@ export type FileType = '';
 export type GeneralColors = 'default' | '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' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';
+export type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border' | 'button_gray_border';
 export type GeneralBackgroundCategories = 'plain_background' | 'colored_background';
 export type InputFieldTypes = 'default' | 'icon_leading' | 'leading_dropdown' | 'trailing_dropdown' | 'leading_text' | 'payment_input' | 'tags' | 'trailing_button' | 'password' | 'password_icon_leading' | 'count';
 export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';
 export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';
 export type DropdownItemTypes = string | number | {
-    name: string;
+    name: string | number;
     username: string;
     selected?: boolean;
 };

package/package.json

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