globuswebcomponents 1.1.1 → 1.1.2

package/dist/types/components.d.ts

@@ -322,7 +322,7 @@ export namespace Components {
         "type": InputFieldTypes;
         "value": any;
     }
-    interface GbMegainputField {
+    interface GbMegaInputFieldBase {
         "size": GeneralSizes;
         "state": 'placeholder' | 'disabled';
     }
@@ -518,7 +518,7 @@ export namespace Components {
         "size": GeneralSizes;
         "state": StateEnum;
     }
-    interface GbTokenField {
+    interface GbTokenFieldCompact {
         "digits": 4 | 6 | 8;
         "label": string;
         "showLabel": boolean;
@@ -526,12 +526,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 +534,11 @@ export namespace Components {
         "showLabel": boolean;
         "size": GeneralSizes;
     }
+    interface GbTooltip {
+        "arrow": ArrowPositions;
+        "showArrow": boolean;
+        "showSupportingText": boolean;
+    }
     interface GbVerticalTabs {
         "activeIndex": number;
         "eighteenthTabName": string;
@@ -1031,11 +1031,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 +1050,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 +1290,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 +1308,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 +1385,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 +1413,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;
@@ -1746,7 +1746,7 @@ declare namespace LocalJSX {
         "type"?: InputFieldTypes;
         "value"?: any;
     }
-    interface GbMegainputField {
+    interface GbMegaInputFieldBase {
         "size"?: GeneralSizes;
         "state"?: 'placeholder' | 'disabled';
     }
@@ -1768,7 +1768,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 +1951,7 @@ declare namespace LocalJSX {
         "size"?: GeneralSizes;
         "state"?: StateEnum;
     }
-    interface GbTokenField {
+    interface GbTokenFieldCompact {
         "digits"?: 4 | 6 | 8;
         "label"?: string;
         "showLabel"?: boolean;
@@ -1959,12 +1959,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 +1967,11 @@ declare namespace LocalJSX {
         "showLabel"?: boolean;
         "size"?: GeneralSizes;
     }
+    interface GbTooltip {
+        "arrow"?: ArrowPositions;
+        "showArrow"?: boolean;
+        "showSupportingText"?: boolean;
+    }
     interface GbVerticalTabs {
         "activeIndex"?: number;
         "eighteenthTabName"?: string;
@@ -2048,7 +2048,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 +2076,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 +2124,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 +2152,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.2",
   "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"