globuswebcomponents 1.1.7 → 1.1.8

package/dist/collection/components/gb-step-base/gb-step-base.js

@@ -0,0 +1,197 @@
+import { h, Fragment } from "@stencil/core";
+export class GbStepBase {
+    constructor() {
+        this.status = undefined;
+        this.size = undefined;
+        this.type = undefined;
+        this.state = undefined;
+        this.connector = false;
+        this.showSupportingText = false;
+        this.label = '';
+        this.supportingText = '';
+    }
+    render() {
+        return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: 'f5e932b6ce89afc700b5dc5e9e5ad0e244b49403', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'bac53dba4a1ed184191ebd48e932d8deb3be1fa5', class: `text_line_div_content` }, h("p", { key: '90573b677dba975a2f57fd53ccb2d42ef023d4a0', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, "Your details"), h("p", { key: 'c26c3bee7ac36870671d7637846d28ef4c612ee2', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, "Please provide your name and email")))), this.type === 'icon_only' && (h("div", { key: 'a079c5d33e05a9819dd5e0cc3e857b3cfe9f9e36', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '28f3cbdab0b18fcb6c3b47494437eb796800b36d', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '213f5d18a010aa7af9d3f35fafd2b2449493e2df', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'c7c176e8bce88a06b7e4f89f77660238aa524bfd', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'd68e7799ed9b71adf8e854e184450873a72606ab', class: `icon_left_div ${this.size}` }, h("div", { key: 'fbbc8698f77888223e39ae42b1262c32d9475a9b', class: "connector_wrap" }, h("div", { key: 'ee4b4432d6ab8832f64313c5ae74ad603d5f3c32', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'bb790377c68c2f3184aed493f60c17f541b36655', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '9ae6e56d1fc6429d163ca74687b145c6b7813e0d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '12e6a81e670e6b317d73ffd8216a6da4e934d43b', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'f3c8f618e089ce6b5334456fe7722d9210013f36', class: "connector_div" }, h("div", { key: '254d13d5dcf998c6f6dafa63b02f413b2367b70e', class: `connector ${this.state} ${this.status}` })))), h("div", { key: '9e4129c5bd0a3e567adc578702c440e13cac0785', class: "icon_left_text" }, h("p", { key: 'c3a3b156da09fde4d27046338ef5791aa0de3244', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, "Your details"), h("p", { key: '50c5965d0ed98b9313db3f332b7a9ac86cacb6a9', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, "Please provide your name and email"))))));
+    }
+    static get is() { return "gb-step-base"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-step-base.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-step-base.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "status",
+                "reflect": false
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepTypes",
+                    "resolved": "\"featured_icon_left\" | \"featured_icon_top\" | \"icon_left\" | \"icon_only\" | \"icon_top\" | \"text_line\"",
+                    "references": {
+                        "ProgressStepTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            },
+            "connector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "connector",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showSupportingText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-supporting-text",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "supportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-step-base.js.map

package/dist/collection/components/gb-step-base/gb-step-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,UAAU;;;;;;yBAKQ,KAAK;kCACI,KAAK;qBACnB,EAAE;8BACO,EAAE;;IAEnC,MAAM;QACJ,OAAO,CACL;YACG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,CAC5B,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE;gBACnE,4DAAK,KAAK,EAAE,uBAAuB;oBACjC,0DAAG,KAAK,EAAE,qCAAqC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,mBAAkB;oBAC5F,0DAAG,KAAK,EAAE,kCAAkC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,yCAAwC,CAC3G,CACF,CACP;YACA,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,CAC5B,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;gBAClE,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,4DAAK,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,GAAQ;gBACjG,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAC7B,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;oBACpJ,6DAAM,CAAC,EAAC,uEAAuE,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CAC/J,CACP,CACG,CACP;YACA,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,CAC5B,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,IAAI,EAAE;gBACtC,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;wBAClE,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,4DAAK,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,GAAQ;wBACjG,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAC7B,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;4BACpJ,6DACE,CAAC,EAAC,uEAAuE,EACzE,MAAM,EAAC,SAAS,kBACH,GAAG,oBACD,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CACG;oBACL,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,eAAe;wBACxB,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,GAAQ,CACxD,CACP,CACG;gBACN,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,0DAAG,KAAK,EAAE,qCAAqC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,mBAAkB;oBAC5F,0DAAG,KAAK,EAAE,kCAAkC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,yCAAwC,CAC3G,CACF,CACP,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-step-base',\r\n  styleUrl: 'gb-step-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepBase {\r\n  @Prop() status: ProgressStepStatus;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: ProgressStepTypes;\r\n  @Prop() state: ProgressStepStates;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() supportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'text_line' && (\r\n          <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n            <div class={`text_line_div_content`}>\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>Your details</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>Please provide your name and email</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_only' && (\r\n          <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n            {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n            {this.status === 'complete' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </svg>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_left' && (\r\n          <div class={`icon_left_div ${this.size}`}>\r\n            <div class=\"connector_wrap\">\r\n              <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n                {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n                {this.status === 'complete' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                    <path\r\n                      d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                      stroke=\"#075DB2\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`connector ${this.state} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_left_text\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>Your details</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>Please provide your name and email</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js

@@ -43,17 +43,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '09938e54fc1ed8dff55486ccd9493e99e9af7e38', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'bd587e931b364dcf9ceb836f140a97d1baa0ad8c', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '826e6f4833715dde898da5f9f5aab71ecb26bc5c', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'f34da4c6e3ef79fbf2b5cab4143961b02d63ad74', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '80f5cc3c381ce23291f86b1dbd1656a07e8235fd', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '7ef46f524aaf2a0794d3a1d9dd18a2451e7a2a3a', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '3a8d494f018bca857176fa534a83df2d2a0ed75d', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'd99e9dc11a16229c392d4a6e5063cf9d5e3796be', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-cell/gb-table-cell.js

@@ -4,7 +4,7 @@ export class GbTableCell {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'f1eeed2eca0e5a0f7a4fb780e92d3063e6f38e0d', class: "table_cell_div" }));
+        return (h("div", { key: 'c097aef3a144d6d897e3dcdf0b844dfacc9bec01', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag/gb-tag.js

@@ -29,7 +29,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '7f2f4fa440ad532dd774d09590c54b8f23cb5288', class: `container ${this.size}` }, h("div", { key: 'e7601657501e72f2fbd077c88bbebf1d2a0e2a2f', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '4e43abd7a18844d0789d8c7fd446306075cc0cc6', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '6826f3fe70e0200c8e831e69054f8a3595040bc4', class: "icon left-icon" }, h("img", { key: '3177a46e5943aee568274453ddb41bf08db256dc', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'e008ae8db548f962f2a04771e78763b26b4a08dc', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'd091689e84ce0349dadae6caafbd033c37a6bf70', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '8d72fa1dc915e3ce5b4805ac2d94fb46886bd11b', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'db15ce3c83e011d3b762d38e17924ce475962ce8', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '11063d2aee35364b1e0442409c8516abe609b582', class: "label" }, h("slot", { key: '77af3bd8aab09e9cd3a5230644f5fe19ed666b30' })), this.action === 'count' && (h("gb-tag-count", { key: '47af7b94605beda4d038ca8a6e990e45750b2d50', size: this.size }, h("slot", { key: 'dac6634b1cece871e1eeca3d3be657c8cd0b3651', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '7ab97b9a8708f3719afda5438926fbb2512d9e72', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'd714b81a497c4e3218eccd45573ae0b310515ea0', class: `container ${this.size}` }, h("div", { key: '5be347c053d0c075737ee6e8e0bcfcf8729fab1f', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'efe43e00d7453df4d5e6aa675981f1c74d31687c', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '538a71acde1cde7a44dc3c76f2d1979f8d4f40f0', class: "icon left-icon" }, h("img", { key: 'cef35c92279858f8f22255df781238a350f0fae1', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4b69a8adbaa2e65a1a9f69bc141a518ef754fea1', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '2d7ca841db1e48dbb691ff81cca573428a3b9d57', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'a7be210ec3479ab7dd2fa6184913dce899b1e223', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '7e7c00528a581bdcb1da342f1da89a4c83be2fb2', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'aeae414aca9f1341a03829b7adb23949fca21be2', class: "label" }, h("slot", { key: '1fcb413fe3b58213cbe442739da727016e717463' })), this.action === 'count' && (h("gb-tag-count", { key: 'd0afb475b95456c58222b819b583eab58f3be56c', size: this.size }, h("slot", { key: '8804e56261f0d8557f01c0c876017f58ec18bc0e', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '8441ec5b863b745e5be836501c0a540cec457aad', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '153e905f6c57d13bd55ef14950629317563676ac', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'e9f26d288e9758bcfe0deeb79941a91fec296c0a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '6502573b343bd2a1476f7a2c87c78f0b13678e7e', class: `custom-checkbox ${this.size}` }, h("svg", { key: '6c1cdcf7b06fda000c405a5d5d937b87ee09bd86', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'ba51363b0fdfd762580454fc5caa8dbe39fbde88', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: 'e8d69f1209bc0952a90b94ea0ea693c4e0758c92', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'd89b11e5497eda4ecff244381b9ecc3e2970f405', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'b58a4ac989e6933e522aabb5fc65ba949c5a12d9', class: `custom-checkbox ${this.size}` }, h("svg", { key: '8e8b64cbe1d65beea7c7fd43e3e90a4b7e8f2249', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd1650323e8bf83bf73c4f0b53dfdc3108a6ee490', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -4,7 +4,7 @@ export class GbTagClose {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '54a377dbd76746151062ff2c3bd5a3c8837c6f29', class: this.size }, h("svg", { key: '51138d1466061195ae92dcc1744c79c36773f88d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'a4c35baf5074fc7a10e7d1e2cf41340c850a1ecd', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'df3b02818a6f1ddef00b418a606c9975656ee636', class: this.size }, h("svg", { key: '9e5414f228271e0078fc34ecd254b8f6f72e8b6b', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '49232028a9f81e3245238165ba6bb2b7175dfc85', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '5e99af65cee4c986adb8459b310f2721867211f9', class: this.size }, h("slot", { key: '23fe6b22b32769057cac057a5ff50b83fb17e783', name: "count" })));
+        return (h("div", { key: 'ce53ea9a1807928f364d62475f235cbed6894e42', class: this.size }, h("slot", { key: 'd8da7cf7543334f8cb8e83900b0e65360fcbbff3', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -187,14 +187,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '56ae9db48f7e08b790403fee7d0b4cef718c907f', class: "textarea_container" }, h("div", { key: 'cab6befbbf192fd1133ddf970488c244610ca671', class: "input_with_label" }, this.showLabel && h("p", { key: '2dbf3b5a2495d2a3291c56cc2c2e0f5a91c31981', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '4fe65548f835d3bb6df444b042613584149cd7ad', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'b4812b1b312dd98b5c5ff3fa25568ed2dc4bd657', class: "textarea_tags" }, h("div", { key: 'dc3f1ecb32fc0c929dc99961f9fb20732868a973', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '9d014d00b257271788e07603b0fc5fbf1b2cc03c', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '960de8e1903e3c108721126dc6386312adcc3c41', class: "textarea_container" }, h("div", { key: '51bc48578f6d7ecb6dde6edd49e3da151d0b7958', class: "input_with_label" }, this.showLabel && h("p", { key: 'db6204cc3170a15338ae749a92b10c1109853d62', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'bb59a45b7530b63bc36d94a7eb1d27d0ef648bdd', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'b002327a7fedd69fe9df52b616ea8beed90c1eee', class: "textarea_tags" }, h("div", { key: 'c3d4903d8c17a9d12af599bac8d383a7fc944e2d', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'bb1548e08c7a28459d02149dda6cbfa3b57dd867', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '7bc20ccd82bd0ecd2430dd6235941849b03a640c', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '00357062e83b1fbda307cad8a292c3463487aed0', class: "input_field" }, h("input", { key: '3b2846c2a6589abe4b7e5c9542abb5988b1088c1', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '94fd82457747c18f0c600053073e5193c7029ae7', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'c5f6812378496a6456cb989e644a7a0602010aa9', class: "input_field" }, h("input", { key: 'a915d6a0371d0445042312094581b18ec31acd76', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'e2cd75836430e37550c30695b3d94a82cd27ee00', class: "help_icon" }, h("svg", { key: 'ebfbed26ea04dac398432fc547d7751a04013883', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c17eb952ab2a66ed89f27fdf53f0faf2b635b809', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '1a4001a9e6285b698815b4df98e2b9b5d1333f27', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'a34d28ea6ab41ff90dd7bf16143f74a940826330', class: "help_icon" }, h("svg", { key: '27d5c6ab859632406317c7bde3869cd1894eb615', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '20eb9904df4382bf6d546ac4fe8dcf59b988050f', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'b3b6185abd6185b1cb1b075b9b149f975a1c0bf2', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'ee94f5d17a3c362f7b1ab5267219be042bcf6483', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '3306ac8a73701c4f7f614a38c6f19edc766b75ce', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toast/gb-toast.js

@@ -56,7 +56,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: 'fa73aef04332e1505f1767070d134c19f8d7eaf1', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ab2155a937b1c1df2cfea0cbf417c2ee3db9a490', class: `icon_container` }, h("svg", { key: '26dbd53f1cd9a2bf050f126f351787bd1a3842c5', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '592c9b4980702b8ad0f05e5645b9ba319469e937', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '83fe17a8b338b1760ab7afb0bcf6b82d25c51ee1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'c5d8242ea7e3eac3ad817f6dcd01e464cba30be5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'd9baf0a098f6fb34ca5bd6267ffed947cb1fc544', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '2bebd8a839b43d2dd5c5118efbae2a2f382612af', class: `text ${this.size}` }, h("slot", { key: '33919f2f4a901571796e622aa8ac1857908bc8f0', name: "main_text" }), this.showSupportingText && h("slot", { key: 'ad06648d997e01a4c3e6685ff144f785ad37ec48', name: "supporting_text" })), this.actions && (h("div", { key: '6cff06dd035d362865c18a3532d0f6ec6dea1d83', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '2f0ac7c9343cb6c3d3f860958440f1e30c6bb502', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '6c837b99140fda4b4c44e51047e7a4b52cda4c48', class: `container ${this.breakpoint}` }, h("div", { key: '85e9048d8eff5dcaedc69e5811ce3fba7ccda050', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '89eabcb3b8b15d91196bdd668a7614178a7b7a28', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'bd68f0765d3625c1cbc1f75f78250420cca2c023', class: `icon_container` }, h("svg", { key: '948123fbbacadc4880e683cd0bfbb4218b28be02', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '107dd4ff97e03fa5bb71cf373c988adf2417ba9c', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'a9c06ce24bf07bc6c382b75e5569ba8fe4daaf93', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '5142c2c87944ea37be5c2f0c56939cae338965b2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '8ce78e0938e1bcc8388db81211f6840228a04a42', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '7e4d9d746b0ac5d4188fb4f305b6e6ee974b6039', name: "main_text" }), this.showSupportingText && h("slot", { key: '1eb45e78608a91b15545dcc90b65a4034e0b9837', name: "supporting_text" }))), this.actions && (h("div", { key: 'd72f6ea89e37afe0b3b37d6795929c29d792deb6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'ca2a69c558b5fa121cca089f9bab445926f322c8', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'bb5d5f768ce816ec52b51c0bd822f7a798fea119', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ba76b553f96b70d48851bc606a9bfe446e870595', class: `icon_container` }, h("svg", { key: 'ce07b96930e2f42a65086cc45617c285e0400dde', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '594e7e20fedb6465a6e93cec1408ed9de4ca90c9', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'dd81a583cb2f42f7cc1b972da12a9839bfea7581', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'a51fa10d3b3d5e48b825a17c9340e786f03f9394', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '718d305702461b7d11adc1fcc1c03e1c23b53294', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'c3cc6df355d41757951ecde2ff5d5084565982f1', class: `text ${this.size}` }, h("slot", { key: '4c70fc273919440cf7392b232f0d2595fa20eaab', name: "main_text" }), this.showSupportingText && h("slot", { key: '088f3ad296560bef6f222c06195aed0f243c6fe8', name: "supporting_text" })), this.actions && (h("div", { key: '87375c8b8652fa2eea20c1ba376f6c77fa54d2cd', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '5a31685f13f797469b8900313a0c425817ddb338', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '32438c35e733e24dac20fa149566ac09a812063e', class: `container ${this.breakpoint}` }, h("div", { key: 'fc91eb6ad34253dac798e60f7223b7d07559d051', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'e18c539b9fc1aecf0b7b19a5302201384fbc31de', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'f8707c196f9c0e3a05d074a1089a3b81ab8aed35', class: `icon_container` }, h("svg", { key: '7feb56f9f03c66803fb6432b5dab9abb37438c47', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '9aa58524853e8f6327a03cd6f8309fb6a7c5960b', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '6c0b442e003a6794829538e959343c5c775b45e4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '8a09036e084948da773a3a7d58d0475895f6558c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'aaaed50837e7bdd0dd06d58952463f4d262d9d6e', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '99e95552cf428aa033a8ed1423125666e3c37247', name: "main_text" }), this.showSupportingText && h("slot", { key: '96453eeaee67b4173feb46ad046f20e1aa728a4b', name: "supporting_text" }))), this.actions && (h("div", { key: 'bf27cffcbd7e62057ff49e1f8a47b5c2dff0102c', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '4cbede83371fa2ab86b0b38d821606e5a4f8852b', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toast-button/gb-toast-button.js

@@ -9,7 +9,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'e20224cc02568fd43c5e64bc50c78251707b2956', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'e93c79a455f1c614db305afc5b4cc40d554bc957' })));
+        return (h("div", { key: '48e512de670008d7f4154caca677f9461f61cdfc', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'fd3cc81c76cb4f75eabdccafe25714a613829a16' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle/gb-toggle.js

@@ -36,7 +36,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '7485849a6933f17b6f390dc43af6ce446167b0ff', class: `toggle_div ${this.size}` }, h("div", { key: '095c175d2e6a08fd1cb06049e987f4e3cc368087', class: "toggle_base" }, h("gb-toggle-base", { key: '0c635b465fc74d5f9a6beb5801d4c9bd2ba49445', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '5b983d7a6526d42669e88d7d362408235898729d', class: "text" }, h("slot", { key: 'b44d98f64b00e82c73f77c1cd9f1bfb69b014776', name: "main_text" }), this.supportingText && (h("slot", { key: '454336e990f730b953be7935960e5427b8aeb2bb', name: "supporting_text" }))))));
+        return (h("div", { key: 'ec6b452cdd7166b7c0feb9f5e613b20074a52832', class: `toggle_div ${this.size}` }, h("div", { key: 'e1f0cfb6707350c613b1dee69b9ef702d178649b', class: "toggle_base" }, h("gb-toggle-base", { key: 'c083170aba1f8d38aad69f9782c13b83049dfc01', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '51d8928a7621d9b278be91cd57f175f2f9b6e5ff', class: "text" }, h("slot", { key: '4704537b812fe8256fd15266518d313e6f2d5d97', name: "main_text" }), this.supportingText && (h("slot", { key: '2f4351eba44bccddfd3c441e2ced2c1e4262eb10', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle-base/gb-toggle-base.js

@@ -13,8 +13,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '0b1f5b29547f8831746d6b304b3234c60c8d8560', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '68834e058279c10b4cd9ef246a463b48e2889498', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: 'e46dfbfb06e9d02595ce0d98cc2e726e45334ef4', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'bcfa49621a430fb7128f65afd890481678779ab1', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js

@@ -9,7 +9,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '46d7e6d2e5156642925200bc61af5d6ae2c9f053', class: this.size }, h("div", { key: 'ec91cd0fa91fab4a55368fb92d5802dc9738ea7d', class: "input-with-label" }, this.showLabel && (h("label", { key: 'afeff7a03353d6519a2f09c565f6ce7c0735520c' }, this.label)), this.digits === 4 && (h("div", { key: 'a0d1dc3b6853ad5f015af070501452ae7b6ff29a', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '0c09b1f7d42d179f3e6ed699d6498ee81b144513', size: this.size }), h("gb-mega-input-field-base", { key: '7a7987ba1de3e2db3d61a2dd676c8ad5f6290800', size: this.size }), h("gb-mega-input-field-base", { key: '643682bad58a5a93f8a5e39d5b86e38d3c2da553', size: this.size }), h("gb-mega-input-field-base", { key: 'f18c8ec1958495adaf297ea0797e1eaf6187ce51', size: this.size }))), this.digits === 6 && (h("div", { key: 'fb5e15f4254fe49129a0fa077e5708dd070307f6', class: "input-wrapper" }, h("div", { key: 'a56af86f2f990e4dfc995b8024cffd723be65d25', class: "first=section" }, h("gb-mega-input-field-base", { key: '8a6e3b7cb42c947fcf4d9489c6a68df6e01eec35', size: this.size }), h("gb-mega-input-field-base", { key: 'c5312c034022ae2393e1f8adf977e3bddf22c4b0', size: this.size }), h("gb-mega-input-field-base", { key: 'ca869c8058384fcf001732b7bc8d99b091840cf9', size: this.size })), h("div", { key: '6db106104bb6f4ba58a63233e6d86659b6b2d508', class: "second=section" }, h("gb-mega-input-field-base", { key: '9034ca916f9a619b7524f2564019657f8b2e5f89', size: this.size }), h("gb-mega-input-field-base", { key: '5bec4ba0e7a0683d925ff1fa6ca7d5d9dc5ad586', size: this.size }), h("gb-mega-input-field-base", { key: '9bf888ff1295da92f5333f6a176bc9d5bb78dd08', size: this.size })))), this.digits === 8 && (h("div", { key: '939c89cf0dfe0b60268383e0dfd933c0c41fdae3', class: "input-wrapper" }, h("div", { key: 'fbccf3c59937234d11868e651eacc5551ab72cd3', class: "first=section" }, h("gb-mega-input-field-base", { key: 'ed218823a7ef59f049b0f5cf38f3d991fa9a0043', size: this.size }), h("gb-mega-input-field-base", { key: '811998de5575073fb3ab63cc5f3197aa4caf145c', size: this.size }), h("gb-mega-input-field-base", { key: 'b6e5dd8c88368e47fd96be3994b102a12bb6169d', size: this.size }), h("gb-mega-input-field-base", { key: 'bd876dc113897da4b4ddf1f24ef35075cea415b8', size: this.size })), h("div", { key: '6e5208b98bc98d275c89a204b64388a02f243db2', class: "second=section" }, h("gb-mega-input-field-base", { key: '352da9b9529624f9468f43ee2ff11caec4a4f899', size: this.size }), h("gb-mega-input-field-base", { key: '6336c7d5177aa9e0a7695bcff0be5bc6a749bfb5', size: this.size }), h("gb-mega-input-field-base", { key: '2a08ef8920b4bdd431bd5f77cb6f1ae747e936b9', size: this.size }), h("gb-mega-input-field-base", { key: '7ead1ab343a8efd6c252207e2297bac3e3f9b166', size: this.size }))))), h("p", { key: '8a6ccf2dc8edf2578372281f5b66cc1c787c33fe' }, this.supportingText)));
+        return (h("div", { key: '079ef91225377e2ff0c63c2bd2c4e45b8ffa7be4', class: this.size }, h("div", { key: '3641c8a65eae9fc6deb1ff8c1df5bfe97599971b', class: "input-with-label" }, this.showLabel && (h("label", { key: '48d1ebe1f6f5bbf6f11a6a21f126b75902f1d424' }, this.label)), this.digits === 4 && (h("div", { key: '70e5e9f2ae3c43f31eadd676e1fd9b145a862efe', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '6a373441875ecc54282a53722d77a390579d9f22', size: this.size }), h("gb-mega-input-field-base", { key: 'b38ec51af8aa9771856e0a5cf1cbd7ec7d8c333e', size: this.size }), h("gb-mega-input-field-base", { key: '4860dc4cb5cb5415a073ca51f20487f30810bfe0', size: this.size }), h("gb-mega-input-field-base", { key: '91d13c7425ff2169ac97d8fb113838169a8dd989', size: this.size }))), this.digits === 6 && (h("div", { key: '21646b9c95f9ed0ed3fceb01fe3f97faa9066528', class: "input-wrapper" }, h("div", { key: 'b31d1203e926a948e6fdb7ebdfb57c8404fb124f', class: "first=section" }, h("gb-mega-input-field-base", { key: '8d29fd09cd41a4feb4e92f420d9548698f4564e9', size: this.size }), h("gb-mega-input-field-base", { key: '328b3d0202856e9356b1608037f2fc4500e25541', size: this.size }), h("gb-mega-input-field-base", { key: 'a99c12072174e29f65848c28feae613129264d30', size: this.size })), h("div", { key: '283009a746d61935c7ee1f15eb04feaa846e6e98', class: "second=section" }, h("gb-mega-input-field-base", { key: '370f2682dcd2043d99a46c6ea78d20b0b9d70a5c', size: this.size }), h("gb-mega-input-field-base", { key: '3059b0548366fb02496eefde886c6672a6db7f6d', size: this.size }), h("gb-mega-input-field-base", { key: 'de404483c0b493cd5cf494286c99bea2a7b0763c', size: this.size })))), this.digits === 8 && (h("div", { key: '11c1ce743beb00cb3e6e3069b3b5d4e96d7d5968', class: "input-wrapper" }, h("div", { key: 'fd6375b38c7a35cd8c975a52fada9025d84fc193', class: "first=section" }, h("gb-mega-input-field-base", { key: '031712b849262d11ee7c7891a75a2eba2679c395', size: this.size }), h("gb-mega-input-field-base", { key: '25827d9bc3d6ab1b0f61b791dcc30dc936e22715', size: this.size }), h("gb-mega-input-field-base", { key: 'e0cc2c3b3c7f579d77d4fc662f8315227824f120', size: this.size }), h("gb-mega-input-field-base", { key: '551a877192731849976aeb7725ae8a7fc946af57', size: this.size })), h("div", { key: '9ca4d694022fa58c02c6a86ad995af18a7f82375', class: "second=section" }, h("gb-mega-input-field-base", { key: '0bdbc1494a9265efc551f6c208976f82bff9bb66', size: this.size }), h("gb-mega-input-field-base", { key: '773f78d9aa636aab5be120374b852150f51af2a6', size: this.size }), h("gb-mega-input-field-base", { key: 'c00537375ac9930d47fb88115af2e4a7dcdfc404', size: this.size }), h("gb-mega-input-field-base", { key: '9e6e5a6a2dc5bd2125166932344d80a63f85a376', size: this.size }))))), h("p", { key: 'adaf48df133e50936e6610aae8cf2a962cfb329a' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js

@@ -9,11 +9,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '4bc73b1e28ad519f803ac9cde0ad1c8eef6f281a', class: {
+        return (h("div", { key: 'e0bc9e2999afa2091608b88e32a1cb824b13d5df', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'e95e49b7941be77ef2f55e15ac268ca18d1fb047', class: "input-with-label" }, this.showLabel && (h("label", { key: '388da9241c0a7d03e76f0b7cd8235c761157ad9c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'e167556f31327b31e34dadf32b18ca39eae617aa', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '389d0b886f74ec3dce7eb7e0f8b4b702c2127ece', size: this.size }), h("gb-mega-input-field-base", { key: 'db5f293999bbc027589b1d5202aaaf01e5af269f', size: this.size }), h("gb-mega-input-field-base", { key: 'ea74d3ad367ae3c07bd34cab516d7ced4205fc26', size: this.size }), h("gb-mega-input-field-base", { key: '90d854e990c2a617417b12eca7d721b4a3e6d9d9', size: this.size }))), this.digits === 6 && (h("div", { key: '6c51fc6b84e5b809c55ac2c41968ba7b7b096595', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'dde68a12a298f395a0545255a6a756e53ecafc9c', size: this.size }), h("gb-mega-input-field-base", { key: '07111cd01733a8afda10aa5a577261446195ce2f', size: this.size }), h("gb-mega-input-field-base", { key: '4e1c86d892f5f09c91dbb0df70fe4a9ad1707b38', size: this.size }), h("p", { key: '888288d58a7838a8608fe2ead2ee12294cc2f1b2', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'f530065d77a6c0373c1860517c05a4ed05f1f76a', size: this.size }), h("gb-mega-input-field-base", { key: '0da4c9df3acb7dd99892674fd05172ad13882d9e', size: this.size }), h("gb-mega-input-field-base", { key: '2c9457d951cedb36731a856f82d240714175e596', size: this.size }))), this.digits === 8 && (h("div", { key: '89a262e84c7456da109766ffd9c765ea2fb59668', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '57993111be3658b1fda6d5036e7b452f80da772a', size: this.size }), h("gb-mega-input-field-base", { key: '89d371bb410f86088d3c8ed1e345b71a5d366d60', size: this.size }), h("gb-mega-input-field-base", { key: '6ac0613c7145a58e7c385884d4bdc774b5fa29b3', size: this.size }), h("gb-mega-input-field-base", { key: '0e1bbaca0c7b5ff246c2108fcba844852ddb1b04', size: this.size }), h("p", { key: 'f75db44974308b72826b53fdbec179918f49b0e9', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '9efc4c1141dfbee252245bf7ffdcdb0bde30c0c4', size: this.size }), h("gb-mega-input-field-base", { key: '2803e5f6b82ffd3564f3978dc35eed79549dd8c4', size: this.size }), h("gb-mega-input-field-base", { key: '8b2f1f6cce96c5b54e47b203f2a1d1cab81bf85e', size: this.size }), h("gb-mega-input-field-base", { key: 'e1082c8f2cc441d2e94076569a4c6f5e8a5c0466', size: this.size })))), this.showHintText && (h("div", { key: 'ba8dfea15b0c392b3b8e6d73edbbb252d38ab6f6', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '91faf538add05a56bd622b37617f2c92849f853f', class: "input-with-label" }, this.showLabel && (h("label", { key: '569bb67612a116ce42e52fb7b9001e084afd6871', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '6b313e66137ae188a797295974d06d1976a9ea77', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '9e52f6f7c0f499719d629a1c0ab6bd2518875f41', size: this.size }), h("gb-mega-input-field-base", { key: '282ee070ea52013d14a0cc30126e9d0b5f9dd4a0', size: this.size }), h("gb-mega-input-field-base", { key: 'b0e24b23c73d06095ea7c8106a7221ac1860b0c0', size: this.size }), h("gb-mega-input-field-base", { key: 'cd432374f084eea49fb69528f4ace04511a40a08', size: this.size }))), this.digits === 6 && (h("div", { key: '15d18a2fe5ebeeba0a09bf23a49c808b54e7173e', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '8f6f2f8e1ffff6678a3c8b45e2efacea2d861391', size: this.size }), h("gb-mega-input-field-base", { key: '5fb2ac67f26854a2e895745b57c4af8439d88693', size: this.size }), h("gb-mega-input-field-base", { key: 'dca7f56820f328a317c953cd3179fd058b2efdac', size: this.size }), h("p", { key: 'de61702aecfa259d3fbb7a0c7d3337156c7d4a4a', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'b0d2e3c58d0263c351ae6f3133065f4f3792a21b', size: this.size }), h("gb-mega-input-field-base", { key: '98fc1e6a5377a479525d5a4307159541e38707e3', size: this.size }), h("gb-mega-input-field-base", { key: 'ad72805aec68b9db346e6024b1219ccb90ab0569', size: this.size }))), this.digits === 8 && (h("div", { key: '059f83f937a1c780db66111cf3dab094dc7bd0dc', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'a8e797cb8bc8bed9d138ebb36945758f3d510a8b', size: this.size }), h("gb-mega-input-field-base", { key: 'b7cbf90500c4b4c6af3913555351181a5023bb87', size: this.size }), h("gb-mega-input-field-base", { key: 'ae2b00b533a98cb374dc881710793658696fb619', size: this.size }), h("gb-mega-input-field-base", { key: 'ba58f53b81494ba00d97060dc9783e1b10f145a6', size: this.size }), h("p", { key: '40cbe54ac9152b1510f5853a58d63842ea5d0a26', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'cda8b4381d383d0a80b4fc82c23df1d0b257db11', size: this.size }), h("gb-mega-input-field-base", { key: '03e026246a3bdb3a28ed84526230cae71959b653', size: this.size }), h("gb-mega-input-field-base", { key: '27af606b0d73c3f48091706cbb3108ec3d8cd926', size: this.size }), h("gb-mega-input-field-base", { key: '41905a99823b232792844b13c7494424eed2ebd6', size: this.size })))), this.showHintText && (h("div", { key: '3f981994a4f18a15cc27541990e5aaa16baf3ad2', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tooltip/gb-tooltip.js

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'b7c388bcd13e6b07cf73654d37eabeaf1f427b70', class: "tooltip_container" }, h("div", { key: '74e65ed6feea518d760c2bf3fc8c43e7c6cb4f6f', class: "tooltip" }, this.showArrow && h("div", { key: 'e8045aa39489eeb7a420aca06db92ba0a20f415e', class: this.getArrowClass() }), h("div", { key: '1b7f7f20948e5314dad961443bfa623ad7959361', class: "tooltip_content" }, h("slot", { key: '4eec312ccf9ee420ee09fb00da23a513c05d345c', name: "label" }), this.showSupportingText && h("slot", { key: 'd5a48676b2c38ffb93c045b050512be685f02dc4', name: "supporting_text" })))));
+        return (h("div", { key: 'cdc30e1f48f3ad7b8b872c4e50351e9ec0a17592', class: "tooltip_container" }, h("div", { key: 'a19d23bd9f05dd98858c946dcc0325a2a445671b', class: "tooltip" }, this.showArrow && h("div", { key: 'c6751098f1c974455cc3a21be81e826bc78e0e3d', class: this.getArrowClass() }), h("div", { key: 'a13bf8640bfa3b3cd7d604a3eb91a04ee086a8d8', class: "tooltip_content" }, h("slot", { key: 'fe9c9fd0552c0781c5505d8a407bb368b9a58f07', name: "label" }), this.showSupportingText && h("slot", { key: '4fc499b3b759222c674c18bf1227fcc99c184bc6', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -30,7 +30,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: 'bd7f5b71c7e6ac77731844f87f2d39de6e988126', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'e64e936cfe354f90a275587848302fa7f89e8f8a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: '1011b6375ed2d971485f7199c70d8f233732b461', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: 'b9dcc0e9742abd05832835aeced5c3f4605328ac', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '28bb84f6ed6b5cc3aae3d69c90d650bc299d81c3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: '3cf9133ce52754e7fdf24b9d7375a6ebde01b525', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: 'df850417dbb11e3af49387d9951976ee9aac81c9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: '8050c264de45e79858f5e7f29c7b2679f1000016', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: 'a27e44fbbbd4f8d941c938de7dc0646575ce1a13', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: '7a39d74be2e8f2993d36f8fb271ffe5a68b6c22c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: 'dd70baaf7532eea4c6784f808d819c19c2185f06', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'd32a29848abea7f4f327926d76bb5e934b281918', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: '894c14d05e7facdff228745d5882e7ace5cff2a9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'fbae869e59bccf9e242499d0244b4469a0646816', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'f00debdc6ca72e0578a34b6f4121da112cc1f25d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '977f2fc67b3357e374900c112e4c85b375091159', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'bba8b942a250c471868af0dc2636b503261cace3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '37ce93deb9a168665ae78c820e798641648c8959', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'a69b1c96924271eb0f3f0814ee503be77e105ba9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'aa857e2fe87a4d00902e1f0a95b370d356ab1a5d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: '6a2ac4a834d8fb3066454bbded9d3d71f6d30bb5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
+        return (h("div", { key: '47efbd40d4d0e387abd7ff8a9e82fcf4c1e43a7c', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'e2caebb26dad68d559b9df0deb4782ce25cc86a2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: '5716af7d7d5bf41fb3751c79356dabbb71a64f5c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '9affe22578683c1ea93be2ed6f60dce838165301', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '877095e9377afdf2af8949393c54a84dfb646869', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'd82034c8c974ca1d70484e4e532b4bc526a8a870', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: '7fab52f33396b8c0f9551d7d76e997ff1b782875', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: '21bbd5e5da91c937e7728b275fdf095a440b9226', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: '5b465ba708639c0619d5dc43e3c289c86a019392', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: 'a1d3ff5313f8d481b953682fb94112e8b832501c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: 'ad1a9d7a6d950c2c103e964f92a9c789b22921d4', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: '24b67a88a51b75df0e20ec7ff334ce79381f478a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'efa261deea49268140b20c0043659919ed510a16', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'a0b0e99f162806e6d91e97f9468ef1504bbb9b69', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '0e089315cd7f1918af6360165a6e01491331e102', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '711ecd1504550904c7b46f7eae10e8e20013f18c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '469033263808a521f6f4683142ddf515abd5b3c1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'e38f3692cde6bf60cff6ec23f8d9ccca7d0a185a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'c21812cb1bcc3c15660c30087a1b5c8e57345f32', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'd3387bfc5b11f9eb7c55d56f71ab9fe604a67daa', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'f118f4e2163dfa61d0875c602e2cca9445a00c60', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }