globuswebcomponents 0.7.1 → 0.7.3

package/dist/collection/components/gb-pagination/gb-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,YAAY;;;;;2BAIO,CAAC;0BACF,EAAE;;IAE/B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;YAEzD,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC5I,uEAAe,CACL;gBAMZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAC/I,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC7I,uEAAe,CACL;gBAEZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAChJ,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,4DAAK,KAAK,EAAC,SAAS,cAEd;gBACN,4DAAK,KAAK,EAAC,cAAc,GAAO;gBAChC,4DAAK,KAAK,EAAC,SAAS;oBAClB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B,GAAa;oBACzJ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,2BAA2B,GAAa,CACtJ,CACL,CACJ;YAGA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/D;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B,GAAa;gBACzJ,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,2BAA2B,GAAa,CACzJ,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() currentPage: number = 1;\r\n  @Prop() totalPages: number = 10;\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            {/* <div class=\"page_default_numbers\">\r\n              <gb-pagination-number-base shape={this.shape}></gb-pagination-number-base>\r\n            </div> */}\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"entries\">\r\n              Entries\r\n            </div>\r\n            <div class=\"page_numbers\"></div>\r\n            <div class=\"buttons\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() currentPage: number;\r\n  @Prop() totalPages: number;\r\n  @Prop() entries: any[] = [];\r\n\r\n  componentDidLoad() {\r\n    const entries = [5, 10, 20, 50, 80];\r\n\r\n    this.entries = entries;\r\n  }\r\n\r\n  onPreviousButtonClicked() {\r\n    this.currentPage = this.currentPage - 1;\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    this.currentPage = this.currentPage + 1;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            {/* <div class=\"page_default_numbers\">\r\n              <gb-pagination-number-base shape={this.shape}></gb-pagination-number-base>\r\n            </div> */}\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`}>Entries</p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"buttons\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js

