globuswebcomponents 2.1.9 → 2.2.1

package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() showContent: boolean = false;\r\n  @Prop({ mutable: true }) showSupportingText: boolean = false;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n  @State() width: number = window.innerWidth;\r\n\r\n  componentWillLoad() {\r\n    this.updatePropBasedOnSize()\r\n    window.addEventListener('resize', this.handleResize)\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updatePropBasedOnSize()\r\n  }\r\n\r\n  private updatePropBasedOnSize () {\r\n    this.showSupportingText = this.width < 768 ? false : true;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n          show-content={this.showContent}\r\n          show-supporting-text={this.showSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n          show-content={this.showContent}\r\n          show-supporting-text={this.showSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQjE,MAAM,OAAO,+BAA+B;IAL5C;QAQU,gBAAW,GAAY,KAAK,CAAC;QACZ,uBAAkB,GAAY,KAAK,CAAC;QACrD,UAAK,GAAkB;YAC7B;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;SACF,CAAC;QACO,kBAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,UAAK,GAAW,MAAM,CAAC,UAAU,CAAC;QAqBnC,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;YAC/B,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC,CAAC;KAwBH;IA3CC,cAAc,CAAC,QAAuB;QACpC,wCAAwC;QACxC,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAEnC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;QAC/D,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC;IAOO,qBAAqB;QAC3B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9B,oBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,qBACA,IAAI,CAAC,cAAc,kBACtB,IAAI,CAAC,WAAW,0BACR,IAAI,CAAC,kBAAkB,GAC/B,CACjB,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, Watch, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() showContent: boolean = false;\r\n  @Prop({ mutable: true }) showSupportingText: boolean = false;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @State() internalSteps: StepperType[] = [...this.steps];\r\n  @State() width: number = window.innerWidth;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  @Watch('steps')\r\n  onStepsChanged(newSteps: StepperType[]) {\r\n    // Optional: validate or transform steps\r\n    this.internalSteps = [...newSteps];\r\n\r\n    const currentStep = newSteps.find(s => s.status === 'current');\r\n    if (currentStep) {\r\n      this.internalState = currentStep.state;\r\n      this.internalStatus = currentStep.status;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.updatePropBasedOnSize();\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updatePropBasedOnSize();\r\n  };\r\n\r\n  private updatePropBasedOnSize() {\r\n    this.showSupportingText = this.width < 768 ? false : true;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        {this.internalSteps.map(step => (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={step.state}\r\n            status={step.status}\r\n            label={step.label}\r\n            supporting-text={step.supportingText}\r\n            show-content={this.showContent}\r\n            show-supporting-text={this.showSupportingText}\r\n          ></gb-step-base>\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js

@@ -31,7 +31,7 @@ export class GbstepperVerticalIconsWithText {
         this.stepClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '3037f0a067ef6bb712adfb2553d5aa49140c1d83', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
+        return (h("div", { key: 'd107dfa18be1bdf521a1b51d07b9071ab3d540d8', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,11 +40,11 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '5cb76abcf4f969ecc6622fed564b485de4148357', class: `tab_button_div ${this.type}
+        return (h("div", { key: '34be43b8efdeb58d8155face3ac4af6d7c4ecc2f', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b05820f170d144ce75d5b1e5f56385c3653cd404', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '47650e065f51732652e0cffbea50e979b84f803d', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '1263ee5f5b0a17eac836af60eafcb6768d53db0e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '71408630cec8590d7e9a21d3606bc49801790a35', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: '9afed4e378d968dea54de28ec8e826181bb5d1ec', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '7cd11ad5d9ab361dc5a1a6a2a20218d17aa82614', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: 'b709f27ab182ecf6a8760bd78a418e80e333ca12', class: "table_cell_div" }));
+        return (h("div", { key: '18cda52b68f514996bcdb78153edf537c4f86e91', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GbTableHeader {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (h("div", { key: '16d26f27cdbb50b1be68bba0158ead7f9d11f17e', class: "table_header_div" }, h("div", { key: 'fce3a19239420a7056728331e6fb01bb049adfb2', class: "table_header_content" }, this.tableHeading && h("p", { key: '0c4916627b2c86b2839deb7daddca075765e9125', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'a60e85b593ef9cec8fd25748bb1bbc24d11cac2e', class: "actions" }, this.showSearch && (h("div", { key: 'c627dbd8f5e480a55044f2693fcc2bcdc7a73f4b', class: "input_field" }, h("gb-input-field", { key: '1eeefa855f4374a6693430ad5f2c4a66694762f1', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'a8001f285337cd19a396fd92b71ac7fb80ec3f34', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '4d69dcbcc4cd5a87d376ff8810c88747d5af5c5d', items: this.items, icon: "only", onValueChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'a018b1bb26d835377783e5bb40cf19d824411fec', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '00d371a7ec101b59c49480ca16dbd929bb52bbb3' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'afee6ed82be37b8f6f04a7e7ab8349fce01a1418', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '20a55fc4166e7c02f2220bb8fb17f676b31e7bf3', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '74ece723c789962dac894c82f9d0245cc2fed23a', class: "export" }, h("gb-button", { key: '3f32170df7dd982e5837934d13b1d071df948447', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '76800e0cd97d5b52b6a74e0db8b4dcb14173b3b2' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '1b7784ccf3e664b28410a4b60ee0e450be455775', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'd97bc431beb6fff9b4190c3316b9a5f9003467e6', class: "refresh_button" }, h("gb-button", { key: 'a695c9fd99a8524fac52efc81cd2ea990ac7a78b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: 'f7ff615fb56cfc63d28ebe7298f3cf39a45c2567', class: "table_header_div" }, h("div", { key: 'a48558b3a56bf4d4c121a63023c4b5278e1efb0d', class: "table_header_content" }, this.tableHeading && h("p", { key: '407e52d49ec6ca94b32e7198360e08c61f3597eb', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '67333a518344ec866ef9b8396ccb5c10d6226442', class: "actions" }, this.showSearch && (h("div", { key: 'd7153b126fcc6dbf06c2a46b1be80d255b5d5d00', class: "input_field" }, h("gb-input-field", { key: '850de6da9c2a5c1358a04dfb3e7d4b88b5fde643', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '659aff878a1b1cb1cc283d2791ca15b2f4e795c4', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '5938c21796b6344daba70f171abea8ca8cc37926', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '97e09dfb78bb849a69eb4b57bbae9ab4a3ec7db9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '6009d0cc583696bf530e530a5cae8e72a8a0627d' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '10e46aa92155a8e4c169ddab6b2effab9865d856', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '5440579fe1da02931e7f1892a55220ce60e4dc66', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'c8d8ac99115cba74214d46f112b6746854f86c6d', class: "export" }, h("gb-button", { key: 'fdb95243097a5cb63aa3d13ba796fa925bee8a27', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'e916d98b768f4ee47914e91b08b522ca49c82aba' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '4e2f1a35b153169a08751172ec5eaa0305c769d8', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'e1701e7762b8cf4d480861470996ad4e9f217b0a', class: "refresh_button" }, h("gb-button", { key: '0509d41e3c49c7acfe4ea1e12e854fd518762185', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-header/gb-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = true;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() showLayoutToggle: boolean = false;\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @Prop() showEntireData: boolean = false;\r\n  @State() items = [\r\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n  ];\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n  @Event() layoutButtonClicked: EventEmitter<string>;\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  };\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    this.inputValueChanged.emit(inputValue);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  onLayoutButtonClicked(layout) {\r\n    // console.log(layout.detail)\r\n    this.layoutButtonClicked.emit(layout.detail);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        <div class=\"table_header_content\">\r\n          {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n          <div class=\"actions\">\r\n            {this.showSearch && (\r\n              <div class=\"input_field\">\r\n                <gb-input-field\r\n                  size=\"sm\"\r\n                  type=\"icon_leading\"\r\n                  icon-swap=\"assets/search-01.svg\"\r\n                  placeholder=\"Search\"\r\n                  onInputValueChanged={this.emitValue.bind(this)}\r\n                ></gb-input-field>\r\n              </div>\r\n            )}\r\n            <div class=\"action\">\r\n              {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onValueChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n              {this.showColumnOptions && (\r\n                <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                  <p>Columns</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showFilter && (\r\n                <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                  <p slot=\"filter_count\">{this.filterCount}</p>\r\n                </gb-filter-button>\r\n              )}\r\n              {this.showExport && (\r\n                <div class=\"export\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/file-export.svg\"\r\n                    icon-trailing={this.width <= 1007 ? false : true}\r\n                    icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                    onClick={() => this.toggleDropdown()}\r\n                  >\r\n                    <p>Export</p>\r\n                  </gb-button>\r\n                  {this.showExportDropdown && (\r\n                    <gb-export-dropdown show-entire-data={this.showEntireData} onExportClicked={() => this.emitSelection.bind(this)} class=\"dropdown\"></gb-export-dropdown>\r\n                  )}\r\n                </div>\r\n              )}\r\n              {this.showRefreshButton && (\r\n                <div class=\"refresh_button\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/refresh.svg\"\r\n                    onClick={() => this.onRefreshButtonClicked()}\r\n                  ></gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = true;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() showLayoutToggle: boolean = false;\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @Prop() showEntireData: boolean = false;\r\n  @State() items = [\r\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n  ];\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n  @Event() layoutButtonClicked: EventEmitter<string>;\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  };\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    this.inputValueChanged.emit(inputValue);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  onLayoutButtonClicked(layout) {\r\n    // console.log(layout.detail)\r\n    this.layoutButtonClicked.emit(layout.detail);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        <div class=\"table_header_content\">\r\n          {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n          <div class=\"actions\">\r\n            {this.showSearch && (\r\n              <div class=\"input_field\">\r\n                <gb-input-field\r\n                  size=\"sm\"\r\n                  type=\"icon_leading\"\r\n                  icon-swap=\"assets/search-01.svg\"\r\n                  placeholder=\"Search\"\r\n                  onInputValueChanged={this.emitValue.bind(this)}\r\n                ></gb-input-field>\r\n              </div>\r\n            )}\r\n            <div class=\"action\">\r\n              {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n              {this.showColumnOptions && (\r\n                <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                  <p>Columns</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showFilter && (\r\n                <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                  <p slot=\"filter_count\">{this.filterCount}</p>\r\n                </gb-filter-button>\r\n              )}\r\n              {this.showExport && (\r\n                <div class=\"export\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/file-export.svg\"\r\n                    icon-trailing={this.width <= 1007 ? false : true}\r\n                    icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                    onClick={() => this.toggleDropdown()}\r\n                  >\r\n                    <p>Export</p>\r\n                  </gb-button>\r\n                  {this.showExportDropdown && (\r\n                    <gb-export-dropdown show-entire-data={this.showEntireData} onExportClicked={() => this.emitSelection.bind(this)} class=\"dropdown\"></gb-export-dropdown>\r\n                  )}\r\n                </div>\r\n              )}\r\n              {this.showRefreshButton && (\r\n                <div class=\"refresh_button\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/refresh.svg\"\r\n                    onClick={() => this.onRefreshButtonClicked()}\r\n                  ></gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '72733fabc35e357d80ffd1fa937e1c565be896f2', class: `container ${this.size}` }, h("div", { key: '04ebc7586bffa818183cd3cc8ad042c393c150f8', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '959fdd6d1d8d16b35cef01a3e7adb56d99146db6', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'f6a50984135291f191d115558d47ae8d46760769', class: "icon left-icon" }, h("img", { key: '4409ff53990eb76e3074cabd333155db2af94cb8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'dfe1415900594fc9e4dd8ffb216c1fdc7c0c641c', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '463a60f1863f399f47651f7710b3f84c1d4cf5a8', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '54ef70f804bd1ba8e10c2e35154f9f896beac3c4', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '39fbc77a5ffb6939a2b111700859f8c12b6edc24', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '2c050153831fea0b73fbcbabbc2bc089e38bb9e0', class: "label" }, h("slot", { key: '6b24c9ddbe98a6d39bcccb0b61989da30e9001bb' })), this.action === 'count' && (h("gb-tag-count", { key: '3ecddb6e5a62fa9dec1141ba1c5a8917159369fd', size: this.size }, h("slot", { key: 'f71d463066b3ee1c7c40f3f7cb49e1e45783f3ed', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '3eb4d5f459c26c4c80deda79a06ed490d3f667cb', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '81e0e5b53ff1c441e3a28f668d6872da4a26bc4c', class: `container ${this.size}` }, h("div", { key: '52dd5d71e37a412635a62d197e02f01e9e7a37c3', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '4966386c36cd21b3fd88213792fca9c42ad4223a', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '0759827f0e4fc92f70513edf89db8fe9026e4f02', class: "icon left-icon" }, h("img", { key: 'aa3421d70806db594e69b47a9f6fbc87c586cb73', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '6a5be186c24c05beef35116059624f6ed1167c93', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'ceb5f89d267d43ce8698cd002e78419906770d48', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'b22bc132872e3520c13ad70104f0151659b91a66', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'f035fbd07c06da2e7e237ab1ed0fee78d5a67f88', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '098f601365dbe87a08230704e4d7577942774507', class: "label" }, h("slot", { key: 'a8ad31524b402b5a861c069682c8f15a4f44ec2e' })), this.action === 'count' && (h("gb-tag-count", { key: '84b2f2f58ec63990d453cfc81c51c5938b5fec57', size: this.size }, h("slot", { key: 'b8f8c930403c20c22189c3d8ca10f64867b89f70', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '6f3cb30c1e7b5380d31e12742c84e03cfbce1ed2', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '5c32aec348912c1eff3977f383d336d6960d3904', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '8f2d5cf5e253edc5aa9465cd844477351ff12b3f', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '305605f1737b53cf77e702d970e7c27cd1aa55dc', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'd724f260a11fa78e38dabb024395a18989bb750d', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '8dfd4b2899389144ea3261fa30c0424e15086b7c', 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: '2ade0b66d324223a610273616eba74da5ad77eaa', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '13d683458f6204de8b496ca5330e6b9c652eb7d4', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '41e3d9fadc486921e9588543b6ee080bd337ff7c', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4e5e6f6a206bd252a23da0f37f67d54c86371535', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '4d12110daeb6bdd396b7092a4abf72cb0ddc2cc1', 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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: 'eac5f98855c879d42556ade3f02e2acbaa50a97f', class: this.size }, h("svg", { key: 'e88fd6a5c7b567d7145ab6d99982f6e22c5ca153', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '07600c68bad96ffa64418508e1e59aa17950c5e2', 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: '95597d9fe1d91f914f36a2d6c9504d9704566980', class: this.size }, h("svg", { key: '96c1e0fb4c7e9475f13a612994cd0b80fc5d0ebc', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'c051e031584127ce05074a928c82dfd11b6f3c50', 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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '9825839a3e5786bb59797b9116c52df6bb5b8735', class: this.size }, h("slot", { key: '9982881901e1ae8da5785008afb27407f5113a67', name: "count" })));
+        return (h("div", { key: '20822b230d55da7d6a0440e742be32c0a56692e9', class: this.size }, h("slot", { key: '27357d7922ea867d341f8e6e7813aaeaaf9e2247', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -186,14 +186,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '55a3ee98f75bc6fa2dd2049597f1771b9f5dba67', class: "textarea_container" }, h("div", { key: '4517f3a33c0e7b38cfe739d5800e1c0d847b8b1e', class: "input_with_label" }, this.showLabel && h("p", { key: '923156d8eb88df8d1fc826afe5199fedd86b05db', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'bb093e13431798b8723a6e86c404c3528275fa42', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'fae893d00a32a8de116573ed61a4f727dba94846', class: "textarea_tags" }, h("div", { key: 'c189b2b35176b8b6e77c1b1a537c610f1826846f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'e9d2e9d58083b5cec17a8e11530bb01c911bfb92', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '0866bbc9c09e77315ce46f5f305339926acfd48a', class: "textarea_container" }, h("div", { key: '086f48fa064a5f1d2cf90c83a26620a95bd51cf5', class: "input_with_label" }, this.showLabel && h("p", { key: 'f13124e869f095684911b8a913540167ed2c119e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '2a99a46d34f40f2b8a6f049552c662d101a2f981', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'd2d48d15b01f29ebe2e9fac3f358c1e980665680', class: "textarea_tags" }, h("div", { key: '8c3ed6812fc2ecbf2cc2a610aa41053649cf5a40', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '9f66aed63f57c6ec417b2114c9e8907f85fb1130', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '6fd0b7ca893410a27d249ebb8ae162aa35270784', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '13b6c2eeab56ad2de2453faaa20bb49c273c00dc', class: "input_field" }, h("input", { key: '77bfe5e91a0efec8653379c09a1abdc8dc9c7907', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '3ea59361073388582082c5a8a19eec9c2426abde', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'c8d456920e458f0f8ca55cfd6c94589f96cf24bf', class: "input_field" }, h("input", { key: '8102429a04da1d6c05e7e924f850e4a9b636cf3a', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'a04172f2b16501c54cc2d6a590722140ef62728a', class: "help_icon" }, h("svg", { key: '5223feb348a25e82ae7b363ef7e41a398727d455', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'b6b3ebf57dca8b1864cb537545089a1c134e727c', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '5938c83953749001edd7b3881dbbc7721d3b414d', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '80143c20d85cdf96837397f1bf3d2da64ade0da0', class: "help_icon" }, h("svg", { key: '916ffce2c1dcbf7dbb0b468a8516f9d9208ade74', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '47121f72b98c8b7bffde9a861c253913b69137a0', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '151f92add10f11832588e99bebe6aa6e8998e31d', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '4e77a2d835d2770615dad2581ef6be85fff171a5', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '988c6eec09487fc3a6bf59846ba2be870e0be016', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js

@@ -16,7 +16,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: 'c0dfec77e96069fbd9c46619cfa006ba5bfac05f', class: `theme_tab_div` }, h("div", { key: '61825404d07782e65054a19b834738458d18d1cc', class: "tab" }, h("gb-icon-button-base", { key: '14e2910cd7238a446363b0966e6a4c13f1457501', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '3ebacf0cb309d2b908f54deba8f4cc81b1b71af6', class: "tab" }, h("gb-icon-button-base", { key: '70078b286d1ae770a6a0754c4fd72c22ad38dd0b', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '2ad67594f5a44e954cb4f63071c4bce567f73fd1', class: "tab" }, h("gb-icon-button-base", { key: '383a056106241b96192dc0c49a922b5bc5c20054', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '30ee07d37bbf5c180018db227467d59129d162b6', class: `theme_tab_div` }, h("div", { key: 'ce4d3424a24f49cff1ac708facead837340ada1a', class: "tab" }, h("gb-icon-button-base", { key: '766d1dc5f82ae66584a33a5f8183decd24991027', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '3eb3e2fc08fbdf2ac249aba178a21d83b15b7161', class: "tab" }, h("gb-icon-button-base", { key: '8b37b108f157b8c32d85dd451292f0329d533bcc', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '7528d6d4abd0932028aac74d75f6de4d2c85b918', class: "tab" }, h("gb-icon-button-base", { key: '1e320d87e04b9cc3e64b417868b151a5350e3643', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class GbToast {
     //   }, 5000);
     // }
     render() {
-        return (h("div", { key: '38d4e89e30e0b7f6cdd42531c22a02f1338fbb4b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '261e8a492935c0d5622b2c6dfc8a645e049cfb09', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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", { "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", { "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: '368f21d3c73f3e07b1e7cdb4deb9f1b56beadb00', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'da62ec026c1a30cfe5f924bb2b42f1439ef99277', class: `text ${this.size}` }, h("p", { key: 'aeec3a190a277244e5821842a731ee12780a313a', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '5e7e121f0df8407d2cdafb86fe0dd23e596c6cac', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '271d07ad33f50a6050b73dadf73f6088bd0f2644', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '34683e25aa5b9ba187fa549ebaf973d6ecb939b4', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() }))), this.size === 'full_width' && (h("div", { key: 'a8f92ec185f785b79382d630903326ef9862478d', class: `container ${this.breakpoint}` }, h("div", { key: 'd5f23ff1b987f9b6351939e78ac7a0ccc105ca7f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '355523f36c1d67ff33edbdb9c65fa47da5c606ef', class: `inner_content ${this.breakpoint}` }, h("div", { key: '5cde07fae313afcf98d880be04ea09ba70f233ba', class: `icon_container` }, h("svg", { key: '964ae16426374e2e2480d46b935916afd73d21be', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'ae4be9337e90cc5a02b31df2bc5b4435ddb236cb', 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: 'd1e832a0db9874f59b7a35b7536fdf8fdc1bec3b', "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: '58fd31901fdfb8e98ce86bbaf9354030f1270582', "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: '5f69a58715428f0e3ce671c84f60745bbd44ccd0', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '24699c1dfb494bc7122defae1a19efb3f7253362', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'acfe08a513cc5a197cdbd606932bedaeaba435fc', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'bb436272bad5238df3639dc604f4c8260f1a1446', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: '26506c61de2a947f044bf274bb73f2c58ed51da2', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'ffaf17d459c4cd1751f1217051827022535f56f3', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ed6ea6403e7fd44da459fb18f48673eaffd6b3b8', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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", { "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", { "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: 'ac9a7d311cb3952e30ce787cced1d6c3c893b110', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'bf30f33675ee2d18cb6fc4533cfb09182b15390d', class: `text ${this.size}` }, h("p", { key: '97b6dcf277c64ca241382cb50edc2d7785ae7c8d', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '9122fc2fa08002087918eac77bcb17daf2ed5e1a', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '8a13d1bc26b1ebd7ed5a63743812d111d107d97c', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'c8cfabd475d370c41c5ca5684642b266b1f1b37a', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() }))), this.size === 'full_width' && (h("div", { key: 'f2f709c6d7aca5278d5358b44a3c2b743de8e68f', class: `container ${this.breakpoint}` }, h("div", { key: '3861da85181338b279e43f98f22e848bb729d307', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '2524e7cc77dcc3a352c9ee615a4907e68847d8e2', class: `inner_content ${this.breakpoint}` }, h("div", { key: '5c82a6876958c042fcd34f9daa1c2e63c39f9b27', class: `icon_container` }, h("svg", { key: '1682e2c5b20715c03e37d136dee08ccc43d3cf2a', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'e7c42a206c25774e02267dfefce4d8690f9113e4', 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: '3480201e07e1440c819f967541ddceb72e3bb4b8', "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: '33f9cd20a0228402d967781eb500dec000c8dcdb', "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: '54feb2f01e7384b2e843530e27597d0885aae59a', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '2f8fb4500bb9ab4e79e77090c07559eefb5e16bb', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'dd14d5c17f964fbd396b239f416e6f966182c031', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '983a7269f6299c883263e39cf59f876400c4db1a', 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.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: '7024e4900a30af4feb02cff137bfcb41be7b01d4', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'cf42153ab1bcb263ad4acda715f97de7dff14dc2', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'f45ba509686682f00a0afb1bd1e226586965dcd4' })));
+        return (h("div", { key: '80df69aad2acb4e4d66c2725bede75369fe61a42', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '0567d4fdb3423e897bfcec6d75d030eff73caaf7' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '2535d89785b4ec4e716b1637ad95f697e01e6441', class: `toggle_div ${this.size}` }, h("div", { key: '00c24a9cfb0baca938ef293154bf4d15b7cdb095', class: "toggle_base" }, h("gb-toggle-base", { key: 'b1d2bd0702238b0c1951a02db1a2fa9c72662cbc', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'c72db58f93a33508b864eaec7dd17adcea77c365', class: "text" }, h("slot", { key: 'ec509940831a25a99f8bce1535a05d99e8473ceb', name: "main_text" }), this.supportingText && (h("slot", { key: '4f6b45a01f77ea10601cf2fe9cc3cee86e1febf2', name: "supporting_text" }))))));
+        return (h("div", { key: '6361af7ff370108d1d25f229e7ab6b2f3fad03d1', class: `toggle_div ${this.size}` }, h("div", { key: 'ccc4d4be2a2d6a7a71899d8c9d3098215a036778', class: "toggle_base" }, h("gb-toggle-base", { key: 'e5295f41d2426e5272645ff38ad75c2fe24061d9', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '645bcb56dba32608a2c4b580a8c6984d69f792c8', class: "text" }, h("slot", { key: '8715841a36b271ca3fe69282273e41e0981beefa', name: "main_text" }), this.supportingText && (h("slot", { key: '3456846e4f58cf189f399a9817b35d9f2c2d0725', 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

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

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

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '0d9c7e397e1712c87147540117b13016d7d155de', class: this.size }, h("div", { key: 'b2047bea7464f613836ac6efd6ad99b9831da263', class: "input-with-label" }, this.showLabel && (h("label", { key: '0d4ce77ec75f1f78f4ad0e5d04093b2248b464d3' }, this.label)), this.digits === 4 && (h("div", { key: '164f36d4ccc8161089b187490b2a47a5d12f6570', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '1340a687a70c7d49935b05978cf05f3dc39ce7a3', size: this.size }), h("gb-mega-input-field-base", { key: '58b3244f180215ffc3dd9283e94803f7ac367d71', size: this.size }), h("gb-mega-input-field-base", { key: '538c152aeda08197741649783f740897960af90a', size: this.size }), h("gb-mega-input-field-base", { key: '03dba8730f58a8818c4570e5e3ffb18a6a862eff', size: this.size }))), this.digits === 6 && (h("div", { key: '0e0323fb92d103e929259d1fa7d9cf5ffa5e3ce1', class: "input-wrapper" }, h("div", { key: 'a83bc11fdd27274b77151968bf0b7a1afdde8664', class: "first=section" }, h("gb-mega-input-field-base", { key: '59f77cd731ae041b39d013c1f9f551e71f5995c7', size: this.size }), h("gb-mega-input-field-base", { key: 'f04f7463daf17fdb75a9f241763faf8982a010f8', size: this.size }), h("gb-mega-input-field-base", { key: '7be59e5a0dcfd4e3da83e573af2982260f166e47', size: this.size })), h("div", { key: 'e422eee1c8613a6b8ccba73d7c205f61023e1532', class: "second=section" }, h("gb-mega-input-field-base", { key: '1e8352813f3de7887ede9e2331c9cd79911af156', size: this.size }), h("gb-mega-input-field-base", { key: '8a524d13a0aa3e888680f3b1a793aec934923b1b', size: this.size }), h("gb-mega-input-field-base", { key: '9c27846aa9e6eabd760f025c2f78c10be3584732', size: this.size })))), this.digits === 8 && (h("div", { key: '8ccdb3a8afdf1436e7aed259ab5ae4087adc40dd', class: "input-wrapper" }, h("div", { key: '184681ba68f084aa39ccf2c39f7f45372c76cbe0', class: "first=section" }, h("gb-mega-input-field-base", { key: 'a7b65234093ff8c8377a68dc6bc820e9ae4ff074', size: this.size }), h("gb-mega-input-field-base", { key: '7590e554d256ce8390aaf9333449e4cffc53b97e', size: this.size }), h("gb-mega-input-field-base", { key: 'd49b3586b2ddac174e85cf9f995b4693f9f95eee', size: this.size }), h("gb-mega-input-field-base", { key: 'bcc744ca0defd42a3c7d07fbecea7cfe680d3c38', size: this.size })), h("div", { key: 'b02bcf4dc2799e1700db975b238e9a5cb1596d4e', class: "second=section" }, h("gb-mega-input-field-base", { key: '500361e88e86503d92bd8e1df0d85e6d59d7c5ba', size: this.size }), h("gb-mega-input-field-base", { key: 'bc500bd93aa329025fced0b3be313443438f1e9d', size: this.size }), h("gb-mega-input-field-base", { key: '28920c941548214c49f6b6bc0fcb8c2aa35228cb', size: this.size }), h("gb-mega-input-field-base", { key: 'fc4c2a7b6fdd620516fbd2d51f0025680bdeba33', size: this.size }))))), h("p", { key: 'aded9eb02e0dab7c2d9c611f4fa6710b0d931724' }, this.supportingText)));
+        return (h("div", { key: '5f9ca6e1190c42fc4d51dc60d002c57e1005ca62', class: this.size }, h("div", { key: 'c80fefdd4bd477df41ebae86b6a98bd17c31f081', class: "input-with-label" }, this.showLabel && (h("label", { key: '25fe76928b8ccd43691f5e993f3b8480869c7c6a' }, this.label)), this.digits === 4 && (h("div", { key: 'f2d9e6be6d59df6c2a90cdb040d57382628613be', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'ea5fb2c1a11bbf06df573ad01183b038f7d763a6', size: this.size }), h("gb-mega-input-field-base", { key: '1365e2f1bdcc3f5da174eb3581f5d20cc8e1751c', size: this.size }), h("gb-mega-input-field-base", { key: '1fffc4a25df87298c7b1587a0200b4986d476341', size: this.size }), h("gb-mega-input-field-base", { key: 'b84cb73c0fbdda2704b7b96c8cca44298b9848f8', size: this.size }))), this.digits === 6 && (h("div", { key: '4714c625dc8c90e1ec7cc9626c0b04f49c180b67', class: "input-wrapper" }, h("div", { key: '52e784f4afd5fff8a787db88f364759cf7663da5', class: "first=section" }, h("gb-mega-input-field-base", { key: '9868e85a0678fd898d84694c13204dfdd52697a6', size: this.size }), h("gb-mega-input-field-base", { key: '824b4cb12a7f2c60ee6149f6a431da998a87d0dd', size: this.size }), h("gb-mega-input-field-base", { key: 'c7627194ce606bb770a24cdeffebc66ab891174c', size: this.size })), h("div", { key: '256578fd2436ae7a1802b19a4339749959dbdfef', class: "second=section" }, h("gb-mega-input-field-base", { key: '7a07557957386b1c0eef1bb86cebeaffbd464d9a', size: this.size }), h("gb-mega-input-field-base", { key: 'af1ca9c558dda3ee4923af6b12e4ad43e7371e6c', size: this.size }), h("gb-mega-input-field-base", { key: '412b6664c9159580b192111e8363ed0f07e17e0d', size: this.size })))), this.digits === 8 && (h("div", { key: '6ba911157febb5c86956910484885d91b6b6e2c8', class: "input-wrapper" }, h("div", { key: '7c31143e9d39ec378df9ec9e7793ae34a893a1ad', class: "first=section" }, h("gb-mega-input-field-base", { key: '5614a2553a74bd834e07324770b0b939416b96a5', size: this.size }), h("gb-mega-input-field-base", { key: 'd07ef792bf4cef6a6a31eb3cb5c2eec1768e87a9', size: this.size }), h("gb-mega-input-field-base", { key: '9c11b4433ab0ab48674d14afddf8fa73ea3c6f8f', size: this.size }), h("gb-mega-input-field-base", { key: 'cd6dfe9d6f7db158589e907f3aba04e26c8556a4', size: this.size })), h("div", { key: 'd8d3bbb9299a6e2765b9835e44f2a954716a3cae', class: "second=section" }, h("gb-mega-input-field-base", { key: 'ad93484427290968d7cc212e9ac9d25d002c654f', size: this.size }), h("gb-mega-input-field-base", { key: 'a70c9bbe8533758d49821749290e761ff4ee2f87', size: this.size }), h("gb-mega-input-field-base", { key: 'c188c5f6c94d2b767cf9abd826376de366ae7509', size: this.size }), h("gb-mega-input-field-base", { key: '58cc75839aa6d4c889ffa549defd5bffbf6d8839', size: this.size }))))), h("p", { key: '0e2a39116cff212a71fc753b511405a32a8e3b6b' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '3c81357b067030e20d4a4ba8af6736d1ddb86ecf', class: {
+        return (h("div", { key: '1a4407594907d92159364540f59cbf3412eee78b', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'f3b6f00719c3f1356b547261387becd70efae706', class: "input-with-label" }, this.showLabel && (h("label", { key: '71e2b108feb6c3bc55390a6f305e32c629da9922', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '76366682f80a6222cdbe7576ca1313e8c7852f35', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '96558932da82a4818468ee66f7215ac4b4b4d86a', size: this.size }), h("gb-mega-input-field-base", { key: '6a4f8f4f8536fd7d60205d00a5940a9e03a7ca8b', size: this.size }), h("gb-mega-input-field-base", { key: '99e13a1271cc1f7b23f747b08b78b957a86dc1dc', size: this.size }), h("gb-mega-input-field-base", { key: 'dfb7fb3fa9bc3c7d25da07dd3fb3ae98035c4730', size: this.size }))), this.digits === 6 && (h("div", { key: 'cf5a4ea96f8254fe0e081f189bdff8b8d7fc98c9', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'e6886cef1c7cf03cf54df6bba58c09559cf2f4a1', size: this.size }), h("gb-mega-input-field-base", { key: '3de99a4e5c3de609c774f70ede426ec575157d4a', size: this.size }), h("gb-mega-input-field-base", { key: '7434a5e506488a5b7d03d6a481be6057addc6e54', size: this.size }), h("p", { key: '185c3f2dc96cdc136eb67141d75464051cae75d8', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '0546f3a92c67197286248ff57704e87914febe3e', size: this.size }), h("gb-mega-input-field-base", { key: '410ea50cfbcb1666bdde53bfd263160baa763a8e', size: this.size }), h("gb-mega-input-field-base", { key: '4788a3e83fd6b3d31e6ee8d991603404bc1c8dc3', size: this.size }))), this.digits === 8 && (h("div", { key: '9b2cf9afd6d6e2cebfa12ae1d6679e655014fb60', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '4a7507accb66c2c8f8a0416cd53aaf9914158a6d', size: this.size }), h("gb-mega-input-field-base", { key: '41f9b625075a6fb5354ecd0e19c1df6ac629691d', size: this.size }), h("gb-mega-input-field-base", { key: 'c585dc7ad9dc73382968e5fd314b32c6b868a762', size: this.size }), h("gb-mega-input-field-base", { key: 'f6f459282b2940c7a01d83549ff8f6d54d8db3d3', size: this.size }), h("p", { key: '894ca20a91070ab3a73a88c71d1e69a5f7651a98', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'c7ee3decf76e36bf07113882aec419f704e6e96f', size: this.size }), h("gb-mega-input-field-base", { key: '80e79192dea99b910df30725ea61c93f01d76dce', size: this.size }), h("gb-mega-input-field-base", { key: '6e9e6fc06c1dd2d14e990bc1c9da672abd669f1c', size: this.size }), h("gb-mega-input-field-base", { key: '911908de6aa56be6f1e79a45eaf08685f87e351c', size: this.size })))), this.showHintText && (h("div", { key: '6c6cf39b2998f9e3bfbd6d5694e483d8366b563c', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '9b4d86f4ecb0dd22a752b161e3a2053e8f4e4b5f', class: "input-with-label" }, this.showLabel && (h("label", { key: 'f06c7d489d086489e4335d0627ac588d55f52c54', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '6867817572e311841b3f5d9a7afbe90177362704', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '8150c8f28765c7a171d488c6447a0e17b5405ad6', size: this.size }), h("gb-mega-input-field-base", { key: 'bbe76072b5d8b02e90621fd33822bad05c41fffa', size: this.size }), h("gb-mega-input-field-base", { key: '47f4e6d876e885acf89d4f4a77b5d7861dbddc2b', size: this.size }), h("gb-mega-input-field-base", { key: '5904ce55b34c76779fa09bf98a2662cd194e7f33', size: this.size }))), this.digits === 6 && (h("div", { key: 'aafb103b697fdd071b53316c3008ec28a1a93e36', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '946d10b722b11246ea1c5b87e2b876c2e4269233', size: this.size }), h("gb-mega-input-field-base", { key: '45c462fbee758adf65eedb1c1539416ec81fe25b', size: this.size }), h("gb-mega-input-field-base", { key: 'f70db54775555e3c95a2dc91c473014f51bcfacd', size: this.size }), h("p", { key: 'a0213b0e2b3749d77a90f009c300b331e242980e', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'aa24006fc041a6beb14dfe1e8e2c2b46b16d00ee', size: this.size }), h("gb-mega-input-field-base", { key: '784a48d93797c21fa146e3531817e7d568a3fa5a', size: this.size }), h("gb-mega-input-field-base", { key: 'c4b4d6e40e08ea0b16274b6fff1938bdbe90522b', size: this.size }))), this.digits === 8 && (h("div", { key: 'ded34e21b644944c97f63b2c2aae8c529b613b12', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'fb3694c2958be83be5336f4de46b4a0eb57ac7c4', size: this.size }), h("gb-mega-input-field-base", { key: '80788714b908f90b6f1966c2de35f9a5b057d50d', size: this.size }), h("gb-mega-input-field-base", { key: '24550a03518f013144d94a1c93fce3eab161abc5', size: this.size }), h("gb-mega-input-field-base", { key: 'b920db28c7874d2463518282570641a23f84aa57', size: this.size }), h("p", { key: '9d93dedf95a2a1fc80c49c5ce72da17081421ffe', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '31ac848a7a6bd0a09b7ffdcc36afc41859efd112', size: this.size }), h("gb-mega-input-field-base", { key: 'cd569663145e39ee64cd8da9b2682d239c5bd2ff', size: this.size }), h("gb-mega-input-field-base", { key: 'e91be74338d51e5d21aa28dd3b76bfa033266bd6', size: this.size }), h("gb-mega-input-field-base", { key: 'f764f11ffb38dca01c29cc07c97938205f23e970', size: this.size })))), this.showHintText && (h("div", { key: '215a9f3cdb079be01b3546b31b2f9e4a3e645838', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '31f8ba40a61ddb6cb41f0e9c92f39f33d33eeda1', class: "tooltip_container" }, h("div", { key: 'a1a98e6c0ff415a5d2dc1a17815b86825cde4e0e', class: "tooltip" }, this.showArrow && h("div", { key: '493857540687947e54fd88dcbe5df2ff9cd921d3', class: this.getArrowClass() }), h("div", { key: '5b39007060261a3058217dbc810694278ec63093', class: "tooltip_content" }, h("slot", { key: 'aaaf81271d1f7f37382e70410159e1540522d398', name: "label" }), this.showSupportingText && h("slot", { key: '08390371880e0f9fee4033d46451c0b4db5faf0b', name: "supporting_text" })))));
+        return (h("div", { key: '9b3f4c3ad102b7bf73c4d8186a34bf36f613bb22', class: "tooltip_container" }, h("div", { key: 'e7e22979c3b843d810ce87b584bba647bdb19778', class: "tooltip" }, this.showArrow && h("div", { key: 'c6b85c708a829ea6cc20ce13f9daf09ff140d5ca', class: this.getArrowClass() }), h("div", { key: 'c3162f2313887263c5f61e38b20de15605d86eec', class: "tooltip_content" }, h("slot", { key: 'ddb331d4693012d4237174cfc0f384c3eddef22e', name: "label" }), this.showSupportingText && h("slot", { key: 'd7de102143c71aae93cf2173c49463ce79de198a', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GbTopBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '547d9189722cb49f9a79e533327cf03052089113', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '160f8f7a1ca3ef64e14e605f31aea67c5e33abeb', class: "pattern" }, h("img", { key: '3a6d1056b45fa86440fd51a4cdd1c63546e38b6a', src: patternSrc, alt: "" }))), h("div", { key: '98cabeee06e0fb91cf43ea88a3be3461766de25e', class: "top_bar_content" }, h("div", { key: '52bf6f735ccef461d30f044a745e61b86fd58f22', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: 'd742f67e679eb8ce286c57395c7acbde39590f08', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (h("gb-top-bar-item", { key: 'fef14f9303cc633af0f0c34b4550ea24c9d3f410', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (h("gb-top-bar-item", { key: 'de3f89d0eaa2148c06536615e5b4dd73e48b85d8', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (h("gb-top-bar-item", { key: 'b441f4d28e571be8a8ca18ee275c8cc7b1032319', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (h("gb-top-bar-item", { key: '51f151c603155a33746feb8676b862122b194e1e', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (h("gb-top-bar-item", { key: '73572511aa02ea34c4a314266f94366c70d2bf67', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (h("gb-top-bar-item", { key: '378bee044b90f422218104f279a40f98cf4f426c', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
+        return (h("div", { key: 'ef9a6c013bb42d1333ea93b3c3f779add0e231ce', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '5aca90c7ee0864a88f800b7014ca475727f609d4', class: "pattern" }, h("img", { key: 'c20aa61efc632794e85fc83c561e4329da3bb192', src: patternSrc, alt: "" }))), h("div", { key: '4598f0329a018198bff4b061ca7a20604a9afaae', class: "top_bar_content" }, h("div", { key: 'bbbcea0550b58ded8687bf8e5c3fffa22d1edf83', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '884b6cce72634566dedbb50ceb3002419f73e262', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (h("gb-top-bar-item", { key: 'e1842f01e55fbfe0a72c549412bdd306c1b41eea', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (h("gb-top-bar-item", { key: 'b6ce4f75b785e5cf3f018626dcae29f6ce881abf', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (h("gb-top-bar-item", { key: '464e42a7c36fc82d41679a39c3a8fed118300c3b', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (h("gb-top-bar-item", { key: 'f6d42865bf976149cbf524faa86b6c313c5f8aed', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (h("gb-top-bar-item", { key: '7b22dc58f90c0bf5c8c76b3647b93795601dd378', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (h("gb-top-bar-item", { key: 'cd59ebf480d96178fe21276b4b1e6de627ed0c59', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
     static get is() { return "gb-top-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GbTopBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'cbe3e631cfd1ce6458a788bb69fc57c9478e2f1c', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '20c9d9955fca62e9baf5a533fe8219d7a24409e4', class: `top_bar_content` }, h("div", { key: 'c4fbce014af2609c3c1b0573cd251cdc434247cb', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '771b77ac59636e0b06c3af7194e75404233b73c0', class: "label" }, h("p", { key: '2e018ffe18f58f2f283d06af3b2e132094fda7b1', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '38c8ec47935b2532a3e06f120b84fe4be741ae40', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'ea3dc51ac04088baa7b995eee90b17fb99b55dbe', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '4e6c06bf406df03aad83df6536931373dd14c6a6', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '5f9a1d619f86e1d50797724c7e888d73a33ab448', slot: "label" }, this.label)))));
+        return (h("div", { key: '8e44937999e1ddebeef73318d806fd30f321c666', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'fab5ba28d5da3b85adf3c4a629d5d9349951a73b', class: `top_bar_content` }, h("div", { key: '5e6d55b95fdef50994844a1594a0ff465c2a1131', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '1ad6f57b85b6af3c613f4e3ba2519ea49998692f', class: "label" }, h("p", { key: '7285b5ca228428bd56415aaa28882e04756dd3cc', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: 'a673dffc1691703cf1cad4d7eea35bc3627d6fbc', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '601bbeeb60408c33f8e0fdee564a3531344484e1', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '0d77cbf9e154c342147b77c49e21661f27445718', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '01c1ac401f7367a9a05ea063b1188cff83f9b716', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-top-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-top-bar-sidemenu/gb-top-bar-sidemenu.js

@@ -31,7 +31,7 @@ export class GbTopBarSidemenu {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: 'd7f350a6ff51612a65fc58b943dd2a1575c0c41b', class: "top_bar_sidemenu_div" }, h("div", { key: '88346a81f902e81b862c9e6561fc88c0446ab917', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '4fac4766ed2b1b9c7d6bd01754258e6b84a3006a', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: '8819afd008b534adfcb0d567775da651c4035114', class: "wrapper" }, h("div", { key: '4fcf9b22aec574d7bee700e52a358bef1c565273', class: "wrapper_pattern" }, h("img", { key: '099320347828a804b5facbc66d370cfa6bf85b1c', src: patternSrc, alt: "" })), h("div", { key: 'd44fc48a88fb48b1a05b9928848e092ed5b1b88b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '9f55def1a824eab176d4e79b4cca8e0985270855', class: "application_name" }, h("slot", { key: '815a1bac5d72d187b0dc0258df7da123c00af48a', name: "application_name" })))));
+        return (h("div", { key: '9dc6dd158b104a7abcec1879df7a06beaf7364ec', class: "top_bar_sidemenu_div" }, h("div", { key: 'f718b515a90913a58a625677dfd54a68a2475c41', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '3c53b7a2e8a2c1fe48d5b10cce531ba76c2d1827', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: '3213410e1b22bde57b3eb089f509f0a70441a566', class: "wrapper" }, h("div", { key: '681a4e46a82a52d1c707b5a6ffd092373006bbf6', class: "wrapper_pattern" }, h("img", { key: '487039ef092bd21d24f937637f9d1c0c258f8a02', src: patternSrc, alt: "" })), h("div", { key: 'f7aa2ada5ed46ce6bc3085b65493b963c65d123b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '3098266722f2db2c8686171c7b3824cb9cdc5001', class: "application_name" }, h("slot", { key: 'c90a56021d10305d077d8a4bed09199947d31dcc', name: "application_name" })))));
     }
     static get is() { return "gb-top-bar-sidemenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: 'cca1344c973eafb88dd879dbca39c9b3030d4046', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '734505f5c596472cce7435bb42ad0793bf7deea9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), h("gb-tab-button-base", { key: '2351d01170a115f0d324394533da0836ec1ee652', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: 'c8391ea42983e393b99610aaf01fda1db01c0585', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '16a3b2b1f7594664613e60b96b2a1960eeeb4f7c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: '8790419c0e5f003103392f2351c24816c5c53482', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (h("gb-tab-button-base", { key: '98a362f7eeb6ef7adabc55b1d58dfc98cd64e4a8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (h("gb-tab-button-base", { key: '4b75bb88f3072ede55cd5fd0f18b59da0671f33a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (h("gb-tab-button-base", { key: '9a503235dc761c8a5c433041b2885300ab92e49c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (h("gb-tab-button-base", { key: 'a538241082755c87c33c9453e55efd3fe0ed5e03', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (h("gb-tab-button-base", { key: '08d2b12419aa7a78e8cc780024e55982a3ecf02b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (h("gb-tab-button-base", { key: '122527fbabf417dbb29acb4116450370590d33e3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (h("gb-tab-button-base", { key: '1fdcdff0089c659e0229ac130cd54cee676f8419', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '37a65cc7a9143529ff72fc8f2dc70fb7eb4b84d9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '82141ac3cea9e78e9930f9f67ee0e63f16061bdf', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '7b95defa01c0b940cfbf2ac33ae8aff50e220286', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'd5f7d491f62ac7a90e91c277ad96e8b95cc91b5e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'ea875f90f267f36f19bba034aa6f63c05539d165', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'd3a8fe6f7028f23118896e667e7fa6c40f6e44cb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '388413c1549f19905244a79217f3194f59369cad', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (h("gb-tab-button-base", { key: '08c03214f0c899c8d069ce18f929b02bfcc7c5e5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
+        return (h("div", { key: 'a6f9d383bc4b34d92bfb0a7f0436e5651fdc34d0', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'bdff39985fe32c3ad1fe8c557ebbce275cc6de35', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), h("gb-tab-button-base", { key: 'fbb30a94e31392ce925079d4d9767d0bb73f7d89', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: 'efb17ca50368b298a822fb9a86960e21953b2649', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '82ab30ac6c068fe7384e9d16c1a5ad4fe5070a93', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'caffdfdae23e20bbb89a4609e7b5ab2680490e50', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (h("gb-tab-button-base", { key: 'e106e0515f98c5b20a7b8dba46ea30c73e8e60a1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (h("gb-tab-button-base", { key: 'd52163041aa3184832754d154897bff15d84d310', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (h("gb-tab-button-base", { key: '050aa62793373a3af8eed4e012af0f401b881416', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (h("gb-tab-button-base", { key: '0c4b6a58402b6872073a0b132a115c3f57fe29d2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (h("gb-tab-button-base", { key: 'c8ca0c1add3fd8e86c13b828a6927e42ee1c637b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (h("gb-tab-button-base", { key: '3b9ef736008c83fef9f8fa38455d8f8481fe0911', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'b7e3325e253eacf7ba48e1e51bd4f97d5dc0723e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'b4b6cc34bc7b50f9f7669c6e890e9749f2890065', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'f27fb2e8b74706a35e8667c16e579e4f07c4e846', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '7823f67c014e94b062480dccd5bee89807e4828f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'd3e02a23d2e138dee2f8a94153131f80152b3418', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '11ba5dad16660acca2511e2ce262f67ff8b6bd06', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '4d84d0d093604686b10476a7cff582697b63edba', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '25cb120e75c0594db525121dc4e305daf979c6ae', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (h("gb-tab-button-base", { key: '7ec24c8f5758d85835f1b7f23e87aef57eb31cf5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }