globuswebcomponents 0.5.2 → 0.5.4

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

@@ -8,7 +8,7 @@ export class GbPagination {
         this.totalPages = 10;
     }
     render() {
-        return (h("div", { key: 'c271801bc1500d5242e60049e300a79251cfea6b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4d7ce945abe7aefec7c50721b25e007e15f858ca', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'f73950197ff695f1d1fd42b0a163262b9d85eeb3' }, "Previous")), h("gb-button", { key: 'a255eb4aac03512971b522795a433fc91d7c1425', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '45697ea1d5e63d8bf5cf21d9a0bd7440726eafda' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '216883cf761a47ffb9525de618ebe24ca58e4052', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '505827729e7d48003fa90ec1d8ace6939a1adde1' }, "Previous")), h("gb-button", { key: '3d492d21fda841b5f366863cc357f5b86eb61af9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8c8c65e0bea3479bade1e781174f5d48a1849582' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '346ed752b618816de9e84484603bc165c49d4c52', class: "entries" }, "Entries"), h("div", { key: 'cdf977d846bd780b0ac43dc7b7634592b36be91f', class: "page_numbers" }), h("div", { key: 'de1a552e58345500ddc4332c8b784b6c352a062a', class: "buttons" }, h("gb-button", { key: '572621303dc4d6499e114ebe0d9ce825245b04f4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: 'e372d3d1094514fdf8add0246dfdc2a98f8bd293', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '80d042623c3bb7e382535bdbf0d94ac2a1205e4b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'af96036f4ae460093b8f4d434f73fcef16ecb0ef', class: "page_number_text" }, h("p", { key: '0100ef348126fb4fff54e87aa36424e6c5a5a027', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4a2c5cc816297ca3173b0de8812d92fb0ea20ca2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
+        return (h("div", { key: '280f3181dc70fd043816c87eadeddb8b02a2ec4b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '820d0cf820c47416da92b75d275cbb625613631b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9df738c38cc8edf99eac0c014af9db0847090ce9' }, "Previous")), h("gb-button", { key: '5feca9e59a6e30f1ec6a018149c448c1f0ce225e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8a5dffc16a26f1861d31822ecb10aec3b7e80fec' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4fab1914cea85d73137b663b49cb50a57166fe50', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '64cd83c0d3140fdbf03b8d804c611c56f56707b9' }, "Previous")), h("gb-button", { key: '46b5efc5121b8e1d138365c2829f7aa1dce31f22', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '58fd140e480f35487eae85d381ddb37f8f554b20' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1ef1d7c8865f8aa8625461563169f22521b5496', class: "entries" }, "Entries"), h("div", { key: '4961c5ac4488ad873510ce84e8c8bbb0a91c38c1', class: "page_numbers" }), h("div", { key: '6c370c00141ab197634b6a9170cdcad8627ffaee', class: "buttons" }, h("gb-button", { key: 'f28f4b84f756e476e2e78b5d6ecf15433be66510', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '02dc5ac5b97cd8b75117842c958fce551c8fc1be', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cc312e912503ef07160541b0a081a5f7879e774e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'fddc2aec3f2976e84fad27b706379f4478591cf2', class: "page_number_text" }, h("p", { key: '5361d1809a49186a5e7247473414a4145de7a9c0', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '223485be6cf83ac9d7b7cc95e4499541cde7f67d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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: '8b0f210b8838bf5e9be570a92c2458a36dab1ccc', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '1375b00383781e362db42c6e58d78abc62832513' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'd066122def718f652826dfb3c8a2d9dd671e37f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e91d6691833fa7319bbef65ef3a690aa2120c9ee', 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: '9b8ef0c4872011a7e1bf6a973aa9b5afb0e57a3e' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '97e000d4704f501d125df637c0f2d92819a3ae2f' }), this.iconTrailing && (h("svg", { key: 'cfc585ceb35cd872ae36b35017d4aacf5e6d3a7c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f895e9154ea9b11a576f502f456701d16bff37e9', 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: '8825c54a99f6211e420c32b229c101237b9acfde', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '61a1ef995f518ed7b0677d9d3129e39673eea266' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '286b0ff35b2bc91f2667e10e426d5662184b529c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a9018fdf24b8cdbed480225318b9ce1aeaa356ad', 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: '745d3317a8863bd72022ad4096a54aecfaccf18f' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7784dddc496472419642b6d691370739c0c976c6' }), this.iconTrailing && (h("svg", { key: '217695177dc2ac35000aa3de6f711a258e3b8426', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '05fa7e04416ec87c7e555d35793417c87caba3ba', 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: 'e2dae48608f0ba5128161094ab7096abf2513bcf', class: `dot_indicator_div 
+        return h("div", { key: 'b3815564c3fd5ae63594ed7ad06516d8700c505b', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` });
     }

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

@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'a7b2d380db2faa6183922b45ba7178ccd9f0c072', class: `page_number_base ${this.shape}` }, h("slot", { key: '6efbe5cb828cb01d31559206a7cede9f12f75322', name: "page_number" })));
+        return (h("div", { key: '44b314e9f30c4fcfd611a611e50f7d36ca97c5e4', class: `page_number_base ${this.shape}` }, h("slot", { key: 'be441dbf708f900783325b50fc33c1c11a415d34', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2153,6 +2153,7 @@
 :host{
     display: flex;
     align-items: center;
+    height: 100%;
 }
 
 div {

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: '022278709f158ef63ff91d61a63155bd26c28982' }, h("gb-btn", { key: 'e704b0d1eed74fd0374212aedb197067c10fc844', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'ade0b45eb14e212c9adab3f83baa0e321f3f1b65' }, h("gb-btn", { key: '5e3dcda69abb82c71d9f24f247a9fef8697e3d6a', 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-password-button/gb-password-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-password-button.js","sourceRoot":"","sources":["../../../src/components/gb-password-button/gb-password-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,gBAAgB;;iCACW,KAAK;;;IAG3C,wBAAwB;QACtB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;IACnD,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,+DAAQ,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IACnG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACxB,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACzE,oBAAW,CACD,CACb,CAAC,CAAC,CAAC,CACF,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACzE,oBAAW,CACD,CACb,CACM,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-password-button',\r\n  styleUrl: 'gb-password-button.css',\r\n  shadow: true\r\n})\r\nexport class GbPasswordButton {\r\n  @State() isPasswordVisible: boolean = false;\r\n  @Prop() state: 'default' | 'disabled';\r\n\r\n  togglePasswordVisibility() {\r\n    this.isPasswordVisible = !this.isPasswordVisible;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <gb-btn size=\"sm\" hierarchy=\"link_gray\" state=\"default\" onClick={() => this.togglePasswordVisibility()}>\r\n          {this.isPasswordVisible ? (\r\n            <gb-button size=\"sm\" hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n              <p>HIDE</p>\r\n            </gb-button>\r\n          ) : (\r\n            <gb-button size=\"sm\" hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n              <p>SHOW</p>\r\n            </gb-button>\r\n          )}\r\n        </gb-btn>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-password-button.js","sourceRoot":"","sources":["../../../src/components/gb-password-button/gb-password-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,gBAAgB;;iCACW,KAAK;;;IAG3C,wBAAwB;QACtB,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC;IACnD,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,+DAAQ,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IACnG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACxB,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBAC7E,oBAAW,CACD,CACb,CAAC,CAAC,CAAC,CACF,iBAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK;gBAC7E,oBAAW,CACD,CACb,CACM,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-password-button',\r\n  styleUrl: 'gb-password-button.css',\r\n  shadow: true\r\n})\r\nexport class GbPasswordButton {\r\n  @State() isPasswordVisible: boolean = false;\r\n  @Prop() state: 'default' | 'disabled';\r\n\r\n  togglePasswordVisibility() {\r\n    this.isPasswordVisible = !this.isPasswordVisible;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <gb-btn size=\"sm\" hierarchy=\"link_gray\" state=\"default\" onClick={() => this.togglePasswordVisibility()}>\r\n          {this.isPasswordVisible ? (\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state={this.state}>\r\n              <p>HIDE</p>\r\n            </gb-button>\r\n          ) : (\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state={this.state}>\r\n              <p>SHOW</p>\r\n            </gb-button>\r\n          )}\r\n        </gb-btn>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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: '066e19056d05c49ea14271c6004a46ab7b5f5975', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '063b7b8e693e06b8634a0711d63aa45c92a0f22f', class: "progress_bar" }, h("div", { key: '768bf7aa1e5217ef4de7b299bcb40ba6df4ac1d2', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'a71ae8a33f22109ef270a5d6d3336c602d3e6172', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '78cccdd75fe4acff676161c031800e40ee5d4d07', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4ffed8426877b8143eedf6192247393b857e95e6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '595eabdff9ed33db58e2043bc82f36b312ae70de', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '67343c936a2c8273760b65a79a1558fa678acdd2', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '3aeec0275ef4f0fa490014d0b1613a6b7c71a1a1', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '8a78ca11a2ffeebf6d85cfd0aedbbcfde8af057b', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '2d834026ce402dbe8039e023169095810e8b1a2b', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '2de95627b2536c7bcb1c0f84f6aa48715bf05583', class: "progress_bar" }, h("div", { key: 'f8a6793919d04fcd333ebfc51c9270076fc8692e', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '9ab44c08c3733bd84f594ef54f15fffbdbb59583', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '9c2ceeac5a59c038c6650c9d10e4e6e6e39ec756', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '573aea891e709882dce282ad532a9994ca239526', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ef5c4e2daa1b880125be9b1cef5cc36f88af03c0', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '69ac789c038a80c4aeacc4d79b51a41ddadc534e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1dc463428715e2fd840407011865dbdfbfaa1e54', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2125d4bcd0efd6e3c7b5b11bc8a68343e02bbf03', 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

@@ -7,7 +7,7 @@ export class GbProgressCircle {
         this.progress = 0;
     }
     render() {
-        return (h("div", { key: '5d582794c9723e4730c695f8570f86c98e051e8b', class: "progress" }, h("svg", { key: 'ab65e31443f01b2cbc86cd5eab7fe731fb23f4e7', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'fa0d6301c815f05b889ec05a2a8cd582d32468c5', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: 'f43b56f0c0fe8738412cfed4c2342019dcb9284b', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '71956313b4a280f29f9f20ae7af6089b0a3b4ea2', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (h("div", { key: '359117959a19fa0e968b4168047050dffb365fc3', class: "progress" }, h("svg", { key: '1d996272df1ce1c2cda9fd62d70fd98b14a6fac1', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '5e327c14bf11d624ae482161aa3bdf90f4918f55', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: '11b732bc67fd6e0f975a3a4c2c96c4ab2072fe68', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '93f20a25dd2cda88025290d8e1c2ba5a5dfcf29e', class: "progress-text", "data-progress": "0" }, "50%")));
     }
     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: 'd1cef80768656294fc4bf24bfd97cdaf95695b84', class: classes }, h("div", { key: '5d87735a2debb589983faffbf66a3ee3fda2caf5', class: "input-with-label" }, h("label", { key: '0b0c61efc87b82eaf1005640c2c11a3eb4c68aca' }, this.label), h("div", { key: '38ff7e2bc99455589c01db0bada6cd5f0bf214d3', class: "input-container" }, h("div", { key: 'de6f44718eab2c151a5b5a86f7e0d8330fc17952', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '533bd6772a6e34db9499be66e4422a3141a4267c', 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: '05493c61bba30206dd8b09f5a03dfccdd1b34278', class: "error-icon" }, h("svg", { key: '590400be813d846f578146dde25cf1d050a2d3e1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '8b680dc4fea6ccca70a5b970f33d7401c39a45a2', 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: '93456fd2f7c4e237c13050a8ce7cdc68cfea5ef4', class: "text-container" }, h("textarea", { key: 'cdde534cb81d73cfb1a98e0eaa9e4f5e8c48d22c' }, this.showPlaceholder && (h("div", { key: '84fc396fa537d30aecce919020e4695ff79fb854' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'f0b5b4bf480e2a864db1e166b3e89b5253f9f04e', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '1b061628733a4205c331e72e0dd698e358f97031', class: classes }, h("div", { key: '465ef0780e141c8e557d95639c747b7e0d3fd170', class: "input-with-label" }, h("label", { key: 'ec269d0e75a6caf2ddc45c2e364922e07beda598' }, this.label), h("div", { key: '435e708911da3948da5cfed55edd3c093e38b51b', class: "input-container" }, h("div", { key: 'aadb0c525809d208ff9c0539b4d047526be314e7', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '30a80fc9c11aa7891c8c920b7d0268f0da772554', 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: '24457690e94d9a795cdcd15c3122be103d9430f6', class: "error-icon" }, h("svg", { key: '4a8323622cb181ec208fc9703912a2135d6656be', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '335dce8c282342c19dfa32c38916ec718b659abd', 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: 'b52d64a109fa6fa2c8b6a01bc0af84b44bfdbffd', class: "text-container" }, h("textarea", { key: 'abd82359aac504b228d5ef323879af7860a6e5c4' }, this.showPlaceholder && (h("div", { key: 'f98a39b89e697f1bd14fe39c52de4fd6e05ae4fe' }, this.placeholder)))))), this.showHintText && (h("div", { key: '293f95091d48d5eccc0c869f2469302b83003513', 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: '5ce943c35ad0720890eaa1c09bb7229d3d17e280', class: "scrollbar-container" }, h("div", { key: '872f65bc8812ac5db32dd8032ebbde52cecfc5d0', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '5b1b62a89c3ee663c506d76d2bbfa25ba8d49f2c' }))));
+        return (h("div", { key: '4aab001effb75a529b4ea42cca4bbfff22b2a46c', class: "scrollbar-container" }, h("div", { key: '134a9eedb0c8538b27271955bdcbd345fad1ee10', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '508067f415a8be9ba27fdf7350ada93ffa83512c' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2761,6 +2761,14 @@
     fill: var(--color-icon-information-bold, #042F59);
 }
 
+.icon.plain_background path#Icon[fill] {
+    fill: var(--color-icon-information-bold, #042F59);
+}
+
+.icon.plain_background.active path#Accent[fill] {
+    fill: var(--color-icon-information-bold, #042F59);
+}
+
 .icon.plain_background circle[stroke] {
     stroke: var(--color-icon-information-bold, #042F59);
 }
@@ -2777,6 +2785,14 @@
     fill: var(--color-icon-inverse, #FFFFFF);
 }
 
+.icon.colored_background path#Icon[fill] {
+    fill: var(--color-icon-inverse, #FFFFFF);
+}
+
+.icon.colored_background.active path#Accent[fill] {
+    fill: var(--color-icon-inverse, #FFFFFF);
+}
+
 .icon.colored_background circle[stroke] {
     stroke: var(--color-icon-inverse, #FFFFFF);
 }

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

@@ -33,7 +33,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '2211fcac018121c2b60e19211ed4feb0000c9ead', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '3462a6fd13d63d14bc096a92372895b76f82a0f2', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '587713069fe9d0121c801f51860da7cf064cd024', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '8318b623008060a48372b19bf18e6e18c9c66f56', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'ee346c6d96198277ce90dbe721a8156b69c41469', class: "content" }, h("div", { key: '34098ee271d6179510645efdf5f9ac4b8baccc9f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '19e49b4d21674666eae44f6a193ac249e04492e9', 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: 'b2fde4f176e2921a58fef3d454652d54c0d4078b', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'baf288610f40cf92f18e7f23ffbbb6798f90472f' }, "10"))), this.showArrow && (h("svg", { key: '42fefce38fd37bdbe804abcc17f280c0677504e3', 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: '9effd8a883c4bba85e88d8a67a1e13b35b220bb0', 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: '7b900b0a5e76effb42751cc3443373ec5e920814', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'f6af42bddf7c3c781b2cdd3dd2acefe53e325d4b', slot: "label" }, this.label)))));
+        return (h("div", { key: '23fa470bbb9e78bc7531ebbc82bbce8bb2a980dd', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '1187da3d88e0c0b2d9021239141945f596a7a703', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'bd5f666bb049993e6b29f88e958c65e630b9a4ea', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'ded04c7749eb3a9567eb2efd29fe0f47246e1b8b', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '0eb43738ef99dd9a12d7af83ee0eb2b0e298f7d6', class: "content" }, h("div", { key: '2e3cfa3ad0d17b78ccafd22999dac46ac8306dea', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '86badbbd3fdfcf41d7091821120a24a201c1e965', 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: '8ed0beb7e36508aa412a27a2a82b286d01ea8b93', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd0914f72a7d225e2f1cb8aa1004093af67ce3d9d' }, "10"))), this.showArrow && (h("svg", { key: 'e833a059ce67e1d5bc88350e118c958e6371aa39', 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: 'c2d767d39553882703a9a3743b7bcffcdbbc5231', 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: 'ad141562979b987f96f080c0696d98fd0db9751c', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c4dbac06a32b480a2d7149333d18a8cedd22dbe7', 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: 'f89f471c1f3e1cc8d1e2dac3849f0c8d700cad71', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '1565f92b127d8564088b5033cef4a12af74b4962', class: "pattern" }, h("img", { key: '474c63bc04ba86d7e54cc1a0720220edff30c96c', src: patternSrc, alt: "" }))), h("div", { key: '62a4728450a5e9049bc6a8e945736d0f3f979fdd', class: "nav" }, h("div", { key: '138262837759f0d3bdd367ed2efae0f416d2e8fb', class: `sidebar_header ${this.state}` }, h("div", { key: '4af4ec91c8ad36f6fa7f0a59f1c157cc4aa17a20', 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: 'c56ad9d914bc687ef97a2ee6fa60bd0e67bcf39a', src: logoSrc, alt: "" })), h("div", { key: '8c23be3716e1f88d74b3af23f478adb00cd9d9ab', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'da4a40ad4b41491af8b5a78ae1c7ae2414831f3a', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e353fa03a5679c763d5f6316412adb0012f2b8bb', class: "navigation" }, h("div", { key: '2cd6bee7942def05a7f7ad3b0574b74acc4f951d', class: "item" }, h("gb-side-bar-item", { key: '6462c2a3fb8ba20cd67b6a0ee8e7336d48e70817', 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: 'c56c7e252eea4f08e1d4411c9a16a2488381f963', 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: '2b3e09c3eead75410c2c73093a9c49a78b215908', 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: 'd54072b2c64a8ca86b5a6f28cf8751cd70de52bd', 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: 'c495ead399edb57485c818e70100feb62d72c07e', 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: 'a8df03395ad2e7b9eaef98da338382c59c6019e4', class: "navigation" }, h("div", { key: '07b2b173e6667931066584835bfe1854597d968a', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'fae9dd4fc5fc6f7d63ce8f8ee2966af46df80004', 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: '046594d2f9609abe6158a462b1daff497658df9f', 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: '188b80007455527bacccf9ed2f4e73bede863d7f', 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: 'af258c6c86b162683d6bc6a781ee1f58c85cdb0a', 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: '9d91ce6bb599549ba8b49f17b7f30dfa0a0ad245', 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: '8eef3ad39166b698c8e3407a21e466d9eec2ef13', class: "application_name" }, h("div", { key: 'd060788006c7552593bc7347f3f1b835c8804c1f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '1f6a82c13830cfb8edbb9db2fecb93f9fef9e2cb', class: "application_name_pattern" }, h("img", { key: '97858ed7a8851d0f70e0dac5f6369a40c607d664', src: patternSrc, alt: "" }))), h("div", { key: '5f842a860f88d85586e124b2d730e7e61f3bffbe', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '5b76f0215c279406666739755c022128e5e23b6f', class: textClass }, h("slot", { key: '46f03b276e531c8a5c6ecf824b7d8a8a32a55317', name: "application_name" })))))));
+        return (h("div", { key: '65a8e52baf301552789a3743289f0e875ca972cf', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'a30ef33731a4383189e4ad64b55753644946465b', class: "pattern" }, h("img", { key: '4fb4c6653f629c2f05b5a167591a84a36a07cd54', src: patternSrc, alt: "" }))), h("div", { key: '5997fab39e7de88bcc3809d6d86c899a0e24d67d', class: "nav" }, h("div", { key: 'c510e6920b5ba3317a7d70ae33d10bf5b6192e90', class: `sidebar_header ${this.state}` }, h("div", { key: 'ee3910203ee8ee7a93b61397722cffafc841484a', 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: 'f88e66879ee4fe850a4b6ee99b310ca6a86e94bb', src: logoSrc, alt: "" })), h("div", { key: 'a2884255a411f54a1bd1b8c01ba53033ad613144', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'ad229e501d51a896794ccc8e6eb8e4473a99fa86', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'b7e31b993f7515e9e95e12e15d52345037ea00f3', class: "navigation" }, h("div", { key: '882a4a16ef9000b8edebe22584791f1652d38386', class: "item" }, h("gb-side-bar-item", { key: '67ea9ff50a8b5ebd952d1f1ceb785fd0a3749bc4', 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: 'a3a9bb0d49b9ffb785001c41284ebf8bf09a758b', 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: '972ba0c6570a6347a9b9bb61663d7360bfdfcf1e', 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: 'ce9b9e04071308098da3833a58e27b49659a8ed0', 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: 'ab11c8521cac228487631aacfa9b82c1b0e5c831', 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: '60d82355ae43b090addeca297a59bba0263940b3', class: "navigation" }, h("div", { key: 'e603e97ffdc00652ee76bfb1ea17846b2e2b5bda', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '50b8dfc4b7ef623de9286db58f8518773098f62e', 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: '0312c3f2434c69640346f439e1caa433c951b925', 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: '87fb00b5413e7ae4415d77a9f352202eb53f468d', 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: 'b1216172f8fbd8e476845c26bd365897ced83581', 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: '7a345b05c2a34fcfa8ee0c697d661bf39f5d8dc0', 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: 'cef32090a15c2b748e8969240d21cf46f807b792', class: "application_name" }, h("div", { key: '2ded7143fd21d06f994c31d6861328eb78ad6d49', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '06a456651f46ebc95d5add7ffa47b355d3f83179', class: "application_name_pattern" }, h("img", { key: '5bfdcf108997e3f4413757bb0ae53104d62b4d2b', src: patternSrc, alt: "" }))), h("div", { key: 'a5899bdc35e0965a8eb346f5339e12aeb4f3e865', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '838ade9f028643cf9af847357a1c1a0a70bba6d1', class: textClass }, h("slot", { key: 'dc48b95f4c4360dadfbd44634857eee3a7a14c65', 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: 'a37677a3d2acf3783ed73cad4f6da56f272663c3', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '2eb67030edbc5675f24cdc381979cfb0bb8cc197', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'def93324666541bdfa1229b172cbc38326d8eba8', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '093a84a052b512da38f105a2d0f9c672f71521ad', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '827265ae06689ed88219562a54ffcc1e6d3c2958', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '8d5ba7ac675e0e0be30e196820c8ec1ec1c1172a', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'a1e19d55acab2ef30bb98243ec79fc1991d684a5', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '7ab16ed3ad9bce6dd8bd0d825f1623d8e295a67f', 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: '2652fb3b1d7d795aacd86a805cbec3df1a33c05f', 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: '3c68d0a60e5a6bb3e26d8630bb91ba8861b1e4a7', class: "tooltip-container" }, h("gb-tooltip", { key: '1469bbb2375657f7ef315cde90de8fca1e807e0e', arrow: 'none' }, h("p", { key: 'b917358d5db81174cfc7663145c86acd7aacec93', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: '03c0ef1ea42a7d5e52f9cbe69858edcdc52e14d3', class: "thumb-label" }, this.value, "%"))));
+        return (h("div", { key: '3ee19602689ebb99d8f6783eb5d082409a6fc3c5', 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: 'b341d4582389dfb43cf572c13e14895d1bea5063', class: "tooltip-container" }, h("gb-tooltip", { key: 'ecaa477274be0c4e3386c0191dda995343db5938', arrow: 'none' }, h("p", { key: '3ef29d4c9693cd8456c5a65ebb49ca894de363cf', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'b8a47274326f8d0a34f8b0f0e5d9cf29d32f2aaa', 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: '41443bc2ba3205428327c6b85ae78a69e61f641e' }, this.statusIcon === 'online_indicator' && h("div", { key: '2685a7ea63af2e8e26d18ab6e143a946856ce84f', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '4924be1196a4d54c81ae93e82ec631c6e1d1fa71', 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: '032c128b7011713106093dcd62743542fa6a6478', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '121028f9d2fd3b4cd73d3608b67f4a25fb63c055', 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: '1a21cbc24df0ca84b5cbdd09118df09b1326e91f', 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: 'df2d61227daf92fcf6c4f226ad767428cb3398f6' }, h("clipPath", { key: '69a54ed8ff4772518fe01e36c8a575a9c6fcf124', id: "clip0_0_21453" }, h("rect", { key: 'b5feed650eedd35e06ffb4c76e926643fa61b368', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'c898f41e560edd61fa2b956de4fe17b42044deac', 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: '8743859df047611951a7a1064bdd74153c7dc6a8', 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: '57dea1b394da70f7665a0e77fca6870646023c2c', "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: '320d660f49656132bbbccbd3e85545ea5592978a' }, this.statusIcon === 'online_indicator' && h("div", { key: '3a125a4d5944c820ae1ec9f0b7f8ea35b89d2c48', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'd7502519aa5ffa5fe4108b52236d5d6f52de1a24', 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: 'be8437333df31a271504fbfc0b788ddfc91039e8', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '036cd4162eb05b97198b1f497f9ad3a4e059d64b', 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: '55bf949adcc33e7ac6e5ddce88f68998df703b1e', 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: '0843e4bf6197016a240aff010c800cd49e0db104' }, h("clipPath", { key: 'eff5d7f8a77d828bd82b937ccc23bf859b1bf219', id: "clip0_0_21453" }, h("rect", { key: '5c7b93cd7a83409af8023f57639bc7b2f3364a5f', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '2bed52dca7037e1952da2deca304e215f279f928', 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: '0bfc2552a5a2b7e7de3a5dc1bf1f58105f51e1a2', 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: '59057d22367752c73a6a08cb7b9aa9fbb7bb7519', "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: 'ec2cfec153f35c4f82d7e7af595284a2edb35b84', class: `tab_button_div ${this.type}
+        return (h("div", { key: '049a8391c42d195deba6fd6c386a4e375556c661', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
-      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '506e726eaed50e39378f3616274af5cb4bef89b0', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '9a57cd263afa043106fba6cb049c04148a7bcdd6', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
+      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '8d1be7489ee0c94c5d5db236d1ccf2c7b24cdd6b', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'faee58c2d89257c6b2393c8a9e182222f171cb66', 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: '26e61b3faff166be325eb402403216283939113a', name: "count" })))));
+                    this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '1adc26ec74697455a58f4e9f8d8687b8f9be8da3', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/{gb-tags/gb-tags.css → gb-tag/gb-tag.css}

@@ -3170,6 +3170,12 @@
     margin-top: -0.416em;
 }
 
+:host{
+    display: flex;
+    align-items: center;
+    width: fit-content;
+}
+
 .container {
     display: inline-flex;
     justify-content: center;

package/dist/collection/components/{gb-tags/gb-tags.js → gb-tag/gb-tag.js}

@@ -7,20 +7,23 @@ export class GbTag {
         this.flagSwap = undefined;
         this.checkbox = undefined;
     }
+    async onTagClose() {
+        console.log('close tag clicked');
+    }
     render() {
         const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: '6018418ca45a0d3db31f9129a3066cd3eba8dfa9', class: `container ${this.size}` }, h("div", { key: 'e5a11ffd1eb1e10270dc864a09fb04897e584e55', class: `content ${this.size}` }, this.checkbox && (h("gb-tag-checkbox", { key: '6acac3c8a91b4e40c2ced5522c784a093b8df1cf', size: this.size })), this.icon === 'country' && (h("div", { key: 'b02eddfe67ec28217852f8a53fd7b6cba4956d07', class: "icon left-icon" }, h("img", { key: '05d8e83f11fa998a145f3232daa61433cf68a7fe', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'dbeae00cb8c181df8ef80bf90357ea011c98e99c', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: '09282e6a0199893f742f5f89825ecda55df3c609', name: 'image', slot: 'image' }))), this.icon === 'dot' && (h("svg", { key: 'b3db8fed4c5718509edd9f4444e1546dbca2f462', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '17253604be91b61ee20c07617a68406c17446a6e', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'caf531e41ffb532b87b8db0c2fb82c52720ef6e2' }), this.action === 'count' && (h("gb-tag-count", { key: '39d23ff5e67d2fb6d08d91053a55d0325c4f49c1', size: this.size }, h("slot", { key: '55b0ec502c115040ce170ded163916ecc43fc19c', slot: "count", name: "count" })))), this.action === 'X_close' && (h("gb-tag-close", { key: 'd79fcd622ad0afad444fb3eb971ab13ffc523f5c', size: this.size }))));
+        return (h("div", { key: '214ea31399a88eb708cb37a6ad0df88ddd3e4ce9', class: `container ${this.size}` }, h("div", { key: 'e963f23aad2d6f110ee45c0060d56a306308f111', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'df8440ee0e7c3a6557e16fea4ed21dfb54582f89', size: this.size }), this.icon === 'country' && (h("div", { key: '4b679293ea95fbade4c5e591bd50cfa88f5e67d5', class: "icon left-icon" }, h("img", { key: '61e5e5506239c9421fa24f6064ae92369af7c9a7', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'b073b24e7ddfadf5e1c61e54efe57bed93be78ee', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: 'f307e665f31148374ae9e038f1a74728558fc2de', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: 'e4de432cbd31725acc2f27d0808591ac002cea75', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'c81c1166ff4a9025a18ebb0d416549f606b11d3c', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '3f3f8e3621e9e21e9cdf64f3bf0a50da5cf848db' }), this.action === 'count' && (h("gb-tag-count", { key: '096e590457ba50bb96aab686470f3f452cd8e9fa', size: this.size }, h("slot", { key: 'a3d07ba8af17826d95d9a72099d7724a6c73e6e6', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '711e5578cddaa9194bd2748613dcbb32179f4f38', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["gb-tags.css"]
+            "$": ["gb-tag.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["gb-tags.css"]
+            "$": ["gb-tag.css"]
         };
     }
     static get properties() {
@@ -112,5 +115,26 @@ export class GbTag {
             }
         };
     }
+    static get methods() {
+        return {
+            "onTagClose": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
 }
-//# sourceMappingURL=gb-tags.js.map
+//# sourceMappingURL=gb-tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC;QAE7D,OAAO,CACL,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;YAClC,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;gBAC/B,IAAI,CAAC,QAAQ,IAAI,wEAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAoB;gBACrE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG,CACrC,CACP;gBACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO;oBAC3D,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC7B,CACb;gBACA,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBACxF,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP;gBACD,8DAAa;gBACZ,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAC1B,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI;oBAC3B,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1B,CAChB,CACG;YACL,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAiB,CAC1G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-tag',\r\n  styleUrl: 'gb-tag.css',\r\n  shadow: true,\r\n})\r\nexport class GbTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg';\r\n  @Prop() icon?: 'country' | 'avatar' | 'dot';\r\n  @Prop() action: 'X_close' | 'text_only' | 'count';\r\n  @Prop() flagSwap: string;\r\n  @Prop() checkbox?: boolean;\r\n\r\n  @Method()\r\n  async onTagClose() {\r\n    console.log('close tag clicked');\r\n  }\r\n\r\n  render() {\r\n    const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);\r\n\r\n    return (\r\n      <div class={`container ${this.size}`}>\r\n        <div class={`content ${this.size}`}>\r\n          {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n          {this.icon === 'country' && (\r\n            <div class=\"icon left-icon\">\r\n              <img src={flagSwap} alt=\"Country Icon\" />\r\n            </div>\r\n          )}\r\n          {this.icon === 'avatar' && (\r\n            <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\">\r\n              <slot name=\"image\" slot=\"image\"></slot>\r\n            </gb-avatar>\r\n          )}\r\n          {this.icon === 'dot' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n              <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n            </svg>\r\n          )}\r\n          <slot></slot>\r\n          {this.action === 'count' && (\r\n            <gb-tag-count size={this.size}>\r\n              <slot slot=\"count\" name=\"count\"></slot>\r\n            </gb-tag-count>\r\n          )}\r\n        </div>\r\n        {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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: '2a453e545ac96d161474112a6bf0c245f3a0e17a', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '4d10f7a8992553bc4ca9a69c421ba3bbf5e91b0b', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '09d1ca9517ffc360330fac61409b02cecead904d', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'cffa2c2edb3301dd2c852f44a306e5821a50672f', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'a0432ee672eb87bcae4470b5452a89f0083ee144', 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: '7ffae775e64eedd52f63f7f6ef8b088183cdf58b', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '443ffa700a59f62c7d068e188bec0171a3077307', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '733b42d557b89d526a80667f871f90b3d02073f8', class: `custom-checkbox ${this.size}` }, h("svg", { key: '16847b0f45aa9932a24f5c1c36e67ee7928dafe1', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '1ea1ccc7cc4a27f294fa4c0f3bccd880fb3c7b0b', 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: 'a4dc11b7ee2d5b25d89e624293d68d47a19d550b', class: this.size }, h("svg", { key: '6089667fd7ceb333d7f139b642cf5e6eeede3a55', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'a23a8c49bc52cd5f94b700c475c096b909f34ff1', 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: '72f961552aca2fb2e45f71a8c53188cfe701fba7', class: this.size }, h("svg", { key: 'df845377603432ad88a92264099c8aa31c280a26', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'b648e081d9e6db1cabf6881ce293333695802e5d', 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: 'f4ab7f9c8e3d1cd61f79d6c4094247afc29f50ac', class: this.size }, h("slot", { key: '9da93768a106af14dd31499a1e2fbfb8296a38f2', name: "count" })));
+        return (h("div", { key: '09e6395684f5165271cc8b64b624eb23c346bafe', class: this.size }, h("slot", { key: 'de07e40b96f76be8379850b11d33731ef91ecbdf', 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: '3dea391829a130148791896234be82e071a185a0', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'c2c99cf30f70c99858bfdf137760ca58ad54c173', class: `icon_container` }, h("svg", { key: '2e277aa613770eb79d304d84a1294702db334574', 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: '236871c7268b2c4ba074bfabca3b7bbd03a864f1', 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: '7ba8a43154d3dd655efa08c04d89ac84e683c6bf', "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: '1f65ec2ac06489fc4491c37b62d53d553ce11d7d', "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: 'ee833b7b7b5ea4e6731fa8c29d76c14871e5a32e', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '452670ee502c0a7523c7103ddded4237f840a5b0', class: `text ${this.size}` }, h("slot", { key: 'db509bb4faf75c24735d06bad024af83b43e0f0f', name: "main_text" }), this.showSupportingText && h("slot", { key: 'bba1de9177f2ecc268b4f1ac6a8b4a9a403300e1', name: "supporting_text" })), this.actions && (h("div", { key: 'be7da3f5b232c6ab7b946498c4d567c933a0479d', 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: '33a65d26f6456f22fbfdfd28cdb359d1de5207ff', 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: 'd97e169ce319f5ed1912030a0e6d24e33b9127ea', class: `container ${this.breakpoint}` }, h("div", { key: '28d642ba348672cfec17dcf80c18f095acc4f585', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '937d09c9d82edb1c52c3b2ea5a0962bc28428f7b', class: `inner_content ${this.breakpoint}` }, h("div", { key: '0de9912750e258d567e903ea001ba80169343f1d', class: `icon_container` }, h("svg", { key: 'f311223ee3c83aa673cdbd7145625bb821c5c1b2', 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: '0d27edc53c2a8e65cd56957341e92418bdb57949', 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: '1efc89fc3a81e87a552b48f521f0ec4ed743ee9d', "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: 'd3174b1557d63d80b8d8e650ab1750d0d7cd2b67', "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: '2e4e3eb80f355673845c2b702259e1b6890b9bf3', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'd0e31715223fcd280871ac7babdcf04d07e06a2e', name: "main_text" }), this.showSupportingText && h("slot", { key: '89527b493addda47a81c1d03d82ed9f30d4fdd00', name: "supporting_text" }))), this.actions && (h("div", { key: '5ac396f55725634c61f3e9d2e47f3c662558009c', 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: 'dabee8fc615df30c8c6768c55958eb1a8f2e5be8', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (h("div", { key: '8fecab916c8a84f8b195fd77d98ca8cd76690eef', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '90fa807cd9523f1905d978021a23ef3a3298b92b', class: `icon_container` }, h("svg", { key: '41b24960cd1ec92e2882bfd1c0b770323ab5f282', 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: '33ed40e7ed4102ae9e1dc8aacf6f040ea3e1f75d', 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: '6f83bb9c2c72d0e8d9e58508b73549692626b9da', "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: 'e7a59e06656954b2fd2ff8db35560e4b5f21f922', "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: 'b0663ac8570387427a2139e08c34d23a6b98218f', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '9af2e8551727ba3b955abb7ce9351779046321cc', class: `text ${this.size}` }, h("slot", { key: '297507041d31bf63817a1a466b4e8e1df3ad52f1', name: "main_text" }), this.showSupportingText && h("slot", { key: 'f32cc6dd632213a0adefcc7acceb870c5b51c27c', name: "supporting_text" })), this.actions && (h("div", { key: '6dfd112753906977c5981f747976495cf06b1fec', 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: '467422ac92cf7e3ccdfa7dc3c38ef2a3b9ec2884', 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: '0d672e858fdcfce43d0ab4b46c68469691b9fce9', class: `container ${this.breakpoint}` }, h("div", { key: '579bf9b1b35f56b76da1884818cae6319181e63b', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '64c7ce87df83dd5290c640d25fcf9bce3e3b09fc', class: `inner_content ${this.breakpoint}` }, h("div", { key: '19f0f24a8c2058c42e65bfd3870af3347ac7ac02', class: `icon_container` }, h("svg", { key: '1413d0881d2e583a9d3a46e6e99da35fba441b5d', 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: '1f0ffcfdaaf192442592bada2e21d18bd9b55fa1', 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: 'd5d88aa2a18496d01f4fbe489407c0d792cf912b', "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: '18db03b37845df4e1476455b26808b596ad856da', "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: '3c1b6dc8ce010702a1d964b46a6738fbcec3d46b', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'c65945333d48e4c1833c9a37ce170787150f01bf', name: "main_text" }), this.showSupportingText && h("slot", { key: '8fe3ddf66eb374944ad1ec1c97b580edac43e939', name: "supporting_text" }))), this.actions && (h("div", { key: '538b44466d5ad7a82c9865385f66c0cd0368b679', 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: 'f0956eb646b21aea06029a8ae64e67770be31ea1', 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: '2c5cb331855fb826afe1511aa6c22341ae402b36', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '23f0bf8fa532646310837b5362cc68880bf3ea7d' })));
+        return (h("div", { key: 'd625bed24b8dc3c076f8ae1949fe2a0b663751fb', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '58b93846b77e2d2f1701399068816b40e999e506' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '83a37e14590ea4de340b548895439ab48f9d0900', class: `toggle_div ${this.size}` }, h("div", { key: '6fa7c3e855b5dae548df12342c68578bdd9b239d', class: "toggle_base" }, h("gb-toggle-base", { key: '94c40e40d8900b0d0db44330e3d93a07a0ab28c0', size: this.size, state: this.state })), h("div", { key: 'e2c782d3071de79a318f2d0780e0415393b169e5', class: "text" }, h("slot", { key: 'a2fc36213c3e00e4c01cf315ce4ff3bed286bcfb', name: "main_text" }), this.supportingText && (h("slot", { key: 'ef202b05f18de743047665524545c28492ed6731', name: "supporting_text" })))));
+        return (h("div", { key: 'f988e59e23dfff5d1c3716b34d9a840d19af6082', class: `toggle_div ${this.size}` }, h("div", { key: '385df9511753dcaba2392430d3495956c4408bfb', class: "toggle_base" }, h("gb-toggle-base", { key: 'eaac1f9730f33c2a02219fcee31ed8e972689f16', size: this.size, state: this.state })), h("div", { key: 'b7ecc6891deb3c457299e262f77c269aec494fe4', class: "text" }, h("slot", { key: 'a1fdde8b11ffcfe840b8ac1f0646148964816c98', name: "main_text" }), this.supportingText && (h("slot", { key: '71701212eced426406a1c29d8f8adcd278526192', name: "supporting_text" })))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,12 +7,12 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '3c351ddb22512660c696c124808aed5a9f14657b', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, onClick: () => {
+            h("input", { key: 'e3c2c7e0eeda8a25e990feb17ed550b9d5f21bd1', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, onClick: () => {
                     if (this.state === 'default') {
                         this.pressed = !this.pressed;
                     }
                 } }),
-            h("label", { key: 'ad04057dc41190ee9122d594c7b532baff8040fe', 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("label", { key: '485e78ef97bbc5447fef07aff68979fdfe1ff808', 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: '3e4ea41006831a321a2794662e1c01c238f3a0bd', class: this.size }, h("div", { key: 'ebb8bed0213773cf3b0356b37133821bf5b28e29', class: "input-with-label" }, this.showLabel && (h("label", { key: '6e883a3122718afac67f1d264fd1ff2ab0a127ae' }, this.label)), this.digits === 4 && (h("div", { key: '1cae2c6bc3f486c0113cb23bb8e57e09cf20966d', class: "input-wrapper" }, h("gb-megainput-field", { key: '1c00623fcb361d5a8087af86d9315cbcadd2860e', size: this.size }), h("gb-megainput-field", { key: '2b8c8661f304f89313d52e1799d6e67294507b0b', size: this.size }), h("gb-megainput-field", { key: '6a735c287edb899f2fdaa1a47c06861d8bf43913', size: this.size }), h("gb-megainput-field", { key: 'e59ccbf0ef243b72e1912a25bc43324fa10d10f9', size: this.size }))), this.digits === 6 && (h("div", { key: '57e3fb9c70e85d1b15965965dcd422536aeacdf0', class: "input-wrapper" }, h("div", { key: '29914e8aa104721f36fbe70dd22b27835330a8f5', class: "first=section" }, h("gb-megainput-field", { key: '296b2770742eb95922eae00478bf974a85225ecd', size: this.size }), h("gb-megainput-field", { key: '706ff6adc09568f5ffc34f6fd42f1f80b049e423', size: this.size }), h("gb-megainput-field", { key: '09b7f10407cd06b0c5c1db540dd2d904d4104074', size: this.size })), h("div", { key: '50c06067f3afe6ddc5f30b004f6b10c705712f15', class: "second=section" }, h("gb-megainput-field", { key: '6b56c5e5b12a8a07ec0d4cecb37c11ca072063c6', size: this.size }), h("gb-megainput-field", { key: '79fb3270f6fc6a637c633b865f3622cc3c2f1273', size: this.size }), h("gb-megainput-field", { key: 'be751f6e29d9ebae5053934c9c84c5cdfc310685', size: this.size })))), this.digits === 8 && (h("div", { key: '0d3eb36832da1fa1c3c35d24d29cb5e93d084598', class: "input-wrapper" }, h("div", { key: '6e3d6a3208d0d47ac2b1706b71b83db71ee88002', class: "first=section" }, h("gb-megainput-field", { key: '886d00e4fd3ac0c87a8b6582e9d5afde79ff8474', size: this.size }), h("gb-megainput-field", { key: '49d0d126dc273ed47c1aceed7eecd10d43cd891b', size: this.size }), h("gb-megainput-field", { key: 'f57a8be924b41c37a766fc1087966864585ee743', size: this.size }), h("gb-megainput-field", { key: '2da08bc6596234bd2fa85d138e30342090f82a35', size: this.size })), h("div", { key: '8f3dbe0d9658fa164369d515118542eff6ada36c', class: "second=section" }, h("gb-megainput-field", { key: '1089ce860172b0c17576c16b6be2609c4f86c3b5', size: this.size }), h("gb-megainput-field", { key: 'db597e636f90b8bf6b811443576a575dba5f978b', size: this.size }), h("gb-megainput-field", { key: '598004fba6bea6cb1eda7f9cce40c3f77c228309', size: this.size }), h("gb-megainput-field", { key: '95baf29a14c50ee8b11c9f9bffd915a6c2d3a8b6', size: this.size }))))), h("p", { key: '56f9adf641c2f1bdecf939d6ba7daedda34356f3' }, this.supportingText)));
+        return (h("div", { key: 'ae654e66d089a11969b3850e6cf700bfdeaf3ffe', class: this.size }, h("div", { key: '3caa4d26aa81de6d9058b555309a6384cef9bc17', class: "input-with-label" }, this.showLabel && (h("label", { key: '6762280fc96949701894cfdf6028a09a554346c7' }, this.label)), this.digits === 4 && (h("div", { key: '09f7d50725eb847e574cfbf130b7b558780b8ce2', class: "input-wrapper" }, h("gb-megainput-field", { key: '66bb4ef15301746e3d8ec023f10acadcbf477d55', size: this.size }), h("gb-megainput-field", { key: '6721768e336b33fb48c6d3cac39b3b01de29a801', size: this.size }), h("gb-megainput-field", { key: 'eaab0c3af471b19077cf83cd4d9966c1738c21fa', size: this.size }), h("gb-megainput-field", { key: 'afa36159a146b004322d57e24ccb462dbf153544', size: this.size }))), this.digits === 6 && (h("div", { key: '69bc49846fc3ded4b064f17d773ef3603be37c7b', class: "input-wrapper" }, h("div", { key: '9550fa58e26d2fb938bbb4c7bf672551b8d689b2', class: "first=section" }, h("gb-megainput-field", { key: '80a50c7a7dffebda30791cf1b99cbd4b82028058', size: this.size }), h("gb-megainput-field", { key: 'f1c4fee9c0afa813adaac6aa5fff8f268bfedb0b', size: this.size }), h("gb-megainput-field", { key: '0a376665c27918a0dc3aa4873ea66d687e4cd60d', size: this.size })), h("div", { key: 'c6d8451fb28469eca1658a89ffcb15b4cded01cf', class: "second=section" }, h("gb-megainput-field", { key: '9365d6267ceee0a5e77d58237c42309727c2ec75', size: this.size }), h("gb-megainput-field", { key: '1f506e38d9f6c70611a20732735f6096ab16327f', size: this.size }), h("gb-megainput-field", { key: '766a882162afb6777e4a9630f698e81dcf3bcdcb', size: this.size })))), this.digits === 8 && (h("div", { key: 'a98a0302e436a5f2a306ceb1e883873fdb3e5f46', class: "input-wrapper" }, h("div", { key: '9536d1dcfde5cbf72b906b987fff2d9acac81681', class: "first=section" }, h("gb-megainput-field", { key: 'd9b820a5c60d389e75dbf563addcb2f20ec686de', size: this.size }), h("gb-megainput-field", { key: '84d1992dd0f16de2c87063d4e91401fb59a49c74', size: this.size }), h("gb-megainput-field", { key: '3cc6172164da29e9679f3c02087442b2a5c2f206', size: this.size }), h("gb-megainput-field", { key: '279029e4b74d0804c3a9e95511d1987f99d4ef0f', size: this.size })), h("div", { key: '872cc72ca8c028c036f837051dd53c93b78cd0f6', class: "second=section" }, h("gb-megainput-field", { key: '5a6793e7f74306d6d3430734f53df0517e25eba3', size: this.size }), h("gb-megainput-field", { key: '7a8515bd014cf37221da457a65bb3a1bdf89fdbb', size: this.size }), h("gb-megainput-field", { key: '052fce2247b7df9ec2a678fe4d83d49e326d8292', size: this.size }), h("gb-megainput-field", { key: '319b21d7cf30256fd5d944267899b0eada90f360', size: this.size }))))), h("p", { key: '0d17e4946502160b2df8210fdfd6288bcf532e3a' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     static get encapsulation() { return "shadow"; }