@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
         }
     }
     render() {
-        return (h("div", { key: 'a743513b6887e9c7f7691e24f22aa6867dd0bfd2', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'add03f626990dfc416d7cb5ee27cfdf89eb29323' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '55501995904b14a7b58986456e1472319e9af666', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8ceeb14d4fe3ea01d1f96b7c66594dd5951be790', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '701adbc3a154860b9c1df185b96ea30367240294' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'ef8524e3115842eab884bded8a09515492331fca' }), this.iconTrailing && (h("svg", { key: 'f7a82e5868db5be3ea988acf4f73694ea995af13', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1e6e5e848ce3a9965c1c2599a4d2229526d5bd1c', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: '26e04bac2cde32ca1fdfbf854485420b78e6c577', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '5fa681f7afe47afca3d42b5caed7635b1061bb35' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '850d84b7c24aec5162c4e71ebd73ca317e717d25', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'fee35a31d86a01fca1a65486227e35ae309221b8', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '04cd23cb0e4bd71745888d56abe28d20a64d5149' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7facef7ad87330439d3c247adc7328414d96f8e1' }), this.iconTrailing && (h("svg", { key: '78ea2e8f9df291cdfaec6741807d47b33b42a881', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '12f54dbb5d7afc74a3348cac74e2e4069c17e79c', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return h("div", { key: '31466996ee36ef5c54fce1194b67c38177115a3e', class: `dot_indicator_div 
+        return h("div", { key: 'a7a8b68be25a989fd80374f65559bfb3d4007049', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` });
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.css

@@ -2682,6 +2682,7 @@
     background-color: var(--color-background-information-subtler, #C8E0F9);
 }
 
-.page_number_base:active{
+.page_number_base:active,
+.page_number_base.active{
     background-color: var(--color-background-information-subtle, #9AC7F4);
 }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 export class GbPaginationNumberBase {
     constructor() {
         this.shape = undefined;
+        this.state = undefined;
     }
     componentDidLoad() {
         const slottedContent = this.el.querySelector('[slot="page_number"]');
@@ -10,7 +11,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '33c161662d65c8c85af9e50ecd67d63253a69365', class: `page_number_base ${this.shape}` }, h("slot", { key: '46496a045cd6432455a428fcd536dfe67e495b20', name: "page_number" })));
+        return (h("div", { key: '4401a9a0e27247c91bf197dde9201560336422b6', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'fc3290ec8e0008e85240d14a0cb8b9a828f37273', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }
@@ -48,6 +49,23 @@ export class GbPaginationNumberBase {
                 },
                 "attribute": "shape",
                 "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'active' | 'pressed'",
+                    "resolved": "\"active\" | \"default\" | \"pressed\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-pagination-number-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,OAAO,sBAAsB;;;;IAI/B,gBAAgB;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErE,IAAG,cAAc,EAAE,CAAC;YAChB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,KAAK,EAAE;YACxC,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC9B,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { PaginationNumberShapes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-pagination-number-base',\r\n    styleUrl: 'gb-pagination-number-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbPaginationNumberBase {\r\n    @Prop() shape: PaginationNumberShapes;\r\n    @Element() el: HTMLElement;\r\n\r\n    componentDidLoad() {\r\n        const slottedContent = this.el.querySelector('[slot=\"page_number\"]');\r\n\r\n        if(slottedContent) {\r\n            slottedContent.classList.add('text-sm-medium');\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`page_number_base ${this.shape}`}>\r\n                <slot name=\"page_number\"></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"file":"gb-pagination-number-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS5D,MAAM,OAAO,sBAAsB;;;;;IAK/B,gBAAgB;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErE,IAAG,cAAc,EAAE,CAAC;YAChB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,oBAAoB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;YACtD,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC9B,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { PaginationNumberShapes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-pagination-number-base',\r\n    styleUrl: 'gb-pagination-number-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbPaginationNumberBase {\r\n    @Prop() shape: PaginationNumberShapes;\r\n    @Prop() state: 'default' | 'active' | 'pressed';\r\n    @Element() el: HTMLElement;\r\n\r\n    componentDidLoad() {\r\n        const slottedContent = this.el.querySelector('[slot=\"page_number\"]');\r\n\r\n        if(slottedContent) {\r\n            slottedContent.classList.add('text-sm-medium');\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`page_number_base ${this.shape} ${this.state}`}>\r\n                <slot name=\"page_number\"></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

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

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: 'a12c0422cf4b3da4481738c240a1e471e62d2c1d' }, h("gb-btn", { key: '3a2f334a310ebf54f6b1558291f85f8e8dabee5b', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '375d4ae119f85b1e19c5e3f7c8330fc4a870a7e7' }, h("gb-btn", { key: 'b476c4560a0dcf0b9ef0371ad3ce6cae1b5f6c19', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'b4efb4dd07fe88eefea4a5ebf3bd0be241237e5f', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '937fcd2d2cf99534b1a74146e0b9a3e77b1e20a5', class: "progress_bar" }, h("div", { key: '069037f3878c7bea0736646e0939b7aca57b56d0', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'c5dd574a0fe3dee8c1a711e69d52d09499a92027', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'f25d03182c4957782ebe77dc575d777b446b3f43', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '0893598ff95a4fb194248cd7deadf7b17f2808f0', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '3e680fb7934d4a8864d44447a6161f50fcf83508', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '3c2331c625b6a16bc6fbd316fbc3fcd064e920a6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'edb1729f6bdcdb3dca1e15cc901adb1109fb47dc', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4cd62dbb1cde5567e5780e0872c50a30d655e51a', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '8b40bccc75f28dc36836b7035c5dcd3dc86504f5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'daf811c3b402f1e592bb014bf0898f3d09348ca9', class: "progress_bar" }, h("div", { key: '424316c3bbc245022bc941936d55961d386fdf39', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '11bbe5c6711be9dd5ce58f5cd2bdc4c6693e395e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '46fb0e1a61802b7cb722eb6601e2ce14ac58decc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'eab7885a5a4f452a4646360a66a6f831b047c8a6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'b05d5f2a43695e607df523d42c74ea02cd5d8fa5', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '66762ee6ed332c54448d90387096bc06ea84a612', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '835e617502ad58b6a1a0abc3c84ba40d31b4262e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '4eedd92fbab947a34c7af46077c90017c93040f6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '1f6b2909d7b4dd6fd6aafc7895404f5f18bd6aaf', class: "gauge" }, h("div", { key: '96973286df958806c6a7df74f4a750581b8debd7', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '1845f5bf089fc48130242548bdd2a34497342ac5', class: "mask" }), this.label && (h("div", { key: 'af14f4e823b4dda33c7219d6768bef9880598620', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '4ef0bccd08a5c2ff353c4e9181689af2b6209e7a', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '90872d9648b147d97397e286454fd4f595df6cd4', class: "gauge" }, h("div", { key: '20d3935b1042b59c3dab29d6dbd41ae963cbabe1', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'b31586717c49152e3e71640af4dad498b3afb5d4', class: "mask" }), this.label && (h("div", { key: '1a76ec180ede8d97f11d618bb724dc2d61c6cbb1', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a2dbbb0c0f217c9f13d4e13864acf8a7de0c4bb8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.js

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: 'dbb3b41d5c431197663c4f5459218dde44154b92', class: classes }, h("div", { key: 'c3e73ea8ce8dec119a199e6f4a2cad7fc08a0b47', class: "input-with-label" }, h("label", { key: 'e5ba1f46b0a26034d9aa9bc3d338c1333d1d51fd' }, this.label), h("div", { key: '468dd4aa50c95ab2b6c1063bcbecd79ddf9e3601', class: "input-container" }, h("div", { key: '77d380e2da333bdc2fcd5c34203c485669c46db5', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'b1aa191f1854bdeacce0fb7e3e9b1c836d1fd21f', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '8ac2277b89e52c7b9967d006129286b2e1795287', class: "error-icon" }, h("svg", { key: '62c09863a0323bbd92ce34e3b6b395d6172e720b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'b3d71ce94bd37334ac93f6b052ba12e2e80b536b', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '1746f2a746a461b1c87c74f9eec1ed2e28888098', class: "text-container" }, h("textarea", { key: '62a53e3ddd951cb81f9a42e4bcb540bad18f3135' }, this.showPlaceholder && (h("div", { key: '9676926ca9d45c498c126dbad3366d7624a94189' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f5357bfd6553e25bd2319df8863e5fe5d0191aef', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '9ef6ae138b1ad09611b6830a0ed2eda37b731969', class: classes }, h("div", { key: 'ba2121a727d43faa9c88a6b5caed93092e4354e5', class: "input-with-label" }, h("label", { key: '699cf11f017a919ff3795d80f76ec3a5634f8a2a' }, this.label), h("div", { key: 'ad72bfb1733be564331d85e831544502dc9f4990', class: "input-container" }, h("div", { key: '74770e8023b6dcfc3db4590854eba5763c58ac43', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '23dd21c5b21e74176cc69e5f3cae7a138ca240bc', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '0f347ae405c1f40faef24350f0d004b1127bf3e3', class: "error-icon" }, h("svg", { key: '2c23b8ce6191e6cb80c51e42fd6209eb46ee3bc1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '77f7f755c62568b16769df3d755a4f73fb56db58', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '7c3d97014a62dcf7ef1f9eeb5377a6df11def4e4', class: "text-container" }, h("textarea", { key: '81c2c9278b43be1951c515f893e890152c2ffa17' }, this.showPlaceholder && (h("div", { key: 'de4d94b2cb38be58e08c88c2ad5e8705fbb85458' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f198780de8157002f743c90e88313d8fe367a811', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '045a068dced212dc17608976921fcdcde337d225', class: "scrollbar-container" }, h("div", { key: 'd3807092a94c5251683c8c3ab46e5e9004705003', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '1bec29224606a420b7cd4fec205381b8f2519d4b' }))));
+        return (h("div", { key: 'd6fb28f1be0a53a185e3054d6568190903573261', class: "scrollbar-container" }, h("div", { key: 'f69025fabf65afc1de557093861a4d32c1004ab3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '60c6e4ad9ed9fb69b823771aa3c73fc1977dcf22' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js

@@ -32,7 +32,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '98d5068640587972ac7202972e57260120e20ef2', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '5d171ee24ec0e1377d13ef8ded02eed2e7482c60', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '2e1712f5ba963cb2bfb1948ee413bcfa5e8c43a6', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '6ce4387ce13a8e63e1dabb0e19f7e81f7a1fac9a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'f9f1c96858a0edc6defd9020b8bc6d3040469cdc', class: "content" }, h("div", { key: '8d94ac282658cee03b810c2318adc428faf647a6', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '2679782211d33945fac622e4dd6501b6a6c44195', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '02b1018bcd65940619a9e00ecce409d26e84a22f', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '9dd9bd27978391b509ea0fcdba3ee9119e94e575' }, "10"))), this.showArrow && (h("svg", { key: 'e85600271affb50f79323e9a45bc8489dcbbd129', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '4a32f175c3ea8890b6a9cf53335c0f8c160401b8', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '6b375bb1d75e0d42253bbef33fc705663edc31ce', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '49bd42a8630b2853696c2b5b35bb5bd9c2e43841', slot: "label" }, this.label)))));
+        return (h("div", { key: 'a474572cdc2a01bb76ea67a987b49bbec034d741', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '69c09dfbe2e734cecdac95030a7542a227e9f07c', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'be3b020f70784cdd7da5b191cd68b248c49a2f28', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e87dcf1fee3cc93f50533d818fa1c23fa073f399', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '6a2819e007565b1985591189985c014ccfd31dd4', class: "content" }, h("div", { key: 'b54164fa314b4c298b6d378a409daa190e8650d4', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'bb47bde5b9b9e6b44dfea765015f57015e38375f', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '9c15f03d3395d81fa4f630c93a81dc734a907780', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '7ac458e60dcd939f9752134613c38a76f256d538' }, "10"))), this.showArrow && (h("svg", { key: '55ad094e08eddb28fafa6ce37c62f852b53e6b28', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '8f5efc4ce2503cf87cdaf8e8c70b6aef6526f1cf', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '591eb37618893c4cc87e4c8db86a40fded5eba59', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0c57dbb3a5d445b0dd5358870511b3598fd575fe', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: '7ab4c6a486dc10b78be12e2f8e889d2e110c4397', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '5d061b947a55c61bcf52f87277fb7cdd210c62fd', class: "pattern" }, h("img", { key: '336bc2604b7fae5870f442b24b47895bca3ff49d', src: patternSrc, alt: "" }))), h("div", { key: '898e230c0aa198ead45403ea01e91fde5ab5f7d9', class: "nav" }, h("div", { key: '19acdf39b2c909e73874817dcac7ee4bb8bd6d80', class: `sidebar_header ${this.state}` }, h("div", { key: '02fabc87952eb7aaa4c00adfac1ef5d5325a5297', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '9a24fc1e7f92648f5efd28ea6e58d8b611ba73fc', src: logoSrc, alt: "" })), h("div", { key: '2b348ce90dbf8e593357750074aa79b8ba28546a', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'e8217d35b9bd8c428a19631258162259691385f2', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fa0b656c3d31903ea88884206f0c21b4f1ba4d0c', class: "navigation" }, h("div", { key: '5d807796822fc2d3727af13e562c47b48179994c', class: "item" }, h("gb-side-bar-item", { key: '2f1009a859cce10f3f22a8907dcc6fb21c679380', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: 'b8f0a9ffea5a83cd55ed97c02b240321bb0639ef', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '4834231d55ebefeefcf8be04bcbf6088ac55c00f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: 'f90dc2f89342612f2a27f944eff9741f4ea3d5d7', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'e5cf0068867678bf418b575d801c2540f71c9460', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'b8dae3ad5f729df6b0088e45118cff896f2b7b06', class: "navigation" }, h("div", { key: '853d7650418711db9208248d1f3d43a1cc08cc3b', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'aa8e90981b0c00b1f8bd8ed92e56b7d6f0f3ca9b', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'a7462f1d625be1a3367b268b6800144697e1e490', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '837f9d75a7c152fb1d01cd59a7308612a022b008', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: 'b5e67c8c8963725132310ddd098dfc1072752554', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'a2dc2e38c0e385f447218be85906ece897e7ed1f', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '9db0131d96de5b7420bc71dd29c641cb7574023c', class: "application_name" }, h("div", { key: '7ba82a5c88b91d2b7da18e2c44e0812cfc2611b7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '3ee7f67f72834b8f68aec86d21e960ebca64799e', class: "application_name_pattern" }, h("img", { key: 'b646614305ba455dd6a4b796a01f565134dbfbe7', src: patternSrc, alt: "" }))), h("div", { key: '1d517082320ef7a9f989aa82ed6293c3972366bd', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '368dc1c7dd37c795a1278e738beeaa58bdf6d216', class: textClass }, h("slot", { key: '6517e33bc5da29a3a38d8525464ede782251a949', name: "application_name" })))))));
+        return (h("div", { key: 'edcef8b9b824ed149b863e6931bc0d0321096232', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '66e41c2dd546c463450387a69ceb50aa77c53f6b', class: "pattern" }, h("img", { key: 'da07c62fbab48de610398d1d1c6cb8cc3ebc5ab6', src: patternSrc, alt: "" }))), h("div", { key: 'f39c271f87ad22356753dfb4f05dd0cc4b419dbd', class: "nav" }, h("div", { key: 'a27c0e864597681af94ecf071b4b7fc7fa46fa93', class: `sidebar_header ${this.state}` }, h("div", { key: 'de8e4c0ffd031a15c5f7d5c3c57fb7fe8d40cc72', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '0d91e332e4e0f762950132ee516f6ec8a44522a2', src: logoSrc, alt: "" })), h("div", { key: 'a972e0696c88792cf786df2a7eabd31d94917d51', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '86d92f0e844c7a882c73d9c0b87c0c89694f97a2', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '7e5fc7e60ddcc0bfd43087813acf57bcf67ac627', class: "navigation" }, h("div", { key: '4891e7668b50b5281674ac9335dc6dd8e8a6dafb', class: "item" }, h("gb-side-bar-item", { key: 'dad3dd6b9abcf37fe68670939c9e27fce8b63f33', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '09ea2fc6724b142fb6267cfb82a0f8fc2e8c8ca9', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '69db20a8e4fb479d09bf4f957f8de2402d16f87c', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '3b7af434d01a4be0a2ea3dc420ce48b97683c68f', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'b45a5d7c3b4e4fa2250f2a0ab377c19701eb7901', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '2362f7e9cd6f12ce9c5ba7769fcaed4cdc72fd0e', class: "navigation" }, h("div", { key: '961f31c8e38133bec131fac97ac274fcd5003086', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '66544669af81fee4fbb3643b495717d093924ab4', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '606f42aa352ae4265bb8858d73ed6592adbf172f', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '6513b419e02a05fb6e7e6055b64c4712bd9887f5', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: 'cfa79a90bf46fe979c3f12437835a132c30c0b6f', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'e54685fe463e044a995628cbe5fe0339432a0433', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '8972ed103d96ce7004ca58d0d738f810370e564a', class: "application_name" }, h("div", { key: '6607943ee015c3407c6f78d73af99239890a4212', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '433f2059b4f21068e805cc2be095dc88c5005c58', class: "application_name_pattern" }, h("img", { key: '3710d9bd6ef1dedfc182516d5f975e907616321b', src: patternSrc, alt: "" }))), h("div", { key: 'da60239a7a5dd49e76c386c4f9e37850f6913304', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '00b34617290649cb9894f4bc5a16c4e155048fa0', class: textClass }, h("slot", { key: '75ba58801a94d3acf8c68b3c4fb559091973a82e', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class GbSlider {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (h("div", { key: 'f20108476cb50b6543f9d3bd15dce0928d551996', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '145243f741ac7b818bcae28aca746e514c49e29e', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '1ce4978001ef69b6d8126e511ef181f117fdef51', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'a0706af5a065b49cd0bd8a4d4cf765c1c20df7ba', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'e9381bf91db97be072d1b8e702b50090e203edda', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '0c0c546facda01c5d6ef59b9e7d9b81201fb7fc2', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '946da0409ab6976e100207fefdfde39784a5a9c4', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'f73fe9baa207666a86ecddfff73f7e042789b572', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider-control-handle/slider-control-handle.js

@@ -19,7 +19,7 @@ export class SliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'a439b26610ce030e7fd43c2169def214e7026993', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '125f3159bd12db86cf42658c2203e66929124352', class: "tooltip-container" }, h("gb-tooltip", { key: '1f50697a797fefea4efb06e5e83cb4febfbba37b', arrow: 'none' }, h("p", { key: '21ac20d71f6fdb4265d064ea866485af7249669e', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'b587d44e26df613e4003cebbac6ee190c980ec3a', class: "thumb-label" }, this.value, "%"))));
+        return (h("div", { key: 'ff7e943904be680b08147cdc717396ab10a154e7', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '90f93203affda976d5638f1dcab6db2e90b94e2d', class: "tooltip-container" }, h("gb-tooltip", { key: '75a97699c5935101b4c38bf5a3236fccfc057514', arrow: 'none' }, h("p", { key: '95dbbc5cb635db17b8d86e3226f13fde9cec7ed5', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'e0f7e7ed7305885dbe9275d56be2790671438bdb', class: "thumb-label" }, this.value, "%"))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: 'eb15478002c11e0fe15c93ce2d546ed8b1c77d8d' }, this.statusIcon === 'online_indicator' && h("div", { key: '881b6d143c626df108000779122c48a499633ebe', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'c920df9bc383c492149e2ef61b34686c11e42880', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '82734f1c70812f0daa0b23afee8815c190dd85b6', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '39e45a40f0c1dfadc66b9092f3af4c8b3f8d01e2', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'c1a7ce86dcc31e127fc2343048a06409f01e4b65', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '2acad290c8a79d1a3cae0f372caaf0482e1f1fdb' }, h("clipPath", { key: '20b7608b563f417905ff1aa89ad001b82f1d4618', id: "clip0_0_21453" }, h("rect", { key: '79b056ea8c27b05c73249f8a20c582c699c44542', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '3d084aea61a410b058fd31eaf5d13545e48d4821', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '253ecbfd6d350289d366ff8947b341ffc5fa3993', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '1cd5757a793351c0788b5ec1de068ed4664aea11', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: '0701ebb15b6d0cf899164a10bd00f09d45e7ef0b' }, this.statusIcon === 'online_indicator' && h("div", { key: 'c79a5d8cb2f82f68d12db150b23c94a7f8fd5eda', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '26c46fa6b6704e1396b5605fa0e7f45c60428727', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '697494362def834482e0c1bd898a25b5be729924', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '8393aad6606b1e820d2f47781590c67bafd0d361', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '634d574e73aa236b0b333396f49c5b88bb70dd31', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '7d6274638b81b0231e93cc3dc8712d49184c300f' }, h("clipPath", { key: '0a29b6945fdf79abdf1884ed0de2c8fd58cc3d9f', id: "clip0_0_21453" }, h("rect", { key: '6f109531888a868a1b1125662ae6fc0d76b833ba', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '86bc35218c102c81eaf404a7f1f1b06615ee5f54', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '019883604da43e9bd04d3fb54320c832656e3f6b', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '9fd741ad7c261a2e05854aea9c300b85fa94d5d7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }

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

@@ -42,12 +42,12 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '7925123a8e401878b232ad6be7c39d3d73e3b58d', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'ff2ee3bfb5147bfc52c6598412f7308f973d3725', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
-      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'ac2c21817d16821c50930b28ca23cac59a56c34a', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '0b72b61077cca3c2d96a217a730f19b80be042cd', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
+      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'c7e40a3b0fac5f8cf73d8d6bcd5adb7031973818', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'bff63bb8b506c339400ab36d8631e3512d8f542f', 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: 'd243c1c8c80b2514d3f827c2bbb4028e00224083', name: "count" })))));
+                    this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: 'ca92e9b3bc8517061e7eb41bf5b52760dff75199', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: 'e40a1df95a05331ddd880a8c2b886fb9e95ddf83', class: `container ${this.size}` }, h("div", { key: '4f10068f48aa0ce551a55af94f0649ebb897d759', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '3765deeaf2b1b49028a1da8ae590f5c4f01adec5', size: this.size }), this.icon === 'country' && (h("div", { key: 'c338a1e687cc68b7aecf5dc9173cbfdd306d97dc', class: "icon left-icon" }, h("img", { key: 'c8d3966b3e010706b929a5812cf6225d80b8c5f0', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '14dda8581a26317c5ff964b29ec87349437c07be', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '0ef1a18dd012210e9a49d697f9331a0b3b28ddd4', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '1064d189355002b6539243cbde20c1cecd59f676', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'c5120a2c06d64a3b1f2927096104926b0dc4ab6f', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '118b701cb95fa4b0303c5daf55f97ab74f58fd11' }), this.action === 'count' && (h("gb-tag-count", { key: '08620f15b7851864f65aace463e3866a1c87c2e6', size: this.size }, h("slot", { key: '88cc54bbf3eb6389647add061876d9d9eecd2e4b', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '0750e1b83e6b44d7635362a11f2f568c861338b4', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '7cbcf8abf0aa0e59e335708e2c4b4700af156abb', class: `container ${this.size}` }, h("div", { key: 'c6f69fa81a295afd6c62aa2fa760c9d0ce3a9a6c', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e474bf41f184d2284a8ca1d73920ff033edd44c2', size: this.size }), this.icon === 'country' && (h("div", { key: '4f970fe952482d9c8368a040bc47247a6ca7ffb9', class: "icon left-icon" }, h("img", { key: 'd54584ded87917b2bd0335b69b43633c3fcabe59', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '69e60ffc733eb036e6fb65e7c9d84b98e54cf6b5', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '5281d4b662396ca44993e015056270750d8d2452', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '122fa23734d36e16e3fd7605bffe0590c2813d76', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'aa410ae1eca2a00f3e592fa9396e7739ab265dcb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'dcd472c1671f7e8ab70027ec608ebdfb8f60a68a' }), this.action === 'count' && (h("gb-tag-count", { key: 'ca556154ae25b51f2cfc4189c8e61bbc5ce3d43e', size: this.size }, h("slot", { key: '392b73e3024b08ac0bbccdf78dc58a84d0082e76', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'cee4efa60bfcdb2ebda3bb741332f8e9162f08bc', 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: '8d5a2a6a7c595482fe3bbd116f487cf68a0ef4a6', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'dcca9fd0bbdf36c729724bfe00028a5b0555ceb1', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '421aa5a29bbf98ac9ef4ae49b6a54146e1f5d57c', class: `custom-checkbox ${this.size}` }, h("svg", { key: '6537733032e2d60cd62a4a017559c3c1e7f3b34a', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '701aeebf01af4fa9311321d6ed843032f97debad', 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: '22431c5dc2f67b64f9a605a7b8b3309174197224', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'e14cd66afe323a35f8a3cd8d4ab9ed1be2d38724', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'cc83da4635ac4b564a68be2a742165d0b60bc750', class: `custom-checkbox ${this.size}` }, h("svg", { key: '73f89737b190047176707fde00408df77a33d0b7', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '67c4465f322c193e24b8da4641a18751e538f9d1', 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: '3d07f60ad253cd0214310ff892ee99c39ed6045f', class: this.size }, h("svg", { key: 'b835155a13872c10d620823549ca587ef2851e8d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '60d8fd2b17e4b3e22c3af1166b5ee2ef24c20111', 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: '1a4a034bcdcc952dd6af0716e6bf95c50e689cb1', class: this.size }, h("svg", { key: '57e02f763f76a2d353a9ca476ba025ea9be4ff02', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '5e30c0527ee97618a2a405f10b794395b76d90d1', 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: 'd52704af42a40af137badcab45f07d3a7045e525', class: this.size }, h("slot", { key: '330d298b1e2c51b6d2455b38dcd008f9c1e4c45e', name: "count" })));
+        return (h("div", { key: 'c1f180dd3f49421befda1c03bc746242bc9f831c', class: this.size }, h("slot", { key: 'b07436828fa9168bb04c99f7e15b9aba7d78dcad', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class GbToast {
         slottedSupportingText.classList.add(this.getSupportingColorClasses());
     }
     render() {
-        return (h("div", { key: '28a767447366188e9011b768de3b6f57fa18d16a', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '061347103c57bcaed67f96505d9504a367e1bd24', class: `icon_container` }, h("svg", { key: 'd566d453cc81cb97c27b6c2470c9989e04e4eca7', 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: '296209e1c1c247a19270d41946304acb314b3953', 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: '2d84eb9bb551f3f6ff41c81c97774a252d92ca53', "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: 'b2881dca5db53328dd0bd9587cdea59630f1d352', "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: 'e10b132d355814d39b30cc50fc65a84e209364a3', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '0debf7cfb0b46312015c9efa4c3797e128060639', class: `text ${this.size}` }, h("slot", { key: '7502b61a056851e45526ad7dc57103e6083a8f9e', name: "main_text" }), this.showSupportingText && h("slot", { key: 'd87930302138d81c777b8c59514c4a80f26dadf5', name: "supporting_text" })), this.actions && (h("div", { key: 'c3578f873a8968ae49e50a31676948d0e7cadc06', 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: 'd1b3f4e5ee7d0a5f9e52bd0488621ee4dd65a8c3', 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: '9e0f57d59f263d6892dcda6d94f050bbe6940c69', class: `container ${this.breakpoint}` }, h("div", { key: 'faf500ff2094643051df3d0294b55d21d2f2cbe6', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b050cbd0a8acd2891f3cd50af4cf8bdd09344f43', class: `inner_content ${this.breakpoint}` }, h("div", { key: '0d715f9c45491f38c5fb90ad09153985d74fb08c', class: `icon_container` }, h("svg", { key: '65d0c5f0e8a6dfbd864c0af366e9bf11b63dade5', 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: '15357ad0950aa3b1659bc05ec6de7424fc616e49', 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: '4047c6b7f3241ad355d65ae6076c138539ebf2d4', "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: '2be8c0ecc313eb633a1fdd7d78d932d45fdd7e3d', "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: 'c8e397a58cdd617e532c7668bc783bdf032b74e7', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '9e585b6c17986cec97dd0c213e890c6756866107', name: "main_text" }), this.showSupportingText && h("slot", { key: '13f1d2f43903bd2501cdbea38259da2523a11802', name: "supporting_text" }))), this.actions && (h("div", { key: 'eae333f89dabcb319095a5dac3deefabbed1d5ae', 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: 'fb35fa1bffd357bd9f2c9d9d8f423a359b84ae91', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (h("div", { key: 'e551eaef4ee3354961029a1ce0ec4273a1658415', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'f8c43ef4bcde3baa8c2d1382769754b9d19b4e5e', class: `icon_container` }, h("svg", { key: 'd2f0f5bcc56c118aef7608be925a70ebecd1e510', 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: '8eb79f5f7101f9d614dc7c3335a9b10b6d0d6f6e', 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: 'bb63c11492b94b22fbd5ea289401f4040fa03af2', "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: '997921bfdeed875ea850621220dd037a33728d77', "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: '2ff70f8b302a6b067555d29d3d9c0eb0ad22452c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'a7870fb379c9e484eedf40dcf0b7153dc618dde2', class: `text ${this.size}` }, h("slot", { key: '527bea5167d32f7adaa71f3bf48863cb713cf1ae', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e28896e0275eec68b8894f08b2f53cacec77f640', name: "supporting_text" })), this.actions && (h("div", { key: 'ed6491efedd57275bdfb2a3daa5ea25abeb9c232', 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: '3274b25c8e715463d5f0dc5ffc07c3e8fba701f0', 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: '1dcb178bd68bf9a711f1af98cfa648103697a5ff', class: `container ${this.breakpoint}` }, h("div", { key: '6447668b2cd2bed401ed9834bb0c490e4d252b5f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'c111b31954fb2496941f22f63717a5937337ff74', class: `inner_content ${this.breakpoint}` }, h("div", { key: '55efb779f62a15c9018db8cac7e950699fd81cab', class: `icon_container` }, h("svg", { key: 'e9f2c6af121f7de0ba25ffd2ea8cff2c25c1ba85', 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: '223b47d0258e20e45e937eaa9bd474b182e90fa7', 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: '9fd437b071087ca7686136a029a020245d4f97b8', "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: 'eabaed4f09120c91e5f7f956864422aa6f40d8ea', "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: '42e3870eb35c0ffff77989aaeeb3c16f43a5abd8', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6d08221edeca2ef114a8c8172d50f64447e564f4', name: "main_text" }), this.showSupportingText && h("slot", { key: '324c1897bdc7b4a557a258cde0173507a3466441', name: "supporting_text" }))), this.actions && (h("div", { key: 'eba5867bdcfff8e2d1b20a34750a7322b61e97f8', 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: '452ab16a72f3b9345a6b7b4739004cf2618e31a9', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
     }
     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: 'daf88e6bfba7509c8430358463ea00515dfcc43b', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '0279bec03c382152a9b9d9d5037cb101d436a1cb' })));
+        return (h("div", { key: '88cfb0e3abeb9b27fe8284f84e76a0141f19974e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '5febf2b37429fe22dcc6eb6b0283eff1924e2988' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '6a374928cf84e6c7def80722ca21ee5e00179946', class: `toggle_div ${this.size}` }, h("div", { key: 'a4b498c566304b93d404dd0de9efa67baef96b54', class: "toggle_base" }, h("gb-toggle-base", { key: 'c38b1be6a57c736e695f50e7a41b8f34d607761b', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: '78a2f99753a85dff4ef3689c83343e4cbcd6ba79', class: "text" }, h("slot", { key: 'b7d41a944dbc4b1602907a4f52f47bb119373f12', name: "main_text" }), this.supportingText && (h("slot", { key: '7c398b8db1fd03059e1e4f6afb030dc2917c9992', name: "supporting_text" })))));
+        return (h("div", { key: 'ae04572e4edccd1764e57340b542b1ecfcc5dfa1', class: `toggle_div ${this.size}` }, h("div", { key: '131075cd86c57bf61a504b863bd1dc4ee3e9d82f', class: "toggle_base" }, h("gb-toggle-base", { key: '0e0e538488a6bbbd05c9ca25a9ee75b40ff6b757', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: 'c1cc2e1b7c97c52a179ab8569d79f75faccf034b', class: "text" }, h("slot", { key: 'f17f56332ca3f072175a951fb50999b0d61f2e93', name: "main_text" }), this.supportingText && (h("slot", { key: '294e9efb059c12d6a153403a7ecda9ea0d5d4431', name: "supporting_text" })))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2709,7 +2709,7 @@ label::before {
 label.sm::before{
   width: 1rem;
   height: 1rem;
-  top: 0.23rem;
+  top: 0.25rem;
   left: 0.25rem;
 }
 
@@ -2756,13 +2756,13 @@ label.pressed.disabled::before {
 
 .default_checked_svg.sm,
 .disabled_checked_svg.sm{
-    top: 0.7rem;
+    top: 0.75rem;
     right: 0;
 }
 
 .default_checked_svg.md,
 .disabled_checked_svg.md{
-    top: 0.9rem;
+    top: 0.85rem;
     right: 0.1rem;
 }
 

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

@@ -13,8 +13,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '6ef4c875af05d45e23a9eb261ca6b8932a082f86', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '9d9f5bdca8a7696df6cde87123b1e32288bb1ee0', 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: 'dac6889a3cbbee4793916a8c59991b8c38f2b572', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'afbcbe9af5c66bfa0bf707b69064d6cd233e7f53', 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/gb-token-field.js

@@ -9,7 +9,7 @@ export class GbTokenField {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: 'e0e1bbd2ca7f0046fcb3f4f6b00e42c714911ea9', class: this.size }, h("div", { key: '9ccb12c1c5430efbe5a33a730be0519e80cf7ca2', class: "input-with-label" }, this.showLabel && (h("label", { key: '792f764c070d4c0dfcb31ac78b0cbae586dcace3' }, this.label)), this.digits === 4 && (h("div", { key: '88a341598b98d6f8742eb2fdc9fef8bb21c03f6b', class: "input-wrapper" }, h("gb-megainput-field", { key: '3e67f8cf3d2c2d9c22c7484ac65c074e881f4a5b', size: this.size }), h("gb-megainput-field", { key: 'f26544065be2d9c69fd6527089760e1fce6f7e89', size: this.size }), h("gb-megainput-field", { key: 'd200d0cc6a30ae9474b2b48921836e0f00e67796', size: this.size }), h("gb-megainput-field", { key: 'cdd78830f2515a0cb16c8a3778d2d0fe5aef403d', size: this.size }))), this.digits === 6 && (h("div", { key: 'd56f74fb56c80371abe32d2c3c93140fb2388ade', class: "input-wrapper" }, h("div", { key: '52fff03f73564468f89033c9ecddc740f03a6d39', class: "first=section" }, h("gb-megainput-field", { key: '8da8712adac75e1085e8ef64bb47072177e83698', size: this.size }), h("gb-megainput-field", { key: '31d9f6368999c251289d10d81f4a5a9a3cd76360', size: this.size }), h("gb-megainput-field", { key: 'b60ff3dc3573f55255385cd95e1d0130a9481b0f', size: this.size })), h("div", { key: '4b62476558c277558824bc0347409b355411639a', class: "second=section" }, h("gb-megainput-field", { key: '7a6d181071ed9adbb9095581761b3bd421af301f', size: this.size }), h("gb-megainput-field", { key: '320615144841db616c0c57150e990da1f018e025', size: this.size }), h("gb-megainput-field", { key: 'e963630711f99d4ddcc725ee34333a932134a0c8', size: this.size })))), this.digits === 8 && (h("div", { key: '52c50ee932c2db391cc79f6f6afd45a2c6cb695e', class: "input-wrapper" }, h("div", { key: 'a23d33cb2bd5faa04bb5b908ff8836be33695d57', class: "first=section" }, h("gb-megainput-field", { key: 'deeed34af665c65cf24611d00cd3b629ba7f8632', size: this.size }), h("gb-megainput-field", { key: '1d78af8e21102137af72ebdd67b30176671825fd', size: this.size }), h("gb-megainput-field", { key: '0102d4a1d483441704b997c3f396c9b185c604b9', size: this.size }), h("gb-megainput-field", { key: '908196b867b4a53622ba28cee84b90b81b4dfb8f', size: this.size })), h("div", { key: '94f1adfb0e929e909e679038683840024ca7d0bf', class: "second=section" }, h("gb-megainput-field", { key: '9a47e21c30dd4b433d3eb8df48e0d1a340f3e6fd', size: this.size }), h("gb-megainput-field", { key: 'f27ff30e6de5e91f262173e6f18a070150b6a846', size: this.size }), h("gb-megainput-field", { key: '5f8458089ea3ab7c7cbcb45673c27848c13f0b76', size: this.size }), h("gb-megainput-field", { key: '81ba0886bb106eb16d7658cebcbe0a20cbd8ab90', size: this.size }))))), h("p", { key: '205b3de66dd48c8fdaf23fc96693afa988259146' }, this.supportingText)));
+        return (h("div", { key: '2012e10ce18cbadc654a3d1b38c361d17da38f7c', class: this.size }, h("div", { key: '21131bbac07e6daf27b80aeb8e260402265123a3', class: "input-with-label" }, this.showLabel && (h("label", { key: 'aefe6a304b8c5c63b4a9489e60bde15594309b50' }, this.label)), this.digits === 4 && (h("div", { key: 'd78b0a4952708652b3cb5bc385f2f63ed274ff98', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e15235342bdb2ada3e29a004a484d65f3d69b068', size: this.size }), h("gb-megainput-field", { key: '81906fd5ca7dffe188272ba833522d1cef606649', size: this.size }), h("gb-megainput-field", { key: '6a8196f97680342ed20450a594d0a44acafec37e', size: this.size }), h("gb-megainput-field", { key: '29ff1d91d1ff157912e27804e41936cdd1a430ba', size: this.size }))), this.digits === 6 && (h("div", { key: '0af727881b0ad437a4d9ce50898f898bac89df69', class: "input-wrapper" }, h("div", { key: 'af29b862a5d9e7257f650292188dbb28fbc2ec2c', class: "first=section" }, h("gb-megainput-field", { key: '53c148029d4e4e887208be778c52a9a2d40ecd63', size: this.size }), h("gb-megainput-field", { key: 'bdcfd62a9ee518252dba5d8d16f56291195cf335', size: this.size }), h("gb-megainput-field", { key: '903f69e0a4972b8df1b9c23b8367529d1a273950', size: this.size })), h("div", { key: '538adc24933303a07a6c2228591f38e0b6448bf9', class: "second=section" }, h("gb-megainput-field", { key: '243fa83bbf83a708dad2f7360efafe0a27ae4c59', size: this.size }), h("gb-megainput-field", { key: 'd9dc72ed0c80ef02898286795f6e411a222537e2', size: this.size }), h("gb-megainput-field", { key: 'dc0278cd2cc6ad021b4f9d8f10714b335edfb2e0', size: this.size })))), this.digits === 8 && (h("div", { key: '36c480fd4746cebd8e636569f67fa014c2350824', class: "input-wrapper" }, h("div", { key: 'e299238494bdf9c1e535f1039af1e03779cbc07e', class: "first=section" }, h("gb-megainput-field", { key: 'a8281f2e08b5d45f9aeed7b2b80daf24e12951ee', size: this.size }), h("gb-megainput-field", { key: '1cd51fa85c1ed2c655fc5986f20ef9b435add48c', size: this.size }), h("gb-megainput-field", { key: '594764c8ca9f63185269e830c0aa82a8da38053c', size: this.size }), h("gb-megainput-field", { key: '23125b0d3e02b3821fbd567c50b77b0a46c9d122', size: this.size })), h("div", { key: '8674955b3801a61e4008b2fa1c9a0422e82aa683', class: "second=section" }, h("gb-megainput-field", { key: '3519e257f3636ad8b289735f7f4abc9c2cb653ae', size: this.size }), h("gb-megainput-field", { key: '4b634a1756c5c9b6e9694d3f175f043f363f6861', size: this.size }), h("gb-megainput-field", { key: 'c5ff62d0025ae208a54224d6fa9efae4140b5c8a', size: this.size }), h("gb-megainput-field", { key: 'c37f4feefb19e045da2c0dcc04032ff329424cd8', size: this.size }))))), h("p", { key: '8549fdd5d4a161947daf744360e1454372f22796' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     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: 'df0471f075e51ce9f8199d33e1d94380079dccb1', class: "tooltip_container" }, h("div", { key: 'f806592b5cef2fe4e593cf8fed3c293205b02266', class: "tooltip" }, h("div", { key: 'b43d157ceff2690cf50799853cebb4904e4375b3', class: this.getArrowClass() }), h("div", { key: '55e4996d902d4df6850c3f4990f26d96e6373282', class: "tooltip_content" }, h("slot", { key: '3afe9bb25234455fc1b11e169f054b23b55556aa', name: "label" }), this.showSupportingText && h("slot", { key: 'bf529c9fe5539196d4f6127ae09d5b8e2ea34df6', name: "supporting_text" })))));
+        return (h("div", { key: '7e60e8cea669b37281ea49ed8402cce9c7330a65', class: "tooltip_container" }, h("div", { key: 'c7231c8cdc3ca8096233074eadcbcc22c6891901', class: "tooltip" }, h("div", { key: '7dc78a15090c41b0083e94ead9662a9aa6830a8c', class: this.getArrowClass() }), h("div", { key: '91a54a8c1fd6277d6a5feecb71af121b251451c7', class: "tooltip_content" }, h("slot", { key: 'd1096094324718fcb291f98671be002db1d9ed36', name: "label" }), this.showSupportingText && h("slot", { key: '85a9b04a8881613dee49a1dcd85a965541f47ab3', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }