globuswebcomponents 1.1.1 → 1.1.3

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

@@ -23,6 +23,8 @@ export declare class GbInputDropdown {
     menuPosition: 'top' | ' bottom';
     showSearchInput: boolean;
     inputValue: string;
+    destructive: boolean;
+    errorText: string;
     leadingIconSvg: string;
     dropdownOpen: boolean;
     selectedItems: any[];

package/dist/types/components/{gb-megainput-field-base/gb-megainput-field.d.ts → gb-mega-input-field-base/gb-mega-input-field-base.d.ts}

@@ -1,5 +1,5 @@
 import { GeneralSizes } from "../../models/reusableModels";
-export declare class GbMegaInputField {
+export declare class GbMegaInputFieldBase {
     size: GeneralSizes;
     state: 'placeholder' | 'disabled';
     inputValue: string;

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { BreakPoints, PaginationNumberShapes, PaginationTypes } from "../../models/reusableModels";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { BreakPoints, PaginationNumberShapes, PaginationTypes } from '../../models/reusableModels';
 export declare class GbPagination {
     type: PaginationTypes;
     shape: PaginationNumberShapes;
@@ -9,10 +9,14 @@ export declare class GbPagination {
     entries: number[];
     selectedPageSize: number | string | object;
     defaultSelected: any;
-    pageSizeSelected: EventEmitter<number | string | object>;
+    pageItemSelected: EventEmitter<{
+        pageSize: any;
+        pageNumber: number;
+    }>;
     onPreviousButtonClicked(): void;
     onNextButtonClicked(): void;
     componentWillLoad(): void;
     handlePageSizeSelect(item: any): void;
+    setCurrentPage(number: number): void;
     render(): any;
 }

package/dist/types/components/{gb-token-field/gb-token-field.d.ts → gb-token-field-compact/gb-token-field-compact.d.ts}

@@ -1,5 +1,5 @@
 import { GeneralSizes } from '../../models/reusableModels';
-export declare class GbTokenField {
+export declare class GbTokenFieldCompact {
     size: GeneralSizes;
     digits: 4 | 6 | 8;
     showLabel: boolean;

package/dist/types/components/{gb-verification-code-field/gb-verification-code-field.d.ts → gb-token-field-compressed/gb-token-field-compressed.d.ts}

@@ -1,5 +1,5 @@
 import { GeneralSizes } from '../../models/reusableModels';
-export declare class GbVerificationCodeField {
+export declare class GbTokenFieldCompressed {
     size: GeneralSizes;
     digits: 4 | 6 | 8;
     showLabel: boolean;

package/dist/types/components.d.ts

@@ -266,6 +266,8 @@ export namespace Components {
     }
     interface GbInputDropdown {
         "color": AvatarColorTypes;
+        "destructive": boolean;
+        "errorText": string;
         "hintText": string;
         "icon": 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap": string;
@@ -322,7 +324,7 @@ export namespace Components {
         "type": InputFieldTypes;
         "value": any;
     }
-    interface GbMegainputField {
+    interface GbMegaInputFieldBase {
         "size": GeneralSizes;
         "state": 'placeholder' | 'disabled';
     }
@@ -518,7 +520,7 @@ export namespace Components {
         "size": GeneralSizes;
         "state": StateEnum;
     }
-    interface GbTokenField {
+    interface GbTokenFieldCompact {
         "digits": 4 | 6 | 8;
         "label": string;
         "showLabel": boolean;
@@ -526,12 +528,7 @@ export namespace Components {
         "size": GeneralSizes;
         "supportingText": string;
     }
-    interface GbTooltip {
-        "arrow": ArrowPositions;
-        "showArrow": boolean;
-        "showSupportingText": boolean;
-    }
-    interface GbVerificationCodeField {
+    interface GbTokenFieldCompressed {
         "digits": 4 | 6 | 8;
         "hintText": string;
         "label": string;
@@ -539,6 +536,11 @@ export namespace Components {
         "showLabel": boolean;
         "size": GeneralSizes;
     }
+    interface GbTooltip {
+        "arrow": ArrowPositions;
+        "showArrow": boolean;
+        "showSupportingText": boolean;
+    }
     interface GbVerticalTabs {
         "activeIndex": number;
         "eighteenthTabName": string;
@@ -1031,11 +1033,11 @@ declare global {
         prototype: HTMLGbInputFieldElement;
         new (): HTMLGbInputFieldElement;
     };
-    interface HTMLGbMegainputFieldElement extends Components.GbMegainputField, HTMLStencilElement {
+    interface HTMLGbMegaInputFieldBaseElement extends Components.GbMegaInputFieldBase, HTMLStencilElement {
     }
-    var HTMLGbMegainputFieldElement: {
-        prototype: HTMLGbMegainputFieldElement;
-        new (): HTMLGbMegainputFieldElement;
+    var HTMLGbMegaInputFieldBaseElement: {
+        prototype: HTMLGbMegaInputFieldBaseElement;
+        new (): HTMLGbMegaInputFieldBaseElement;
     };
     interface HTMLGbNotificationContentElement extends Components.GbNotificationContent, HTMLStencilElement {
     }
@@ -1050,7 +1052,7 @@ declare global {
         new (): HTMLGbNotificationPaneElement;
     };
     interface HTMLGbPaginationElementEventMap {
-        "pageSizeSelected": number | string | object;
+        "pageItemSelected": { pageSize: any; pageNumber: number };
     }
     interface HTMLGbPaginationElement extends Components.GbPagination, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbPaginationElementEventMap>(type: K, listener: (this: HTMLGbPaginationElement, ev: GbPaginationCustomEvent<HTMLGbPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1290,11 +1292,17 @@ declare global {
         prototype: HTMLGbToggleBaseElement;
         new (): HTMLGbToggleBaseElement;
     };
-    interface HTMLGbTokenFieldElement extends Components.GbTokenField, HTMLStencilElement {
+    interface HTMLGbTokenFieldCompactElement extends Components.GbTokenFieldCompact, HTMLStencilElement {
+    }
+    var HTMLGbTokenFieldCompactElement: {
+        prototype: HTMLGbTokenFieldCompactElement;
+        new (): HTMLGbTokenFieldCompactElement;
+    };
+    interface HTMLGbTokenFieldCompressedElement extends Components.GbTokenFieldCompressed, HTMLStencilElement {
     }
-    var HTMLGbTokenFieldElement: {
-        prototype: HTMLGbTokenFieldElement;
-        new (): HTMLGbTokenFieldElement;
+    var HTMLGbTokenFieldCompressedElement: {
+        prototype: HTMLGbTokenFieldCompressedElement;
+        new (): HTMLGbTokenFieldCompressedElement;
     };
     interface HTMLGbTooltipElement extends Components.GbTooltip, HTMLStencilElement {
     }
@@ -1302,12 +1310,6 @@ declare global {
         prototype: HTMLGbTooltipElement;
         new (): HTMLGbTooltipElement;
     };
-    interface HTMLGbVerificationCodeFieldElement extends Components.GbVerificationCodeField, HTMLStencilElement {
-    }
-    var HTMLGbVerificationCodeFieldElement: {
-        prototype: HTMLGbVerificationCodeFieldElement;
-        new (): HTMLGbVerificationCodeFieldElement;
-    };
     interface HTMLGbVerticalTabsElementEventMap {
         "tabItemClicked": number;
     }
@@ -1385,7 +1387,7 @@ declare global {
         "gb-input-dropdown": HTMLGbInputDropdownElement;
         "gb-input-dropdown-menu-item": HTMLGbInputDropdownMenuItemElement;
         "gb-input-field": HTMLGbInputFieldElement;
-        "gb-megainput-field": HTMLGbMegainputFieldElement;
+        "gb-mega-input-field-base": HTMLGbMegaInputFieldBaseElement;
         "gb-notification-content": HTMLGbNotificationContentElement;
         "gb-notification-pane": HTMLGbNotificationPaneElement;
         "gb-pagination": HTMLGbPaginationElement;
@@ -1413,9 +1415,9 @@ declare global {
         "gb-toast-button": HTMLGbToastButtonElement;
         "gb-toggle": HTMLGbToggleElement;
         "gb-toggle-base": HTMLGbToggleBaseElement;
-        "gb-token-field": HTMLGbTokenFieldElement;
+        "gb-token-field-compact": HTMLGbTokenFieldCompactElement;
+        "gb-token-field-compressed": HTMLGbTokenFieldCompressedElement;
         "gb-tooltip": HTMLGbTooltipElement;
-        "gb-verification-code-field": HTMLGbVerificationCodeFieldElement;
         "gb-vertical-tabs": HTMLGbVerticalTabsElement;
         "gb-wysiwyg-editor-icon": HTMLGbWysiwygEditorIconElement;
         "test-input-tag": HTMLTestInputTagElement;
@@ -1688,6 +1690,8 @@ declare namespace LocalJSX {
     }
     interface GbInputDropdown {
         "color"?: AvatarColorTypes;
+        "destructive"?: boolean;
+        "errorText"?: string;
         "hintText"?: string;
         "icon"?: 'country' | 'avatar' | 'dot' | 'false';
         "iconSwap"?: string;
@@ -1746,7 +1750,7 @@ declare namespace LocalJSX {
         "type"?: InputFieldTypes;
         "value"?: any;
     }
-    interface GbMegainputField {
+    interface GbMegaInputFieldBase {
         "size"?: GeneralSizes;
         "state"?: 'placeholder' | 'disabled';
     }
@@ -1768,7 +1772,7 @@ declare namespace LocalJSX {
         "breakpoint"?: BreakPoints;
         "currentPage"?: number;
         "entries"?: number[];
-        "onPageSizeSelected"?: (event: GbPaginationCustomEvent<number | string | object>) => void;
+        "onPageItemSelected"?: (event: GbPaginationCustomEvent<{ pageSize: any; pageNumber: number }>) => void;
         "shape"?: PaginationNumberShapes;
         "totalPages"?: number;
         "type"?: PaginationTypes;
@@ -1951,7 +1955,7 @@ declare namespace LocalJSX {
         "size"?: GeneralSizes;
         "state"?: StateEnum;
     }
-    interface GbTokenField {
+    interface GbTokenFieldCompact {
         "digits"?: 4 | 6 | 8;
         "label"?: string;
         "showLabel"?: boolean;
@@ -1959,12 +1963,7 @@ declare namespace LocalJSX {
         "size"?: GeneralSizes;
         "supportingText"?: string;
     }
-    interface GbTooltip {
-        "arrow"?: ArrowPositions;
-        "showArrow"?: boolean;
-        "showSupportingText"?: boolean;
-    }
-    interface GbVerificationCodeField {
+    interface GbTokenFieldCompressed {
         "digits"?: 4 | 6 | 8;
         "hintText"?: string;
         "label"?: string;
@@ -1972,6 +1971,11 @@ declare namespace LocalJSX {
         "showLabel"?: boolean;
         "size"?: GeneralSizes;
     }
+    interface GbTooltip {
+        "arrow"?: ArrowPositions;
+        "showArrow"?: boolean;
+        "showSupportingText"?: boolean;
+    }
     interface GbVerticalTabs {
         "activeIndex"?: number;
         "eighteenthTabName"?: string;
@@ -2048,7 +2052,7 @@ declare namespace LocalJSX {
         "gb-input-dropdown": GbInputDropdown;
         "gb-input-dropdown-menu-item": GbInputDropdownMenuItem;
         "gb-input-field": GbInputField;
-        "gb-megainput-field": GbMegainputField;
+        "gb-mega-input-field-base": GbMegaInputFieldBase;
         "gb-notification-content": GbNotificationContent;
         "gb-notification-pane": GbNotificationPane;
         "gb-pagination": GbPagination;
@@ -2076,9 +2080,9 @@ declare namespace LocalJSX {
         "gb-toast-button": GbToastButton;
         "gb-toggle": GbToggle;
         "gb-toggle-base": GbToggleBase;
-        "gb-token-field": GbTokenField;
+        "gb-token-field-compact": GbTokenFieldCompact;
+        "gb-token-field-compressed": GbTokenFieldCompressed;
         "gb-tooltip": GbTooltip;
-        "gb-verification-code-field": GbVerificationCodeField;
         "gb-vertical-tabs": GbVerticalTabs;
         "gb-wysiwyg-editor-icon": GbWysiwygEditorIcon;
         "test-input-tag": TestInputTag;
@@ -2124,7 +2128,7 @@ declare module "@stencil/core" {
             "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>;
-            "gb-megainput-field": LocalJSX.GbMegainputField & JSXBase.HTMLAttributes<HTMLGbMegainputFieldElement>;
+            "gb-mega-input-field-base": LocalJSX.GbMegaInputFieldBase & JSXBase.HTMLAttributes<HTMLGbMegaInputFieldBaseElement>;
             "gb-notification-content": LocalJSX.GbNotificationContent & JSXBase.HTMLAttributes<HTMLGbNotificationContentElement>;
             "gb-notification-pane": LocalJSX.GbNotificationPane & JSXBase.HTMLAttributes<HTMLGbNotificationPaneElement>;
             "gb-pagination": LocalJSX.GbPagination & JSXBase.HTMLAttributes<HTMLGbPaginationElement>;
@@ -2152,9 +2156,9 @@ declare module "@stencil/core" {
             "gb-toast-button": LocalJSX.GbToastButton & JSXBase.HTMLAttributes<HTMLGbToastButtonElement>;
             "gb-toggle": LocalJSX.GbToggle & JSXBase.HTMLAttributes<HTMLGbToggleElement>;
             "gb-toggle-base": LocalJSX.GbToggleBase & JSXBase.HTMLAttributes<HTMLGbToggleBaseElement>;
-            "gb-token-field": LocalJSX.GbTokenField & JSXBase.HTMLAttributes<HTMLGbTokenFieldElement>;
+            "gb-token-field-compact": LocalJSX.GbTokenFieldCompact & JSXBase.HTMLAttributes<HTMLGbTokenFieldCompactElement>;
+            "gb-token-field-compressed": LocalJSX.GbTokenFieldCompressed & JSXBase.HTMLAttributes<HTMLGbTokenFieldCompressedElement>;
             "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>;
             "test-input-tag": LocalJSX.TestInputTag & JSXBase.HTMLAttributes<HTMLTestInputTagElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -13,9 +13,9 @@
       "import": "./dist/globuscomponents/globuscomponents.esm.js",
       "require": "./dist/globuscomponents/globuscomponents.cjs.js" 
     },
-    "./global/global.css": "dist/collection/global/global.css",
-    "./global/spacing.css": "dist/collection/global/spacing.css",
-    "./global/typography.css": "dist/collection/global/typography.css",
+    "./global/global.css": "./dist/collection/global/global.css",
+    "./global/spacing.css": "./dist/collection/global/spacing.css",
+    "./global/typography.css": "./dist/collection/global/typography.css",
     "./my-component": {
       "import": "./dist/components/my-component.js",
       "types": "./dist/components/my-component.d.ts"