npm - globuswebcomponents - Versions diffs - 1.6.8 → 1.7.0 - Mend

globuswebcomponents 1.6.8 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (542) hide show

package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '38339f53c21a8e1f7961ac41aa3658ab0f127a2f', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '3b238b5a3761ac6f15ceffd2c0b471d33c53d34d', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '7791810b3e75e53702f448e882cb8ecfd2a68436', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'c1d9acb6e08d84eac2e023db0cb98cf597d1b1be', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'c5bea2b351cd5ebfbd6b1649eb257916382902bd', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '9f1694bb87445d0c6b4667826c328e3d2e7416e2', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '28dae5e4c999feda7717883d621defef6864c96f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e7616f2978624316bd3dfdf89453d8df798e1703', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '9ccb0d2e8312bb708ec4e0997706c7c421496760', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'aa9ab943def99014c0888234caf193aad1728227', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '527d6a17924fd1e3840131cd05bb3bb9184d5a44', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '213d6f20d0c4c5757b1ba2b36cdb55baf77e5e5f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a8658a8d74e14a62999e4e3a0dbbdb1680da9131', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '652424cc1cf094da3ea6e6d48c641c1306373d46', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '453f13bae01799bbfb94b5009b1d6dd07351e3a3', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '3903ce1d1b85acf3973054ac1d2e3ade50624126', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '258ea37b362611665745634adc5ba789e846da93', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '1c55dd9bbe04b4da09b3b6e3ac66d0e3f789dbb7', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '052a5ec2125fa57ec68ef162cb54e16841e48b30', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '45998ff56c5a8816ee879d3b3ce2efeeda16b72d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '3971b8fb350790406c83e36813ffa9219082abb9', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '8e1fc73446fa13f71429ee64e9b8fe6456c8e192', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'e94cec5e94ff0c4cf4ec44eba94842540cf2b8e4', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '3f3a2e63be7575d605ef392b30f5242639b103d6', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '69a58cbc74ef2d3fe290ebbd8f02bfa23c085d12', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '92859ae38b8072d35a366d6b04cd0a8774ca93b1', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '10521006b34e8d02b00c704a3c6ca3c0a4b9f523', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'd6eec01f9ffb28244611b31bc3fc7540ffe7a6d8', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'ed87f09ace529917f9f3afeeb96f1ce5467a92a9', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '3b72d20257f987dd30520bed6aa10427aea481c3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1d6fb2d8c3a73016e15f398c6d8b06875bdb9fb4', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '98d71abd35440b642991afcc63ecc8a86363c8cd', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f4a2ed73bdbb18027093e2d4c0dd7cc1aabbe0c4', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'fc7f825f43c5d0f18c02a1b2933380f03bccad07', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '0a93ce887dc3f61a1c3063c10fa3c7e8472f2f6e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'be09932f458aee58c7aaf7576e4dae85879976c4', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'bd1fc69e44f08d9cbca47b92691b0d03619ecaf4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '0f7aa8a2ca8a86a55ec16c1f26a62f672d72ddbf', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: 'b1cf80e9a48bf4bf9b754d7942e54f2cc191adb8', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '7b33c293aa8ba0d899e1c793f53d02abf38219bb', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '996af69c0d0e81814efe7f2ae30bc4597aa01c5c', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '2cea3f780f10e9b5932d7d8755ded5938e3c86ec', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'b52006bcee5e15e8191de071e5d7c7b270324b09', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '7ecd5d3a7b19de1b8b25b67d3fec66a8c908d260', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'c279dcb92961de344178d838364b5698ad1d0879', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'b959441179a007e8351e036277bfb7a02c01b9f6', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'bd8483320e3be378e2ff9b6f1d3cb57ca62c6aea', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'c7ad58ef7f6b5e84922d85ad9a113d38bf6e5533', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'ea5efe6542cbad7601e67c38680ade5d3a975cfb', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'cbdcc6635a32e54b6bc16fd0636402ec23254a8e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ed333f39a03274f58c025b26ddf3a52b1aebc332', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'da587e736aac75865a504e38490a1a3f3f7c732a', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '2103ae313a74dcc9e56ea90a7fd0a2f5c62b7051', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'bbf57375a69441ac8103a0231b921db2d8220feb', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '6e67e47c7786b4d64bb443963220264f3bfeec75', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'fc256dc699e5f108e70a98a4352af5e6e94aebf2', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '846aa6428874d7092051e6dcdba208f6dc686f48', class: "text_with_line" }, h("gb-step-base", { key: '92d78fc86b73a1423a573971633e4c156e076c55', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '8e008f3c8f2a22d9588f0c95e811fb175344d333', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'fb7d1e76c83a9215271c5bf6ec2e4f95bafad1d8', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'c6495336ad721fd4e6432ebcc5f3b826543b4357', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '665013efbe54758325c2ad4b8a63442b1a117991', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '2c9aaa678993570d41f2902eb859ca57dea6bf2a', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: 'b407f6c337bf425c6d44df0cfa0f3e38657c4517', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: 'fbeaf8662b7aebfbe1dcc1674b7a29706e917382', class: "text_with_line" }, h("gb-step-base", { key: '125eec29640ebca3a6104fd7bcf8c770bd057aff', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'ae5931683ce2f541456ade51a6aa04595c1a42f9', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '93889ab42518273442c9830a58d826dd8d7787a6', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '1281c564505816751dfcc53abbc2573f5e8b941c', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: 'c0a46c7a91d4964b3e5c39723093fe079e2476a9', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'c409886b660e231743c99e03cade738e9ad35aa2', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: 'e95fc449f5182c8f6f98f635d42d07a07b9ae601', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class GbstepperVerticalIconsWithText {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: '11531420eff4b44e99c9963b1fc0e4e28bc00a98', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (h("div", { key: 'f6b23f5302ba8c2c8dbcd92dd2f85b8d4683c341', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
     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 CHANGED Viewed

@@ -40,17 +40,20 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'bfe437bc7d7929329e52fad0ba5615eaf518793f', class: `tab_button_div ${this.type}
+        return (h("div", { key: '81172491eb544b41ac2f9dd6c996838b4282b2c1', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'd279bf31c3c069a2c6b2b6f01c7ae45301a068f1', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '9f8fc8eee8ab5dac8731927f4a215fe3ca210d21', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '7ae0a1bdc8e07cf8e4b53ffe1ff418439b5ba830', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '01aeee8c2bc7502c155201de88a5f1bc90f82de2', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
-                    : this.current && this.type === 'line'
+                    : this.current && this.type === 'underline_filled'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: 'c470d2ddff7f51437d9eed5da1294edc24a015e7', name: "count" })))));
+                        :
+                            this.current && this.type === 'line'
+                                ? 'information'
+                                : 'gray' }, h("slot", { key: '775ed9cdecca3abb8736ae9894a0c2102f73ff85', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-tab-button-base.js","sourceRoot":"","sources":["../../../src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQjF,MAAM,OAAO,eAAe;IAL5B;QAMU,YAAO,GAAY,KAAK,CAAC;QAEzB,cAAS,GAAY,KAAK,CAAC;QAC3B,UAAK,GAAY,KAAK,CAAC;QAEvB,YAAO,GAAW,EAAE,CAAC;~~KA2E9B~~;~~IAtEC~~,cAAc;QACZ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEzD,IAAG,QAAQ,EAAE,CAAC;YACV,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACA,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI;QAChC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QAC7B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;QAClC,IAAI,CAAC,IAAI;QACT,IAAI,CAAC,SAAS,EAAE,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAE/B,0DAAG,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAG,IAAI,CAAC,OAAO,CAAK;YACxI,IAAI,CAAC,KAAK,IAAI,CACb,iEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,KAAK,EACH,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB;oBAC5C,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;wBAC3C,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,~~MAAM~~;~~4BACtC~~,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,MAAM;gBAGZ,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-tab-button-base',\r\n styleUrl: 'gb-tab-button-base.css',\r\n shadow: true,\r\n})\r\nexport class GbTabButtonBase {\r\n @Prop() current: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop() type: TabTypes;\r\n @Prop() tabName: string = '';\r\n @Prop() alignment: 'horizontal' \| 'vertical';\r\n @Element() el: HTMLElement;\r\n @Event() tabClicked: EventEmitter<void>;\r\n\r\n getTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-medium';\r\n case 'md':\r\n return 'text-md-medium';\r\n }\r\n }\r\n\r\n getCurrentTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n getCountTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-medium';\r\n case 'md':\r\n return 'text-sm-medium';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const tabCount = this.el.querySelector('[slot=\"count\"]');\r\n\r\n if(tabCount) {\r\n tabCount.classList.add(this.getCountTextClasses());\r\n }\r\n }\r\n\r\n handleClick() {\r\n this.tabClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div \r\n class={`tab_button_div ${this.type}\r\n ${this.current ? 'current' : ''} \r\n ${this.fullWidth ? 'full_width' : ''} \r\n ${this.size}\r\n ${this.alignment}`} \r\n onClick={() => this.handleClick()}\r\n >\r\n <p class={`${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}`}>{this.tabName}</p>\r\n {this.badge && (\r\n <gb-badge\r\n size=\"sm\"\r\n type=\"pill_color\"\r\n color={\r\n this.current && this.type === 'button_primary'\r\n ? 'information'\r\n : this.current && this.type === 'underline'\r\n ? 'information'\r\n : this.current && this.type === 'line'\r\n ? 'information'\r\n : 'gray'\r\n }\r\n >\r\n <slot name=\"count\"></slot>\r\n </gb-badge>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-tab-button-base.js","sourceRoot":"","sources":["../../../src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQjF,MAAM,OAAO,eAAe;IAL5B;QAMU,YAAO,GAAY,KAAK,CAAC;QAEzB,cAAS,GAAY,KAAK,CAAC;QAC3B,UAAK,GAAY,KAAK,CAAC;QAEvB,YAAO,GAAW,EAAE,CAAC;KA8E9B;IAzEC,cAAc;QACZ,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAEzD,IAAG,QAAQ,EAAE,CAAC;YACV,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACA,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI;QAChC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QAC7B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;QAClC,IAAI,CAAC,IAAI;QACT,IAAI,CAAC,SAAS,EAAE,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;YAE/B,0DAAG,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAG,IAAI,CAAC,OAAO,CAAK;YACxI,IAAI,CAAC,KAAK,IAAI,CACb,iEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,YAAY,EACjB,KAAK,EACH,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB;oBAC5C,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;wBAC3C,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB;4BAClD,CAAC,CAAC,aAAa;4BACf,CAAC;gCACD,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;oCACpC,CAAC,CAAC,aAAa;oCACf,CAAC,CAAC,MAAM;gBAGZ,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-tab-button-base',\r\n styleUrl: 'gb-tab-button-base.css',\r\n shadow: true,\r\n})\r\nexport class GbTabButtonBase {\r\n @Prop() current: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() badge: boolean = false;\r\n @Prop() type: TabTypes;\r\n @Prop() tabName: string = '';\r\n @Prop() alignment: 'horizontal' \| 'vertical';\r\n @Element() el: HTMLElement;\r\n @Event() tabClicked: EventEmitter<void>;\r\n\r\n getTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-medium';\r\n case 'md':\r\n return 'text-md-medium';\r\n }\r\n }\r\n\r\n getCurrentTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n getCountTextClasses() {\r\n switch (this.size) {\r\n case 'sm':\r\n return 'text-xs-medium';\r\n case 'md':\r\n return 'text-sm-medium';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const tabCount = this.el.querySelector('[slot=\"count\"]');\r\n\r\n if(tabCount) {\r\n tabCount.classList.add(this.getCountTextClasses());\r\n }\r\n }\r\n\r\n handleClick() {\r\n this.tabClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div \r\n class={`tab_button_div ${this.type}\r\n ${this.current ? 'current' : ''} \r\n ${this.fullWidth ? 'full_width' : ''} \r\n ${this.size}\r\n ${this.alignment}`} \r\n onClick={() => this.handleClick()}\r\n >\r\n <p class={`${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}`}>{this.tabName}</p>\r\n {this.badge && (\r\n <gb-badge\r\n size=\"sm\"\r\n type=\"pill_color\"\r\n color={\r\n this.current && this.type === 'button_primary'\r\n ? 'information'\r\n : this.current && this.type === 'underline'\r\n ? 'information'\r\n : this.current && this.type === 'underline_filled'\r\n ? 'information'\r\n :\r\n this.current && this.type === 'line'\r\n ? 'information'\r\n : 'gray'\r\n }\r\n >\r\n <slot name=\"count\"></slot>\r\n </gb-badge>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

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

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

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '12006f2e4743c7532580de003f67bbdbe53dd855', class: `container ${this.size}` }, h("div", { key: '92e2d71fbead845d12b9dd35366c672793edfe37', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '7dbd7085b82fe0643b40df92ad1362aa96230b61', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '387691251cb2f2c7e8ee1f6e04ea44f7f55a829b', class: "icon left-icon" }, h("img", { key: '660e5fb30f27a26967b440c7d1f9a3105689867e', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '403e40ff315a0e18ef5ea0113773309e14332fe9', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '00888e0b7eea5c987c3c5e91f22f5029e22102bd', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '74a64497a4079302d262fb9daf46113e144df6a2', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'ea7726c2fb224d2b5ceffd952ee8c1e12e0c1c13', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '6991df1648affd4e46b9bf2b75731fdb9ac3da62', class: "label" }, h("slot", { key: 'bd99cc02db7f1fe0c75e788318cf7936325fce56' })), this.action === 'count' && (h("gb-tag-count", { key: '2e377f09865ba376c288dc0f9cf462fa64332b72', size: this.size }, h("slot", { key: '5129f65996e0d148a0aad02c1fb13c553287dd77', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'b9121d1285315eeab403ad8aec28f4622dde933d', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'd51b3a78c8bca2e8b5289042e1845f75e545750d', class: `container ${this.size}` }, h("div", { key: '317b1b4884ceaf6cf48b9a7f9e6ca1849ea9314d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'b4ae82f48a4ce6a0bb29e369d9488fdbcce771a2', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '82a33f96a5558c54a3b9c1d62ea2a226a70fc607', class: "icon left-icon" }, h("img", { key: 'ceadaa3810036705798677cc137229c0498aa5d8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'dadc57049f65e8aa09daa58738beb0d8e145af9f', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '504bd7504fb314d3dd4c2c9b179686fd021bd444', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '338ce88c0f141eb591a83aa4f4a4cfe5f58a4693', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'f0df2eeb9ffd9e05dc62fd36e55eaf164f996762', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '326410fd080b611510630e57647a7527a156b5a5', class: "label" }, h("slot", { key: 'b1be74f4123b2631f0514fb9741b63622ba15363' })), this.action === 'count' && (h("gb-tag-count", { key: '0e9ee364878c38dff3b755e466216d122e197ae0', size: this.size }, h("slot", { key: '317f88f229b47d07351df2bdd73c031b7280500d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '9846b171aea398b8e085b83d729fdea1296731cc', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '57aafdb3f49c0bf9620b9b881b617b7949ff5bd1', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'a035d526d202aabea2b75acc7b0f334cd4c3aae8', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'f9db22c3b30d7fe62efc1c0a5286e90b70b9a43b', class: `custom-checkbox ${this.size}` }, h("svg", { key: '1e9c406c91bceb072e9136a5321866e13aad1fca', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'b709c8b0e1fdfbcaf44124ddb8c4e32e8eb7f7b1', 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: 'a1845a1913e422e44d39ccbcd20e239904bf35df', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '10bf3e4c1afc99d9d61f1117495237bfe263b711', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '2e994b7da453c33e66f3513a121f4843e6b430da', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4df5f732958b24e47a9697e8bd1fce305d08bc8c', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '3d4ddef752cdbadeb40ca73d4de78db8400e2ae9', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '5cb83a31416a6b4fac1feb92cb9961035f684da3', class: this.size }, h("svg", { key: '5f9b4e80d45ba2ff648ead6ff2c150caf789f0e0', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '56d8219344836c95de83e901bbfc868d8ae9082a', 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: '550a7c993aeb439c992e4aba5c5e35af6ecb8c29', class: this.size }, h("svg", { key: '13dee426e762a7b104be91e1c1e3548b32937544', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '6cf22aa50947a0125a4cc3b8ab19310a83f6c10d', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: 'e0be5b22ed9205e6289048aa6fb1bc839f87c42e', class: this.size }, h("slot", { key: '7bb787b0e525dc0444bdde6d08a9350d6d88dc4a', name: "count" })));
+        return (h("div", { key: 'dea918aff454a2c4b5ff7b0c49399b906f989b88', class: this.size }, h("slot", { key: '4601a715ff1f300d4428fb30ee16d6c3a854dec6', 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 CHANGED Viewed

@@ -184,14 +184,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '1bdff0331d41d7de8d0b314e7dec1c0b085925be', class: "textarea_container" }, h("div", { key: '770acb652f5ee2854b3382bf96919762ddf932a0', class: "input_with_label" }, this.showLabel && h("p", { key: '0560404856179693c4d6edff2a50511b0074823a', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '428850853035a50807bcc7053a137a8ca8db8ac5', 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: '43627e8fafa95d45d4e15130977e6aea8d5505fd', class: "textarea_tags" }, h("div", { key: '843178cfe4800e3eee90111578e261386a28e7f6', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '373e25a7427544ccb5f884c517854ab1bf0fe636', 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: 'f551dde23be9945eefe6f72aaa5278d1181bb8ae', class: "textarea_container" }, h("div", { key: 'dd0c32eee25ab77d807c3c8900243ca4af98e6ee', class: "input_with_label" }, this.showLabel && h("p", { key: 'fac61936dab0bf4db68a58aa4f649af3651af68c', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'e939a0f5085634ae6b4a642647edc90960e8843b', 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: 'c9a046129b5b1011df0047437cff0d25a915f802', class: "textarea_tags" }, h("div", { key: 'cca1a3af6608f9ba711cbc403e98d4579cb04463', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '228f6b031d0083d6c765c4b3d81bbc6810eb9f07', 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: '42b4f2a3a52d9bc0f93c26706fdc7b4916f31054', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'd7fdee93643ba6d0fed9be74ccdc628da17de4bd', class: "input_field" }, h("input", { key: 'c00a04e2307a01214e46f231c8f979f2db86dfb5', 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: '835cbad116f75f5629ab4ea78d08bb5437699526', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '0dcb4dc9b911da0615c549cfb976355b656fa4c8', class: "input_field" }, h("input", { key: '46d6795b491338be10644ee84c4de2de96d80e78', 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: 'afbf3993dc96075cdc7fa251b260985781179ade', class: "help_icon" }, h("svg", { key: '20aea55127997d95533b43ebe77621b9b29c5803', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '6cb0fc10b3da4db65d75b1dfa2132deb3323880d', 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: 'da55d80d2bbefd0e1e2600395b99f9228b64d556', 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: 'effcf6adc6b4d947a85f49c5af71f75d165fda9f', class: "help_icon" }, h("svg", { key: 'db80aa47b972d4f7477dd3213bf26f179339b3b1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '21d0b313e85d7b28841ab4f76c00cc07bae5ef5e', 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: 'ed079345912ca4c702a127d0eb0c46695f5a6766', 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: '85646a9633726497a8a59a59124e10172654f5c6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '9d9c892eed21c6770f395482bbf55b4cc1e8efa8', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '0fcaa4b161c1681cb98e0967bbd3f0ede25386b6', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '131588128b1d43d1b25dcc8ecf9114f26869c1ae', class: `icon_container` }, h("svg", { key: '850e5145216466317ee5ba885b9aa1b6732f52d1', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'de11df49f57a7e30b03e1af4024af74d6902eace', 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: 'd5d3539d74e7dbc344de25d184385f2fb662de83', "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: '6c2b202a3388aa34c3e5d0a9b31d19514fabf21f', "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: '4a544e51391ffeeae14712905846ac362c2b8cd6', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '975fcb3c6580a84d7ba2ff92a82eb13f42295b03', class: `text ${this.size}` }, h("slot", { key: '462502afd6e2adac71464a9beedb4d3ac79cc93f', name: "main_text" }), this.showSupportingText && h("slot", { key: 'bac764560fd53ec768fc7363fc3f0a92b557385d', name: "supporting_text" })), this.actions && (h("div", { key: 'f41f8e4514e9a39ca893e3c68c4c79cab214cb36', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'dbe1583e3ce1399e129ce194b74e1e1c03b7b2e9', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'aba0c64c642a283d68d9dc57f7101ba67e5dd05e', class: `container ${this.breakpoint}` }, h("div", { key: '2970ee8870e68750806c5e67fb97e3744cd39751', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '4b485d33c445323a33fb04de9c6091bbc099306d', class: `inner_content ${this.breakpoint}` }, h("div", { key: '92cefed0cec6c8bf22c52f18fcc067438a76368b', class: `icon_container` }, h("svg", { key: '6d7d2dc6c32f7571cb3026c052cb6a6032e2a15e', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '862cdad4a571e127bb01ae02bca0de2ea065f907', 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: '2cc2ae9e5f6bf618a12e55c04c2bdd5a060380aa', "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: 'c72fe95210cfc0d2abe8fc70db249947e1b7789b', "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: 'e1c717266c0a7d6dc20c08742ce034056d292a54', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'a41c1fe36b014bcfb8d2f7be16b865ca82a06894', name: "main_text" }), this.showSupportingText && h("slot", { key: '579d5c520f9ef55eef76bdec94cfe58bdfa967ca', name: "supporting_text" }))), this.actions && (h("div", { key: 'f2e621b03be22d93c39fdf3a72741c953a2a4e87', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '559da274a9e7aff671d42bdef5e41c05e7e5c67a', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'fec07f2226467e5a238a52271593c1b195dba906', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'a257f7b58c53a39d64c073ab6f323973cb8928d2', class: `icon_container` }, h("svg", { key: '2e395ac09edca117fe1d2dc2d6e553c3f550ea03', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'a4d3bd704698467fcb460a22faf1251457aba814', 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: '6a548bad63b6ce7d6c4bf3b633c1e2a69ad51f28', "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: 'fa58fd1485bc6db27bf1da8816ccc941663d431a', "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: 'd36ad3954db9e343701640b334e3af96860bc5a4', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'be92e898d27a9f2f2aa3b25eee460298bbb3b234', class: `text ${this.size}` }, h("slot", { key: 'f9c00ccdf0d949cdbad9a687778a44f4f01c1b15', name: "main_text" }), this.showSupportingText && h("slot", { key: 'b7f59997fae964662cec73ce68d6d4a48f2c29e1', name: "supporting_text" })), this.actions && (h("div", { key: 'fe80f2a9df3b87321f73a878ad724de9eb8f2d90', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'f94405f363f318c23f60283537a22cf50cfedda0', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'e97ad59250204157b36a1fcd95d4c0df67021055', class: `container ${this.breakpoint}` }, h("div", { key: 'a26df9c7c342d50afb23a66e73c00c6b1618ff40', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '5d5a49ae45fa4ce5d96f0715cfe2d7ae25a7647e', class: `inner_content ${this.breakpoint}` }, h("div", { key: '1ff5124fd7787a9ef1e90d6a4907fad4946e4194', class: `icon_container` }, h("svg", { key: '3e9c328eaba85a614643a73d18708f11e50cdcc7', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'a096517c8625ff3547435f32044958cb664ea309', 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: '003ea0fbf7084a27e9cb59dc1d2177b2db069f50', "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: '88747e04d2723b22feaa046f47262fff889052e6', "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: '47bdfb1dc93c9b78c07d7c2adc3a754102803139', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'f6667562789210ce850a5593998294ea1256234d', name: "main_text" }), this.showSupportingText && h("slot", { key: '776c4ce2626cd3e27c0df3314dbb77e04c476e8e', name: "supporting_text" }))), this.actions && (h("div", { key: '592593b4efac5ead26b9ddb77a328a37dd5d9cb2', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'a8e6187c9875a13abf53f77ab7ffab79ccad471c', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '2ee524bd5361d8a9448c8aa8fb81738f365455b2', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'a8b5e34a34e36b7d8b9a6045a443de03f15bdf97' })));
+        return (h("div", { key: '2ab0347e70d2e59ef0f526eb507312065210f3c6', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '67b8bd82ad91bae2eac953c4fd186ad66b6930fa' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '928a043c5db5984c10f9a2d9db88543ac6eb3a22', class: `toggle_div ${this.size}` }, h("div", { key: '937a605777c7fc6f49c7c03b714c7a109e3e45b9', class: "toggle_base" }, h("gb-toggle-base", { key: 'efc8b76dd56b932814a6e537f9a093adfc8ceecd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '5af19ba0cf0511c443675f09ef29fa03c58a3f7b', class: "text" }, h("slot", { key: '2a0c85fd539d0398adcdfe6590a851353820b57e', name: "main_text" }), this.supportingText && (h("slot", { key: 'c15cc7f4247f81275d220e47eda6a71509c55395', name: "supporting_text" }))))));
+        return (h("div", { key: '6b9b11779baad5f31974b03fd4700e6d8108fbff', class: `toggle_div ${this.size}` }, h("div", { key: '60455c9aee3831c01387a5e96f4ea89ec3dd39cb', class: "toggle_base" }, h("gb-toggle-base", { key: '04ae7b99cc22de5d011b430b366fe90dcf1576eb', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '7964caab5d570c0532ea66ad2e433ddc51b982f9', class: "text" }, h("slot", { key: '3153edb505e536304971a99af086e2be3fe81e0b', name: "main_text" }), this.supportingText && (h("slot", { key: '1d0f458174015124d08f72ca91cdf01b74abc1db', 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 CHANGED Viewed

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '192a1823e45b838047781bb99752821b9eec7362', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '5aa90a033c8b271201b43acbe025b17312a1f905', 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: 'b36669a4d939b340d318c10c207d6a0e12c8a61e', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '43bdd98082a83a5c71bbcdefbe0f7a26ee6920fb', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '3d76ff85ebb996d03b34f17fe228e1367db7f7c7', class: this.size }, h("div", { key: 'a231bbe0adc04b5be82d42f821cba3a74b40aac9', class: "input-with-label" }, this.showLabel && (h("label", { key: '9892dcb4de137505eeb643074d534cb1efe65485' }, this.label)), this.digits === 4 && (h("div", { key: '1bdd9df43c39a13b4523e99c1d0ff832a82ee8af', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'b085b725500f162790f4d5a6a8dd523c92742d54', size: this.size }), h("gb-mega-input-field-base", { key: 'dc46dff71dd9c5969a4f69692d72f18bb032762d', size: this.size }), h("gb-mega-input-field-base", { key: 'da19dfde9026b768b6335616acb5d96480b3eb8f', size: this.size }), h("gb-mega-input-field-base", { key: '2ec6425652f5489342e8bbf109601d10f289a4b3', size: this.size }))), this.digits === 6 && (h("div", { key: '617768ddbbafa84688005a1ba0142f910767d286', class: "input-wrapper" }, h("div", { key: '9dc781a786f7b55c373f163f7877e04c33b7688a', class: "first=section" }, h("gb-mega-input-field-base", { key: 'ee88026157a4ba14794540e26176654722d96211', size: this.size }), h("gb-mega-input-field-base", { key: '51ea802288b23f9c5d2eecd3899ab2a68f36ebc4', size: this.size }), h("gb-mega-input-field-base", { key: '762b628c35b2a056d8b37eafb73518a2998b588d', size: this.size })), h("div", { key: '6246f0ec6f7e57d7ce7ed11aba5add55f3fab1e8', class: "second=section" }, h("gb-mega-input-field-base", { key: '57a2e69262ce4733e54abfe6a962a91fc4cf85de', size: this.size }), h("gb-mega-input-field-base", { key: '1ae052eb1773d2f8beed8c7845da2bcacc83e891', size: this.size }), h("gb-mega-input-field-base", { key: '060202259d09c74f33ffa072e0717a2e4223bd51', size: this.size })))), this.digits === 8 && (h("div", { key: '0eafad2b757811d09fcf55b9ec1eab8389f8de88', class: "input-wrapper" }, h("div", { key: '20e609238bd48b91e3da6d6f13695bbf35b71ba0', class: "first=section" }, h("gb-mega-input-field-base", { key: 'dd340bf2611c1ca6c640b6525babcd4d02c78995', size: this.size }), h("gb-mega-input-field-base", { key: '01f36a5edd7fd0ca7f1771ef94c0ae6671103523', size: this.size }), h("gb-mega-input-field-base", { key: '40b185d8006241a57280cf695f3d2348da4754e2', size: this.size }), h("gb-mega-input-field-base", { key: 'dcdc41c499349b32ac563a490d6a1bd379288f3c', size: this.size })), h("div", { key: 'aaafffdd4b918deec82cabbaf69099f6d4dc5164', class: "second=section" }, h("gb-mega-input-field-base", { key: 'eb8e63d251f32ab76e72411e6c84bcaac23d96fc', size: this.size }), h("gb-mega-input-field-base", { key: 'f7bbd914896e99ea1f16d43e1e68af7bd5f27951', size: this.size }), h("gb-mega-input-field-base", { key: '8ebab6e36cd69263202d40717313b19c7c3f9dea', size: this.size }), h("gb-mega-input-field-base", { key: 'bee6001e6ed75b28b1bca5b40841afa08f376335', size: this.size }))))), h("p", { key: '6f0b5fc33157c0afb7ddb19e338693ea903f3c4f' }, this.supportingText)));
+        return (h("div", { key: 'c565320601703f75195b00730187be298be172db', class: this.size }, h("div", { key: '1adc1b609e458085ee05dd9896f15d069f4373ec', class: "input-with-label" }, this.showLabel && (h("label", { key: 'bce61a6415cf63fddf641ab1bb3235c66882196e' }, this.label)), this.digits === 4 && (h("div", { key: '04c3b4d3d3979f4debf5dae7cfd8bb91f10e0a7e', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '7084cd4c5bfd2b23a126522953efe8ffab57d6ee', size: this.size }), h("gb-mega-input-field-base", { key: '2b1629414836966ecb76e485789423e4d498383e', size: this.size }), h("gb-mega-input-field-base", { key: 'c3404b23dcbd316a0320190db93e3239febad3cf', size: this.size }), h("gb-mega-input-field-base", { key: '22f6cf7e43c6e89c4a59dae15761ba9cfd96ec80', size: this.size }))), this.digits === 6 && (h("div", { key: 'b21ad36761a3f4a21e958d98b691c4a8ca9dc7c0', class: "input-wrapper" }, h("div", { key: 'd7b45c9fa6f513d7b797462bcbd2c6e238b217dc', class: "first=section" }, h("gb-mega-input-field-base", { key: 'efe1ffc81e49eb28993cfde6e1020388008376f4', size: this.size }), h("gb-mega-input-field-base", { key: 'b9f631039eb58950939ec0af73b85eb3d2e3dfc9', size: this.size }), h("gb-mega-input-field-base", { key: 'bae2210880f70b892393fd37151143b39f4c94ab', size: this.size })), h("div", { key: '9319f85eb1d62b7a74744f01144f312b97349fc2', class: "second=section" }, h("gb-mega-input-field-base", { key: 'a004a00a5e4cd0afa808a04d79da725b78a6a587', size: this.size }), h("gb-mega-input-field-base", { key: 'ce7436fdea95b83d617400185417df5f4491109e', size: this.size }), h("gb-mega-input-field-base", { key: '7841f24661b87f92006e2ffee1c63ee4dc55e261', size: this.size })))), this.digits === 8 && (h("div", { key: '48cd3f8f47c2a065f691cf7456c5b042d6f67c2d', class: "input-wrapper" }, h("div", { key: '8129b8bb63d3d928f9e68944a7c232f5d9d21ddf', class: "first=section" }, h("gb-mega-input-field-base", { key: 'ca854a66bbee2b63d98acc16abab9351fa8332c1', size: this.size }), h("gb-mega-input-field-base", { key: '8f359e477f2b20de598a91c07e758057933ce456', size: this.size }), h("gb-mega-input-field-base", { key: 'b04ccfa6c202d8fc29caff87b07f5753d0d437c9', size: this.size }), h("gb-mega-input-field-base", { key: '0e4ac99a289f05f3a1981e32c1f3105478a3a8d3', size: this.size })), h("div", { key: '12124ad8329cb77c679e5f6d27935d4cb1e66a8c', class: "second=section" }, h("gb-mega-input-field-base", { key: 'ef7c824a7d7fcf31fd2b4c5471194079ac93282a', size: this.size }), h("gb-mega-input-field-base", { key: 'eb882e2ae8272d951bfbcfe44c90cac94fc21cbf', size: this.size }), h("gb-mega-input-field-base", { key: '7e390f361832a5d6689ec4c15749d520d4e630d6', size: this.size }), h("gb-mega-input-field-base", { key: '091a42b97b9941ed05abb4f179edec31a5e40cba', size: this.size }))))), h("p", { key: '11cec26c667a94354305844e220b8bbe346d4373' }, 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 CHANGED Viewed

@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '964febae00e2723946c1a2ed61aaf70a0c3d54cd', class: {
+        return (h("div", { key: '88d7672f2e631430cd13afe3f9fbd68825f65438', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '78ad34e63576dc87e63c9f331c5c25ab929d2ed1', class: "input-with-label" }, this.showLabel && (h("label", { key: '6a69d8c1be771fc77bf12a2477267aef2f994cfc', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '05c9a76be353cacce057dc661800d07f96f7d167', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '8d875c482fb2ee2e2eb86e58cd1e3b826af89134', size: this.size }), h("gb-mega-input-field-base", { key: '2b65060512d56edcfe07c1426c1c81618189074c', size: this.size }), h("gb-mega-input-field-base", { key: 'f605eeb82133a8254432a7e66ca5165468b06013', size: this.size }), h("gb-mega-input-field-base", { key: '9d3b1591b7c939f73cb49263e019e6f8ba46767d', size: this.size }))), this.digits === 6 && (h("div", { key: 'ce23b6e905a31ca318a62caf1f36b1881fbb8fa3', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'c4d349291b753c80fc026516cf170e72ff8815da', size: this.size }), h("gb-mega-input-field-base", { key: 'e7470af8cab2b8ab8c98d5700b695af7e0803f8d', size: this.size }), h("gb-mega-input-field-base", { key: '84dc89454c4f804c577a928f003484bdadb927b9', size: this.size }), h("p", { key: '133ef8c7a935e0c0662518eb7eb50fd0a59e4fc4', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '621b494441935b8a3b34d9628214cb163db0722b', size: this.size }), h("gb-mega-input-field-base", { key: '55913a644e28a2ab6baa29909826ce3c433a9c56', size: this.size }), h("gb-mega-input-field-base", { key: 'd6fb9e0cbae531224acc995438dcfa997df2909b', size: this.size }))), this.digits === 8 && (h("div", { key: '71464057a2e7438186fa2b94a6d786cb599d4d13', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd9691d69e414ee3a233716c10e5302a33cfe4094', size: this.size }), h("gb-mega-input-field-base", { key: '536ae44199e95ba54c8099f468ca321b038e145f', size: this.size }), h("gb-mega-input-field-base", { key: 'cec11afa315628e8d1ec4ef4a934a20aabdeeecc', size: this.size }), h("gb-mega-input-field-base", { key: '3301814ab655fac31dbe7b0a2826269153276a78', size: this.size }), h("p", { key: '10144858fce0ebc3984568815275def3c73bb519', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '00dc5339dfd84f81b3b6ee7ef1c45623948a5d99', size: this.size }), h("gb-mega-input-field-base", { key: '1a7153fbce669809cab090d754a66cace1478b75', size: this.size }), h("gb-mega-input-field-base", { key: '5956a4299437d9e627c1c44a49167fc9bf1a52cd', size: this.size }), h("gb-mega-input-field-base", { key: 'f072feaf3e9d18f6434e4a11841517a90f29ffba', size: this.size })))), this.showHintText && (h("div", { key: '5a5cad175932626ed76a6224cf848bdd7482d88b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '877d998cc2cd390aa9f8dc795e24a9ea2c7be2fb', class: "input-with-label" }, this.showLabel && (h("label", { key: '25257cef108ff2f562fd98993363471739b42879', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '0b37845e136b78a943368c7e18431f68455c1031', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '0c5d402b7fbb0da048dc555e831e9a253d6f1e0d', size: this.size }), h("gb-mega-input-field-base", { key: 'dc4b7a414a86dd1ed2f94a7800102204277a5b53', size: this.size }), h("gb-mega-input-field-base", { key: 'b4a79a9f1dcc5279956845208ac9ae638bb71c14', size: this.size }), h("gb-mega-input-field-base", { key: 'f1886f75ab62c7d8841c614dad0631ddf423baa5', size: this.size }))), this.digits === 6 && (h("div", { key: 'ee0b0f0f3bfc3d4af427dcba02049ba4156bc1db', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '9f1ab058233197946051470b6e991f9dc5020af2', size: this.size }), h("gb-mega-input-field-base", { key: '59cea152b1c7c314c93942da6a68e07f4bbd9847', size: this.size }), h("gb-mega-input-field-base", { key: '30ec6dfc22124336a4f711fd5a692530ad24412f', size: this.size }), h("p", { key: 'ecb9ee7f32ce5465ead81802ef476e106f681b31', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '9c213c23bc2846db03da48afd62f0aad0849ab74', size: this.size }), h("gb-mega-input-field-base", { key: 'e26e3c0cc1deb0a6941bf88ab2485e656c0f1b99', size: this.size }), h("gb-mega-input-field-base", { key: 'e08135ae151edb7ae96273ea4476d6e5e331995a', size: this.size }))), this.digits === 8 && (h("div", { key: '441505c345d833c937816d0ccd9b4d3bf8d60b30', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '16c50a262eb5580c4102383032a5070f31adc2b3', size: this.size }), h("gb-mega-input-field-base", { key: 'd51e3ef4a22b890b47efdcd28cadf7e2a4c4f5c5', size: this.size }), h("gb-mega-input-field-base", { key: '5669cd373ae9bb122686f6b9bc75ba439126f5b1', size: this.size }), h("gb-mega-input-field-base", { key: '541ea8856664593925b33decb04716f8e92a640d', size: this.size }), h("p", { key: '5d376f377eae01471aa350abc18f354427478fad', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '845d6de919eb310b4f9859ae72f451260a4d1ad9', size: this.size }), h("gb-mega-input-field-base", { key: 'c9e0d06fa724c1c7f5d5c7fd4e06dea1a4775490', size: this.size }), h("gb-mega-input-field-base", { key: '38d64e5827d4d5bb175554b2b002b9b3217dbd19', size: this.size }), h("gb-mega-input-field-base", { key: '340ac2477e4949cbc3f0ee0f9685cea2602c37ce', size: this.size })))), this.showHintText && (h("div", { key: 'db9b066c2e6dccbce2d4c79d27d1faf54e049453', 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 CHANGED Viewed

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '4771d3b568ddd32cfd51acca164d9ca17cab863d', class: "tooltip_container" }, h("div", { key: '850a15b94bc7f46653d40169f769cda7e8fa807c', class: "tooltip" }, this.showArrow && h("div", { key: '6bba9e2ebdcf42482b454315f887d1717d3475b6', class: this.getArrowClass() }), h("div", { key: 'c944d04d12b0b623b5b6aafdc4201a3737a28868', class: "tooltip_content" }, h("slot", { key: '63662653af81e0474c270afd3704115093250e40', name: "label" }), this.showSupportingText && h("slot", { key: 'bc5ea7305dae1d94e710334116883a5d41fc2e44', name: "supporting_text" })))));
+        return (h("div", { key: '43bd45596f600afe4e62ec781fe3ba2a91e72e78', class: "tooltip_container" }, h("div", { key: '1937afd7f0a009b4799c592316dec1e33a07099e', class: "tooltip" }, this.showArrow && h("div", { key: 'dfa6d81fb3fa9bc56e036535881463f0d640195c', class: this.getArrowClass() }), h("div", { key: '5ec36f4f17621876e8465020e246f5dfd814fa26', class: "tooltip_content" }, h("slot", { key: '5baff7fc0d5f885ae0c2f27c1a2d1902c391d14b', name: "label" }), this.showSupportingText && h("slot", { key: '9a78bb68226ba8a74473aa119b6fafda152095e1', 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 CHANGED Viewed

@@ -30,7 +30,7 @@ export class GbTopBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: 'a8e4a30d9f866f3519d8e4b8dcab8a9ffd6d530a', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'c6e00f4de87cac32b8b12e29bb0aa6dfd4818b73', class: "pattern" }, h("img", { key: 'dc14224bda66bb1eb2e3cdcc2f5546f24467d6be', src: patternSrc, alt: "" }))), h("div", { key: '856c4497de6aec7d4a35e2cb07eb185f371d3458', class: "top_bar_content" }, h("div", { key: '79a93a00c0e31133b4f56be75537429e65a54b81', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '0a4d4f7638d9fd1cdcf4ca6dd7e445d6086e3d21', 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: 'd5fbb2665fa60de45bc053652089668cd8a0b44b', 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: '82cac1173acad67f427b71bea471f77e453513f6', 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: '734ec3956cdebc2fca58bf6fdcd2279024d761a5', 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: 'f3a5c970116744eb63efd8d7a87ba0865d592b46', 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: 'fcddaad6318c947f0f5fdd1980c62c2701de8e55', 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: '37cf60256ee8cb81a34aa201902b0a01999c2573', 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: 'e77a98a1a8f5c05377e25530b7e15b98a5f69d0d', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'b4009567b2a330d58c58b35c9aacf2763f7b5ba3', class: "pattern" }, h("img", { key: '5ec4b6369e313ba3d6b7d9f4fc9972d43795709c', src: patternSrc, alt: "" }))), h("div", { key: '6c4b4a9026ca34a79357a5ca74246e9e304f2164', class: "top_bar_content" }, h("div", { key: '9ee0c88fe85cca96bed04bff66c71610de4dd9e5', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '9ee4c2bc183b2cf3ca2b019106cb942029feed92', 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: '95a875ff73b929d91b477c9496be23aa49d1e10a', 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: 'e6e521a9af4433a04a916b0216ab70f987722785', 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: '16f2554c5a5939082bc3715b49c6571f5ba802bd', 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: '29da5df7dfe538084e2fab6ab671047cba67c213', 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: 'd0e78b7c6fd47d55382987b35d25eb1f905b0aae', 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: 'fdf30c231b860eb950600eaa29d33964604effbe', 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 CHANGED Viewed

@@ -17,7 +17,7 @@ export class GbTopBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'e7f253df862e6c7a8d5c1df64869544d6ff3811e', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'ee2a42ed726215b681cd5717fb74c99dc8cbfef9', class: `top_bar_content` }, h("div", { key: '0b3880409a17d35583b4b70c16b8564bfd2a0c2d', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '8dc9f2d91364c54cc708645b3f6851683dc04109', class: "label" }, h("p", { key: 'ec7676e1cdca3fe3d19b17ab5d555f947981304b', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '53cc3b54051e974058126e4aca3c71f5204a3995', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '507fe5bd9535ac434f50a46311837053adb333d6', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: 'e74de243c460744f4add1cec3db8f6214321e480', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '06d6c90f4350a02b3e0f4076e66e452b7bf85afc', slot: "label" }, this.label)))));
+        return (h("div", { key: 'aa5e5207f0aa9e73f1a1484ac48c3b5c51dc887e', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0bf9129ef990f361efb945c2f35ad5aa03b8e867', class: `top_bar_content` }, h("div", { key: '807361f2cadba154f102d3a43c90d0be3e468e1c', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: 'e5607a0b2f146c475c841e1749d14474c45334da', class: "label" }, h("p", { key: '4715f7e4da4d1d578deb1910c5cf9bd4e28ffaf9', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '59b89f10e11bec396b025bb4f24c99fd8b037985', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '80999be8d152e52f3824431589afc72eea3df029', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '9ca61d5caa717d389b9b72de291fc3e49730c01c', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '419c3c135fbda0a60475344eb928c492760b08e7', 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 CHANGED Viewed

@@ -32,7 +32,7 @@ export class GbTopBarSidemenu {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: 'e186f43ff1ca1e7f419e129a0139ea7243f23731', class: "top_bar_sidemenu_div" }, h("div", { key: 'bade6ae788c4d9924a6818616c419462fac54c71', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '02422c2febc9a64ca386c31bfac383aaeb04f45c', 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: 'bc2db193aea5769a6d8458e0160abe14633e1231', class: "wrapper" }, h("div", { key: '072f4a3838be2cdf8bcb6459e49c1334ae3f056f', class: "wrapper_pattern" }, h("img", { key: 'a736d1656bbc738c2c492becfb12a2282bd2272d', src: patternSrc, alt: "" })), h("div", { key: 'fbe81d4f29b2e343652850a9eabee94a7a46f60d', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '0431b64b2418740b5393f3a48e9100effbc4af68', class: "application_name" }, h("slot", { key: '7a3a40d73cc50f10914a7abeba1f1748d2c30b51', name: "application_name" })))));
+        return (h("div", { key: 'c080a48610165bda0aa35a3b942eb14bcec9053c', class: "top_bar_sidemenu_div" }, h("div", { key: '110e670d4af8af7bd1c84df8a46c9fb8426f62eb', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '34e488279498c0ed7f9fc38801a463db00645c45', 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: '35c868172e6dc042610d36fe9af8148af594e6e9', class: "wrapper" }, h("div", { key: '759018c5d3f4158b410cb651f1a5543426fcfda4', class: "wrapper_pattern" }, h("img", { key: 'c852e3176be5fc85fd8410109262fb970ea33c81', src: patternSrc, alt: "" })), h("div", { key: '06de38d63946e609fb64e957d4ded9f69e9f0c80', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'a131bc3379f0a020da71f40257214af3873b0506', class: "application_name" }, h("slot", { key: 'e80c8c768e4ed808ded5db61e9f5a965432cf588', 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 CHANGED Viewed

@@ -29,7 +29,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: 'da30f35bd9c8d864d98f926114addfdc4fdd4ef3', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '134812a876133be50eaf89e285cc879f9b1885aa', 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: '92e6a3fb8e79213d81764eef2517917d53eb2102', 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: '2ad56ea5cf4f44a1508f255435e4fc20fc9f5315', 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: 'fd4520eb4f9af131ee2cca8884895f80e995479f', 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: 'd4e1e8cf83886e043afe5d6badc3e265b9c87fd2', 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: '57c9817212f482f998b46e95506de06ce6dc3d70', 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: 'a18cf02a96c53d00eb44dce3be16942766bd17c1', 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: 'a58cc6d90947553d89fc65f8d4859485af8d9676', 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: '5076a6f19037b952b75c74968146c6b759e7ff89', 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: 'b9327dba40b414940d3d00a6ab31d2ca779513a6', 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: 'bbc6dc25d83c3fe23d1dda18e8fc4d17770a13ce', 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: '5c8eea2b28302a2caf35ded9d8030e47c402016c', 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: '496b95bbf250f43179877028d9f528966239c5a7', 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: '29a836a3a4faf03b120e3806ca4fe9d6efe192a5', 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: 'a563a9e7df050d32e39d0a5da4360e2c6db1a602', 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: '0849ed0738d6d6891e56ce288f56f26648b88dce', 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: '943b812c00cd0d9a81f7a22e4e177b15e6940477', 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: 'a8169dee7dc5ecc2b22f2f45e5d064378a47067a', 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: '3ae4bf788813c69d3f2d42156f9c7cf4eb857935', 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: 'ebe8471fa7bfd1cb5818554a1ff16701b6d8bd6f', 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: 'dfe8d9c1fa31716e0d539e75e56bcd10b8d5d577', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '8955c4f761f173218fc7727c64a6a3e0c884a096', 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: '022a8b517089ec0eef560a30cacb320448502e70', 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: '19615d8c506242d5e9d85176f054cbfe678ae195', 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: '77dcebbdd21ba4d59afe395144ef34ab7d8cec2a', 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: '1916f5706748879632f66352906039bb9a9c0831', 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: 'f3238beab93ec198c602c5651847997c6d2feb2c', 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: 'daa250273cb253a90336a860bd6a7a153c52c9c7', 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: '2bc4f372db73e2caaa8db5f1814b89b136323188', 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: '19e44901a69c974fecc2e37ea91078868189c203', 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: '330f3b6c9caf6f2775531d28add61414a6332d08', 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: 'b59df88a697240e686b7739d8b16be43634fcbd0', 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: '36bb941b79f7fd8e34809a08dabbc6f330cb3952', 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: 'e6e4cf8549717d353047aeaf320d0ee9457efb77', 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: 'bbdad1384caaf092719b564b75776edfa3f923e5', 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: '765252fe2a0e402cf647644f32c99a3061a17950', 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: '6edf05435532b6bc73faaab5a352b8b61693ed44', 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: '5f14a6fa8e5fe69cd455e71264d855c211554e02', 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: '6eaf2c120c353b6cfe31922b605b11d52143106b', 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: '889d63a57aa993a6779861675706a4b526264427', 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: 'bc3a325a95350a58057b3aa5e13620b10f90b326', 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"; }