globuswebcomponents 1.5.9 → 1.6.1

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

@@ -7,8 +7,28 @@ export class GbStepBase {
         this.label = '';
         this.supportingText = '';
     }
+    featuredIconLeftLabelClasses() {
+        switch (this.size) {
+            case 'sm':
+                return 'text-sm-semi-bold';
+            case 'md':
+                return 'text-md-semi-bold';
+            case 'lg':
+                return 'text-md-semi-bold';
+        }
+    }
+    featuredIconLeftTextClasses() {
+        switch (this.size) {
+            case 'sm':
+                return 'text-xs-regular';
+            case 'md':
+                return 'text-sm-regular';
+            case 'lg':
+                return 'text-md-regular';
+        }
+    }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '449e57672ad3dd4bcfa2f5103100addde3367bff', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '46c32795880b007f157602f31c3ffb96663f591b', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '671829f6aa0fa6d92fcaa8ffa5ce71ddce4e9f62', class: `text_line_div_content` }, h("p", { key: '20dd963bfd3fa97e12c7d54eb040b469bf59fe39', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '09fa71f4be1c93fc63ffec79679b0f93a3ad5f81', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '384e1ba863dd6019001f5f625de8b44d95a3f61d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ef95ded56e823d4ea3bc584b86d7ce044ce85718', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '42487cec96b4d777fdd164d5eb81c43ebeae08a3', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '62d368966a159cb808d501184c1166a98954bfc0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'e7a5b9bf412063ac1e103c7e0d157b6244e8ffd1', class: `icon_left_div ${this.size}` }, h("div", { key: '9d8c0d935f83c642dd1abcc898952a2c3eaa4a07', class: "connector_wrap" }, h("div", { key: '1b8a2b8df967695ff459d59a9b00b647c46ec035', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '7784fafb9127f5e75f42fa7502b03a6595eaea47', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '4d2881d5ab59af296f912c3927a371ffb56babfb', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '424a3d34da863542115d4c453947b28723106288', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'ac2c0854ecb7683a103c66cb5805da358b4b17d9', class: "connector_div" }, h("div", { key: '30661f97a43b72b6d46af67dd824c1c93d2de5d1', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6eeb12245b0168e1fce344986572207e18016cbd', class: "icon_left_text" }, h("p", { key: '3d6d555f55e33c84e640a985938015e62ac93e28', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'd06c97464c5292c4f542c734e259ccc68a8d4b9b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '79444de2f2963420bc1a14efe5f6c52353e31124', class: `icon_top_div ${this.size}` }, h("div", { key: 'c890aa62b38decee683de1991e97772549155c56', class: "step_icon" }, h("div", { key: 'e741d689691a8cd370d716f9b7a750c4afce9880', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c3ec22c01cf38581b07c217411592e7a397ef550', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '9098c57738691fe3cf85656cedadd01d96aff2b2', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '8828491be9a848ecbcfc35483f7faeaa45faaddf', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '67631feac6fc143e51f103c8136983659a714289', class: "connector_div" }, h("div", { key: '721f741c480cbb1d68d60ddec3373bf0c08ce6aa', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'ce7895f98ab05ad9629f40936d76b8df61262788', class: "icon_top_content" }, h("p", { key: 'db5fb1493966353391e456ec0c6a81a788db904c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '5f527a4191d8e4b67b8353df74e1ed947dedcf6b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '9eba541bc89fb573ad2a720904357eeaeb66f245', class: "featured_icon_left_div" }, h("div", { key: 'bd438d06a34a4fbda322434f594624f2a977356f', class: "connector_wrap" }, h("gb-featured-icon", { key: '1f00984d243be58532928c62a2c6f7b74a2f4431', size: "lg", icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '791b9bcc61f9b4a8e67acff851ddd6b291221a4e', class: "connector_div" }, h("div", { key: '61a7f6cbf63ad175a3feaa064bdafc39f43ffdc4', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '94ca2b8ac03f311ed3434348830505b4f5e150bd', class: "featured_icon_left_content" }, h("p", { key: '073f8733fc670d32f48c3ffef964265491576daf', class: `featured_icon_left_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'eaa5b15fcae7378008f28f547778bb82bbd457a8', class: `featured_icon_left_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'bc9cba18a77720de36393605ffd5422bf8d3e18c', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '27d395972bca577c935a7b0221700c56c0175c75', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'c2bf9b3bce96bc58943619be3065036ef3321cdb', class: `text_line_div_content` }, h("p", { key: '1ad0ec2e5881af851a1371d47477626228b885f7', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '7a71584fa988e9bd70ad6e9458727b3695af66f3', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '77cd0e88f404502c4a07e4269e0e5eb7c95565d5', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f38f00648eebbb0a86ee535a4a3d340eb8a91a25', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ecbec569098c78b32ad7772fa4b3595498dbfdab', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '025209d1ce6c76c9fa19ca2488ed62fefc9d9ef2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '9dac89fb90970afc395adc3a3461c428ccbf04e3', class: `icon_left_div ${this.size}` }, h("div", { key: '41a3d2ca100341f594ae10eef44966c90537f97b', class: "connector_wrap" }, h("div", { key: '6e31f470ffcf7dec10b6e0887dc6103b65d6ad5d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'fc410f6aa7aff29540b8e373575155894157fcdc', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e610a5a1c2fd8865a66198b56c2c351d6824e7f8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'e10c18d84724e862e24e8327dad6015c31f27971', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '77247e63f602f476f653a25f64bb60ac85252857', class: "connector_div" }, h("div", { key: '05431f09e4bebf6ff856a41e0862a38cbe6137f2', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '55e12be5f82f5b81b6b755d95c956e2578488a90', class: "icon_left_text" }, h("p", { key: 'add5c576b90db7109326e5681cdb6d38ca245494', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ea28c327a9732b9ca061c6800c35a4312392b715', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'b9f2e054ab12099539baedd02431f64f0d521ff2', class: `icon_top_div ${this.size}` }, h("div", { key: '53f0aa73baf5c48a12dc7e6f15536c0da70a206e', class: "step_icon" }, h("div", { key: 'e28daa2302670d7244e7ee3e86694ca0e8b01795', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'beacdea4fcb51e53db91e3d13b66a16b11c3bc20', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e9b518f421481b58062bd965cd0422a5eb69e3bd', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '2a769e429087f0747b4db69afa9425f5348433d0', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'fa5682d698d675a8d9d4fa56a76d831c2f43390c', class: "connector_div" }, h("div", { key: 'f92b57a261c20df31ca47aef0642aa762e577431', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '8d0cc2b0aed1a8a6f0ac87339eedeff5389ac65f', class: "icon_top_content" }, h("p", { key: 'd14b98277f31664b90f599fd84fa4a0d7b43ae23', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '7a550a1106414398cd657eee0d41649b418d1b25', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'a5dd5d2af43e62c74a7e7b39afb1b8b0e8bd43f7', class: "featured_icon_left_div" }, h("div", { key: 'c360868b7fe07471aa1eb6492bc41dc252d0d6d8', class: "connector_wrap" }, h("gb-featured-icon", { key: '5d0627bb5ff6ac70ae0826cbf3e0e37f9bbc8b04', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '3332ca83f48b7518ad511df6fc3dec0d0e9cc982', class: "connector_div" }, h("div", { key: '76f17ef4f489e47a75235baa72b260c2d0e5ea39', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '09fa81a8c3c2e168186d30d365b1bae713a426cd', class: "featured_icon_left_content" }, h("p", { key: '4b062084b3627b243dedfae4039f1f8dab2c1105', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '092bf1d9442005ba88d2aecf70b43579d4ea015b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-step-base',\r\n  styleUrl: 'gb-step-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepBase {\r\n  @Prop() status: ProgressStepStatus;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: ProgressStepTypes;\r\n  @Prop() state: ProgressStepStates;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() showContent: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() supportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'text_line' && (\r\n          <>\r\n            <div class={`bar ${this.size} ${this.status} ${this.state}`}></div>\r\n            {this.showContent && (\r\n              <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n                <div class={`text_line_div_content`}>\r\n                  <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n                  {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n        {this.type === 'icon_only' && (\r\n          <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n            {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n            {this.status === 'complete' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </svg>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_left' && (\r\n          <div class={`icon_left_div ${this.size}`}>\r\n            <div class=\"connector_wrap\">\r\n              <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n                {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n                {this.status === 'complete' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                    <path\r\n                      d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                      stroke=\"#075DB2\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_left_text\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_top' && (\r\n          <div class={`icon_top_div ${this.size}`}>\r\n            <div class=\"step_icon\">\r\n              <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n                {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n                {this.status === 'complete' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                    <path\r\n                      d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                      stroke=\"#075DB2\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_top_content\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'featured_icon_left' && (\r\n          <div class=\"featured_icon_left_div\">\r\n            <div class=\"connector_wrap\">\r\n              <gb-featured-icon size=\"lg\" icon=\"assets/user.svg\" destructive={this.state === 'destructive' ? true : false}></gb-featured-icon>\r\n              <div class=\"connector_div\">\r\n                <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"featured_icon_left_content\">\r\n              <p class={`featured_icon_left_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`featured_icon_left_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-step-base',\r\n  styleUrl: 'gb-step-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepBase {\r\n  @Prop() status: ProgressStepStatus;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: ProgressStepTypes;\r\n  @Prop() state: ProgressStepStates;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() showContent: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() supportingText: string = '';\r\n\r\n  featuredIconLeftLabelClasses() {\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      case 'lg':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  featuredIconLeftTextClasses() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-xs-regular';\r\n      case 'md':\r\n        return 'text-sm-regular';\r\n      case 'lg':\r\n        return 'text-md-regular';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'text_line' && (\r\n          <>\r\n            <div class={`bar ${this.size} ${this.status} ${this.state}`}></div>\r\n            {this.showContent && (\r\n              <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n                <div class={`text_line_div_content`}>\r\n                  <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n                  {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n        {this.type === 'icon_only' && (\r\n          <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n            {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n            {this.status === 'complete' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </svg>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_left' && (\r\n          <div class={`icon_left_div ${this.size}`}>\r\n            <div class=\"connector_wrap\">\r\n              <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n                {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n                {this.status === 'complete' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                    <path\r\n                      d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                      stroke=\"#075DB2\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_left_text\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_top' && (\r\n          <div class={`icon_top_div ${this.size}`}>\r\n            <div class=\"step_icon\">\r\n              <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n                {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n                {this.status === 'complete' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.state} ${this.size}`}>\r\n                    <path\r\n                      d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                      stroke=\"#075DB2\"\r\n                      stroke-width=\"2\"\r\n                      stroke-linecap=\"round\"\r\n                      stroke-linejoin=\"round\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_top_content\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'featured_icon_left' && (\r\n          <div class=\"featured_icon_left_div\">\r\n            <div class=\"connector_wrap\">\r\n              <gb-featured-icon size={this.size} icon=\"assets/user.svg\" destructive={this.state === 'destructive' ? true : false}></gb-featured-icon>\r\n              <div class=\"connector_div\">\r\n                <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"featured_icon_left_content\">\r\n              <p class={`featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}`}>{this.label}</p>\r\n              <p class={`featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"]}

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

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'b0598c106eb952352cf1a66c1571ac8a026b5b9f', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'd40728ba07ea622148e4df77ed870820367d5827', 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: '18b886c616bd039a75230b19e4feaac6a7f996e2', 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: 'd277ad370c6ee7b826020ce0903a7959481ae109', 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: '1cc7ecdeeee8ce587f235e9fb97bf1f2afbe5f14', 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: '8c478a967f1a4e61cefc1ef0f09252314d083a82', 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: 'd8e1ec168ff9bf10add35a7a7400fe81f5595223', 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: '4df516de1c86d7e7c27bd102e5fb628b38e85542', 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: '2607767ffa142db75bebd7105f1797714f7ebd48', 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: '912f35961fa6a09bb273ef886ed95b1c21c75e59', 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: '0861d8847ad7c5e455e32197a33905b4308fcb82', 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: '3d77de3d3222f96ee431560af3c30e08463c33ae', 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: '3122d6a3e648f8eb6818dffe7b362eb625a7c8fb', 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: '150a745ce079f7d9edad3e454c709ea0a7a008c3', 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: '586c72cf5c737ee54a54dd48006a81c46263780b', 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: '57604d00e440e2e560bba6bc602529fb9f9cd8e4', 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: 'c1ea790b1625e8215c16fcafbcf5366ff7cf83ff', 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: '8312ea28e086f548df60edf265a6567f9132635d', 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: 'f61070de855d0c1cb1e6b987434d018110482fc0', 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: 'ec2adfbdc28a9dfe1b661dd601c2f3cdddfd396f', 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: 'f73c22e947a8ca369b446b94c164d05a963ca653', 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: '1aedb3aa12b3862463aa7e2e2be7146036286de8', 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: 'e21ed47c2e14738447ccae96d76aaa8c718e9008', 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: '2a7af817b601d6f080881a306312b0d625ca9e24', 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: '3faabb567fa1cb0ec7b92b586577c9a525057c52', 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: 'aa4174fbdd47b483a94fc4b8dc7047b67b9af9b6', 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: 'f682fb95d089fa0478d1b71a3b689df8ebbf8150', 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: 'fa9e98622859801521b953568b76c617b7dcf67a', 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: '5cb0ffd497cc20d54793872b38e3de885f55ff3d', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '497366374501a488437d141617bedc50f84ca4e5', 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: '213d0fc358098164481e12305c6c2ed7d06d338f', 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: 'd0907ea94ff69dc54f73dba7e66a369df5fb12d2', 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: 'e74de29522eb773c64895d29ffa1ddb121ca72c2', 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: '8c1bc97c0b163c901d61d3907e3074cc4cbd82fd', 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: '987c97ab46477ba8ed6f1481578138f68933e5dc', 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: '755dc058dcfb1bff81089019146fd7722a92ddc7', 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: '6ac0a55291cb3d1d5c844f4240ef0ea37a8136e9', 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: 'f752d9ee9784fe3382296d5092b6b4c96840f6b7', 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: 'd840520dc82a560bd9eff19db9bb5501aa4a0594', 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: '20a7f50cca8be46faee78a39715c6f5cb3afb475', 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: '1503cd5455ca2b5bd66a4d431c7267380615f22c', 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: '02a020d93e58916e1b58aec1b02a0f18d741ff7a', 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: 'eb652dd11940f86d351e72f233a3e5a5168c8320', 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: 'eeb68d3e63fe1b0d1575982be3a6e947bb977151', 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: '6a70b65f92d1544fbd30261ec84ab383c587686b', 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: 'cc3d4b232f2bf2171a4c5e8134745ca4ae5be885', 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: 'efbea0b93a525e2826ab3b552d50e39cdc977918', 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: 'ccc108004aaa27c0a36d0f5429251a011dfc075f', 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: 'aa084f755274b65a591a40ba81ed9d4d294ed5d4', 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: 'bcee14dd287cd7deaf71d09c8426fd87b99adebc', 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: '4a5161d601c478486d6d8d2f8623baa1558905d8', 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: 'cf6925811b3815ccf7e390e06eeff15618d43f8b', 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: 'af7b8e2e5da23e2c7a05ff9e84437e3e936e3ca5', 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: 'ee24239c34a8c71fe40afe4679a2dce503f50d53', 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: 'b01dd69bb0e58e1a454eee418722659cf598b581', 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: 'd1f9f451c0d473f8fd6365ca5bb6f6d7eb6c5f42', 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

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '03d5d782f3579c1bbd6d4fd13c0f5c7aa2f88739', class: "text_with_line" }, h("gb-step-base", { key: 'b0cfd2ae962b7b14f87291ab9fb2f24e71c810d6', 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: 'ab5716a45a97b55c564821675c011001a68c9bea', 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: '922ba03a1fea3ab32c6ca449db2b8fe81a25656f', 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: 'd26ef0408e1dd48aa3c80233ef0462bf2593472c', 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: 'e7756df4fc805dabf6f154ac29eeacafdc40cdf6', 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: 'e563f836fa58049c74d4e7dfe2aca5d35792282c', 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: '3d99a60e19d4d1bced4eb00811f22903903f1a68', 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: '6d3e51c01866b5131cbfcab985839c60dd59bde5', class: "text_with_line" }, h("gb-step-base", { key: '0fdf14b7cb1a034c84f90f38ecbe77bade60e730', 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: '458c1a7430e6f4f5427566ce3f938bdea1917bfa', 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: '2b686f28b28b42828ad411162b2343d3c80e3a23', 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: '273e2683afaa3f789d6db7de66ca833fe6ff406d', 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: 'b908c09b18921b20b1260b743bdde6845131549b', 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: 'ba677ccc39674231ded1deb752a8d7c190c6a663', 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: '14520837add325d85e08cd46afe753f0465a2baa', 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

@@ -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: '63296b0df4f28cb7b3eae76df9681d1cfd9c62ab', 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: '0743109c501de441d460301dd301ef6b3a3d44b3', 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

@@ -40,17 +40,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'b50c758148ca76aa80b9254045972d4d4102c6be', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'b650e5481615d6fdd6df7ea3e6b8d7dec04da790', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b64c8735401ca3387ae0d8848cb48fe1472be0c7', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '65f8d99bc3f42682555dd48cfc0e9adfa3dd5d39', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '8798a5e964538931eb921ce666617c11784a10d4', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '048a6c00a3bd92fa28cbb8311e032fce6408eb19', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '6723ce9656b39636246dd993319b1aa81c8175aa', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'b423568808b3f46b9f4d7475736218efc3dcb9f6', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: '61fc1a12aa50927505262eff857159f69190bdaa', class: "table_cell_div" }));
+        return (h("div", { key: '05031fb4d78b7165f6f506af2fe7b6ced47a91df', 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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'c6549e70429872d2c3ab1b47f1e9b0c20a7512c5', class: `container ${this.size}` }, h("div", { key: '7e030d73e9a806d968574a6ecf556cd7a0c71678', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e0ef899fb30853d2bc6f7051bb48a0eabce6d207', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'f6c174d8ad308819fc38980d554e09ba91d83288', class: "icon left-icon" }, h("img", { key: 'dd55e429b6f7ea47c24fa968409dee6c791cb2a5', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '3fc616d32cc2af3d0125a9d50c75711cd45f7693', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '39a0e44d877d801e74f100444263696ea4d23de7', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '57ce662d80b3b87761b2ede808ffa06c60f768a0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '6941af3001e35943a907f96b00ef76c367c87178', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '692c7bd5cadc3957bbae8cc0450d9b262a6cf272', class: "label" }, h("slot", { key: '134adfb3efb95f05df55810c2445f025d71fe87f' })), this.action === 'count' && (h("gb-tag-count", { key: 'fe3f35da923319b34b2fec95a81d30e1fb2c07ce', size: this.size }, h("slot", { key: 'dc065e2e7c19ee91bb81bb883edb959ea3ea764e', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '24ac389e8ea90dca3b3771d7ee6ae8f3e0a494e0', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'e982e0187e67144401419e2f79320360fd78d2c8', class: `container ${this.size}` }, h("div", { key: '7cf35e231e25b2c526e47b575724b8da8420573a', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '9a5fbfd8beb17f3698799be511d2007861fbafa7', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '0bddc72bf6a721266f3f7a039c2b62ab7a0a2377', class: "icon left-icon" }, h("img", { key: '22bfb87f078713f561fdb4fe44913492bfc9e918', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '68b2261ed96cb8ff301eb566e244eec190572663', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '8779b1ae9d7ec71b8574eb026c53f7a62909d112', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'afca093e65b6b7670c81ecd7444af35d4b75cb3f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '1d4f93e072687c8a33d373096d6ad57391c56867', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'a64082e71afb2d66c0edb5b073c82093044eb521', class: "label" }, h("slot", { key: 'b7cc3cee47bacaa730cb174fb3fbda60f880a0ff' })), this.action === 'count' && (h("gb-tag-count", { key: 'e914f42ad8e36d6ee043214053fa733df9f32758', size: this.size }, h("slot", { key: '25422bbd5857381859a0dabb9d4d989b1b0209c2', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '67652ac951a81bc23d69ec3ece750de1c39c0bab', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '0bbfd3a43a5e145e99a2280e135291eefe307301', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '570ab8b6355b45049cfae9eb500e64bf135bcf2a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'c04146b98ee1500d181ce8cd6d4a8ed7c5f4cace', class: `custom-checkbox ${this.size}` }, h("svg", { key: '69d47d3cdc29b71c833a334252d839fb159091d3', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'e149ed597b5c803dfe7c6c6dcdf4c65a370fb9dd', 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: 'd28085ee165b3ed72100e7c79c14ccb79690f4f8', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '2057397e408c61c6feb3fc073922f0fb24af5912', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '9633a16841886f4845e122253c325cc490dce80c', class: `custom-checkbox ${this.size}` }, h("svg", { key: '8b8a869f879bd9fd91ecdd6af00c65d040140698', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '6252eddc303602a2bae5d838110483398f3a4ec6', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: 'd55661f51a99caa33c9fffe4af0b04fed0d540e6', class: this.size }, h("svg", { key: '7d8d67c87640277d4f6ebb6ed647e9fb6188a886', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'e05f4628813dab62028a41602ffcf2d2a9c7b589', 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: '8d19f923848102996cb41d9af2cb3ad816799d12', class: this.size }, h("svg", { key: 'b94d2f7d8c95b9e2a90d9be48815104d61df30cf', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '3b81c5018ddf0d5ee39c4b50d5004b8f91f24d67', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '274d5d4131da7464085619e3707e37f560f083d4', class: this.size }, h("slot", { key: '268bcdcbe4da575213c1ff40f32da6dbd40b7f20', name: "count" })));
+        return (h("div", { key: '417f1d5def6791fb2949d49cb9447f961712eb1f', class: this.size }, h("slot", { key: '8252cbab050cf5fea1b4d1b075ec118bb5c8455f', 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

@@ -184,14 +184,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'b634dd50f59548f773c2d205544c4f65539a86ab', class: "textarea_container" }, h("div", { key: 'b75906f14c6a22823b3ec8eba63603ccbb397aa6', class: "input_with_label" }, this.showLabel && h("p", { key: 'cfc2f2238371e6362742fa673d3ee8d9c9753d60', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '61c9562ada896242b439ce46eb40668d82dad947', 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: 'c747c637199902340c415b443f123a1d4e99b221', class: "textarea_tags" }, h("div", { key: '25a20a4d6e84a29b1cc9841c114dd678e5e79397', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'e1aec70f9db76f9a4855e922dc80a9a4118f1b67', 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: '3c084524ade157b62e6375c16bb2682586c0cd6f', class: "textarea_container" }, h("div", { key: 'c1781f14b385e1610faf3ea3435d9ec5d1374f75', class: "input_with_label" }, this.showLabel && h("p", { key: '9c3072c4222715f0f41155776d1cb7c70811a19d', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'a2fc9b73d45bcb0d7829a813243448a110ac2f21', 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: '71cac8c8ce4640b717910b4b5496b8bd97241109', class: "textarea_tags" }, h("div", { key: '37801e9a086b0e4c22155625d14c6f3ca3bb460f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '8ebf08e53e96b45eaed424cf0886d46473ac7a3e', 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: '4ba4abcf7719bbc0e4972685e2f52e280dd15a57', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'b12c056ff88d4025fd25263fdb4356fc69bfa12b', class: "input_field" }, h("input", { key: '9344367d558b88ebd6228fdb1823c50d5faf4cbe', 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: 'd50536f19564e829a6706d2b5a595207c0830791', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '308da983673809b67f57b427c008a26f2966dc17', class: "input_field" }, h("input", { key: '11603308068dec69406b293eeed7a7ae92b97d4b', 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: '15098e266b96d7b102e19f79ccee5fc63f718326', class: "help_icon" }, h("svg", { key: '659b66e83e7354dd1a713ad434982585609ee67b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '8e628a408a081247b50457b249ebf438f9fff088', 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: 'd77211e8f17e2c6cfa13bb670d8b040261bbb29e', 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: 'cd8e421040dc57a7a0286d9bc472cbb53b3f7c19', class: "help_icon" }, h("svg", { key: '0599f427b543e926ff8d9021db9be472ba58e9b6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'de79c30a646a1ec12c0b9b6abf6f57f6b8663fcf', 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: 'dd088a9666a5b882d9676f29dfdd780708a404c6', 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: '17112229626cb07d8de73f03dadba3f03941a520', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '27c26f0c197962c0d8e07951f3439de4af81939d', 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

@@ -54,7 +54,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '7eebf4a9648c95d08fde486ff028e2d5433794fe', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'cff3d0f83e39ad18c8a215ae6d75c9a5f6a69969', class: `icon_container` }, h("svg", { key: 'fbec57c315b5350ead89bc4a7ff4cc163a6dbf58', 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: 'bc9841d0a6fe2ec84f44e759ab7d255c195f8a1b', 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: '53a9ba69a294daf5e06975d2b7215d2f937543d0', "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: 'ab3a52a9971f56c29e9184f160a5395dec959db5', "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: '52dd44af1607bb11bf98a7e03a04958929cbf857', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'd24c8dd54d01eff337a2e1760dfe0d81e7945d40', class: `text ${this.size}` }, h("slot", { key: '4f42cee169887e3321a8b3d4faaa4b45606514c5', name: "main_text" }), this.showSupportingText && h("slot", { key: '1443c8249dffbe29a959555eb5c1477c0cd3ba87', name: "supporting_text" })), this.actions && (h("div", { key: '310a140f63479622ad4ad7b05d11f237e47c2c99', 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: '324aa64d850f83b928c1bcc22ff183be02987823', 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: 'd7672f7344e1c5b404c174ba890b94bf82204b76', class: `container ${this.breakpoint}` }, h("div", { key: 'ba07bb029a68753733ebe9ef59b91fff445e9e91', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '1a723d85ebf0c9d4b9fce829284bc9230af609ce', class: `inner_content ${this.breakpoint}` }, h("div", { key: '0e225a4fc105e0a3f43b74a90d01db348029793d', class: `icon_container` }, h("svg", { key: 'b3b9e6410eaec7a7475f89161fc59ba63a2db76a', 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: '6679893d7eefd67433e6d4e4c7a802c0339be237', 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: '14b8849b19910b2b27021722ffec9e48f46ea198', "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: 'd795bb9863bb435848a0b5479abbdf610fa4fc7a', "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: '29cf379fb033543729bae9c242725c0f3470745b', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '22b53b217294ad8028aa7ef431ab083a6e4f79d2', name: "main_text" }), this.showSupportingText && h("slot", { key: '8cd839207b80fc3adb6a80c521019bc62b79f8b3', name: "supporting_text" }))), this.actions && (h("div", { key: '083760475b5bf6f419f2f4b6bbc6d85363994bcf', 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: '724af499f7117b27c5f5843b2bb5bbdb1bdc3a45', 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: 'f9f2a9da7a81e139ce3862fa45484c10f8973f4a', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'cdedd9a61f8f285a530e47208630afef4263475c', class: `icon_container` }, h("svg", { key: 'b9976452a46b80a32a82454e67cc6f79f8497a7d', 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: '446a05b71b87be1f9975d1b9f28b51b3a4d28835', 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: '53e547dadb79335e6a44ccb5327767f583e6943b', "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: 'bd70a6c561f4b5a13207f8dc11aaa768d9591893', "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: '6dac14c0fec7092e53f1ba65a87400189454de63', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'b774a6e0a3e00d0c2466f976d2db498be2189ba7', class: `text ${this.size}` }, h("slot", { key: 'c7d72ffb8683c0a58c757851c2d0d1eb8c69202a', name: "main_text" }), this.showSupportingText && h("slot", { key: '28f94eeb2188db1a09eaeb7270da00042cadbacd', name: "supporting_text" })), this.actions && (h("div", { key: '9f3b1677e196575c2461e3de2d310c1d9daf73f8', 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: '3711fe98703d012d181a96e569228b726689a983', 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: '88136cada07cc8bd442b772ff0e991072dde77fc', class: `container ${this.breakpoint}` }, h("div", { key: 'fdbd638dd15aaf7b7abaf9bfabe9699021545516', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '16abf23cf5dc5f256d8a8f7597f9461b5787a33e', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'f38a1b7089df07fa6f10aee4ed8dbfbbd653bf60', class: `icon_container` }, h("svg", { key: '26f961eb8684c700d560173dd2f4d02041202bf8', 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: '2e619c6053980bc6e6ac3f5974575273dbad1358', 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: '3d8c7ab24c0c9b7ed4ca704fb7cde8b68d790259', "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: '50cf142c24ba0f5464dbd08e5eab52c67a8e16d1', "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: '5d5a1f22e8df65cbcc21231ca50ec897f5dd01ba', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'fee95cc826ba1c176b5634908074493bb192a6d4', name: "main_text" }), this.showSupportingText && h("slot", { key: '0bd1ea1c91c1d8382a4b9f7f15fa15e16f4a9117', name: "supporting_text" }))), this.actions && (h("div", { key: '75c8264d0cd29f0cb963d75aa09c5dd459ca0491', 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: 'bbfaf2c7916007963dc415584bcf17ca15f3360d', 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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '5931a44022db34da8462f47062080e64cb8c3b58', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '5e70765bd5c8c5735483dbe2a18504dae30200bc' })));
+        return (h("div", { key: '85af37c6db04ed2e61aa97a469b78b7d7574643e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '7ff916089dfe3801a5cc0dfba34f34efee840434' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'be82d02732ba3fa5b76f2e8bfa194b3f11002400', class: `toggle_div ${this.size}` }, h("div", { key: '11012f10c05033f513384bca042f75d623d6b554', class: "toggle_base" }, h("gb-toggle-base", { key: '32f09cdc08b575207f04e93c51703512779efa08', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '6f56d19d409b8b5bb043b072cb1da02f5d797bbb', class: "text" }, h("slot", { key: '6b01452c8ac65ca5d524d82e5e84f5eed51a006b', name: "main_text" }), this.supportingText && (h("slot", { key: 'a6e9653ace5ab4000c83ca73bbdff2e25a76f4e7', name: "supporting_text" }))))));
+        return (h("div", { key: '90ac203667a5dc7dc0ce6735094901ddef35846d', class: `toggle_div ${this.size}` }, h("div", { key: 'df30428f8ead962f60035ea145a60c5b34d3c92f', class: "toggle_base" }, h("gb-toggle-base", { key: '57a1cb4b15a62fe340d6915dca82192ad92891fd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'dd4e19c7c93d84febad0c258f3ff9ff711df9430', class: "text" }, h("slot", { key: 'cf1d66cd7b23271205e42ac247b9cc01bf7846d7', name: "main_text" }), this.supportingText && (h("slot", { key: '3b0ec5a3795fd0a2b1145bcfea6b0cfeaf47f374', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '90463815725b292a60b33f6418f46c17fdc69982', class: this.size }, h("div", { key: '675b0aa179b606aa544e04ee3ce4918ff3a39483', class: "input-with-label" }, this.showLabel && (h("label", { key: '3e84e32772b7523f7b65681db6faed8a7730d435' }, this.label)), this.digits === 4 && (h("div", { key: 'f4d19270aa8b691445aaae14d5e2364c0b7431b7', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2f2c08b1986cee80c1947ca589e5be3c4b457a90', size: this.size }), h("gb-mega-input-field-base", { key: 'f509654bbb65885b582186ba2b5bd5fe223c893c', size: this.size }), h("gb-mega-input-field-base", { key: '6c97cd8b60af6e9a98283458eeea2987adf5e768', size: this.size }), h("gb-mega-input-field-base", { key: '86692e7556d0af7f79172b4f471ec070112508a9', size: this.size }))), this.digits === 6 && (h("div", { key: '9a1d6067cd7f346d0c998e480e8169a18ff15635', class: "input-wrapper" }, h("div", { key: '1f8c7deda762ca1b8f09cf60c1663981f62eda6c', class: "first=section" }, h("gb-mega-input-field-base", { key: '2c5ef4d07aa856adb960726e6364c444ddaa1a7b', size: this.size }), h("gb-mega-input-field-base", { key: 'f2840c75039c24f2d1fbee005b8144ed1b846768', size: this.size }), h("gb-mega-input-field-base", { key: 'e4a6b436688b61e29ac749a176b20c2a2418bc34', size: this.size })), h("div", { key: 'ef240a2ce7aab50a5af7f483f7a09132a5a36d20', class: "second=section" }, h("gb-mega-input-field-base", { key: '14c5bf6b1600fbbfe66d36495992dff02b8ac1d9', size: this.size }), h("gb-mega-input-field-base", { key: '67e9cff3c0def818797f3c2cc8ecbc0e35639192', size: this.size }), h("gb-mega-input-field-base", { key: 'eafcc66d6ccd46b50b700382643443ab960ba5ff', size: this.size })))), this.digits === 8 && (h("div", { key: 'b812a1e15c0c6cccefe03eea8ad58c33f65146c5', class: "input-wrapper" }, h("div", { key: 'fd32bb2ba77b7e9604497cdf506644b08dc6166e', class: "first=section" }, h("gb-mega-input-field-base", { key: 'b0bb4c4ad03e861ee80d1c5b92a93a7ac3949750', size: this.size }), h("gb-mega-input-field-base", { key: '40fa337215cbe8395904e157e7911a36dd2d2a36', size: this.size }), h("gb-mega-input-field-base", { key: '486fa8a015fdb560f9499f38b57a7805f3fe6afd', size: this.size }), h("gb-mega-input-field-base", { key: 'd86dcbaa04d0a451eacda30c5634c1734020ea98', size: this.size })), h("div", { key: '89a2f5989adcadcbc5bdb643b2d5d11f8f6664b9', class: "second=section" }, h("gb-mega-input-field-base", { key: '5ae0631720ff8974292a56e595d45d9fb09cdf27', size: this.size }), h("gb-mega-input-field-base", { key: '107ccbd6dbc6d3402fd37d4f2c56b76dd2454a09', size: this.size }), h("gb-mega-input-field-base", { key: 'aba592f8bdb0b4f11df5b6a28d8d302834aa4552', size: this.size }), h("gb-mega-input-field-base", { key: '6aa15703084e5951373c547c567c52a1fdc0bb51', size: this.size }))))), h("p", { key: '806407e699c3c38c55909c11c4c1f612509808c1' }, this.supportingText)));
+        return (h("div", { key: 'a8178a0e24a074eb7dbe498ffa4d4333b3b2b2bc', class: this.size }, h("div", { key: '23aeeb526797b1e4699c2738a2e89c3b13f117a9', class: "input-with-label" }, this.showLabel && (h("label", { key: '0e162186968939371e1de705e188d352a9e3ecd8' }, this.label)), this.digits === 4 && (h("div", { key: '43842aa57af62be2a3f2dbdac18fb1f16e7cfad8', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '0cef95551ae1a902ea204a08a3060852a2a773f7', size: this.size }), h("gb-mega-input-field-base", { key: '9529eee3fec01664c9024b95fdf473b8bfdad2a3', size: this.size }), h("gb-mega-input-field-base", { key: 'ff81e37d9885ed0304a6de143fa302f8ef2d6743', size: this.size }), h("gb-mega-input-field-base", { key: '5b1fb1bcdedd393a891c0cce1b676da169e525b8', size: this.size }))), this.digits === 6 && (h("div", { key: '50e7c829e34b7e653adf7a1f27c80a4269740428', class: "input-wrapper" }, h("div", { key: 'a46758e8725d6efc24d8d70eb580dace6734687e', class: "first=section" }, h("gb-mega-input-field-base", { key: 'dab792c7c3b1a9d54e26257264adf55f43d236f9', size: this.size }), h("gb-mega-input-field-base", { key: '5f08a32f8c0f4d8df253aa3bf2842b84c69f321a', size: this.size }), h("gb-mega-input-field-base", { key: '90bf1b4d8ae629f85090bbd215200b3cc87fd118', size: this.size })), h("div", { key: 'c4fef912293c45cc24ef9f903e2213e2d5ff6a53', class: "second=section" }, h("gb-mega-input-field-base", { key: '34c2da721e98873a32e5990c75c717b63c740f9e', size: this.size }), h("gb-mega-input-field-base", { key: '6564043cc5cc8f6f584685c9d50e426ee9ada0fe', size: this.size }), h("gb-mega-input-field-base", { key: '5cdafde7c7424e8e96db53d9de377e1d33dda89d', size: this.size })))), this.digits === 8 && (h("div", { key: 'd93835f9ebbbdaf03c4cfa76a935a8ff0d5139bd', class: "input-wrapper" }, h("div", { key: '55408c160f34c19876689817f8612a86d796c4c7', class: "first=section" }, h("gb-mega-input-field-base", { key: 'f97f947f89eff67a547338fd9b0da583afbe1e75', size: this.size }), h("gb-mega-input-field-base", { key: '2a1a6920fec7d33e88e1ee1b7cd62c0322878fa3', size: this.size }), h("gb-mega-input-field-base", { key: '8f4b4106da196e6aae3b34b06e4572f589ebb5d1', size: this.size }), h("gb-mega-input-field-base", { key: 'eed200644aae5284a40a499f600ff1384a0e9df1', size: this.size })), h("div", { key: 'c82d7e5979cf801381f6fea02000e9a1e51ab501', class: "second=section" }, h("gb-mega-input-field-base", { key: '603593656b98d54cab04c87bace812f0da16fef6', size: this.size }), h("gb-mega-input-field-base", { key: '23f032c1aaf422c3fd71b029b35656624b746b7a', size: this.size }), h("gb-mega-input-field-base", { key: 'a0d86ba559d20f9ccfcfa2f94370025e1bb32724', size: this.size }), h("gb-mega-input-field-base", { key: 'a500ee90578bc3940b29b7ae74657cac7226f76f', size: this.size }))))), h("p", { key: 'b68c73f58fae546a5755c435fa484ea2f38c6552' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '4505e9f160f1c6809fcedf97f9477566ad855622', class: {
+        return (h("div", { key: '674eb310085129cc778c11251aa3e584122b1383', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '95431f7fa56e22f363b3e71458071dddf8b49417', class: "input-with-label" }, this.showLabel && (h("label", { key: 'd197ef618530e1d37be289702c2953f0ef92fd91', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '4c1ff9aa564ab97a7a2a81403e51d65a6353619f', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '49a7d284049573a7e82f80d271af9bb4dd941d79', size: this.size }), h("gb-mega-input-field-base", { key: 'a4087f08dfaf7b890f8d3575d73099ded2acdf10', size: this.size }), h("gb-mega-input-field-base", { key: '976c7fe6cedd6edd3c68f2ef077abf41130dfcf0', size: this.size }), h("gb-mega-input-field-base", { key: '77864286fdec40fa2da56a633d79e30e7dd797cf', size: this.size }))), this.digits === 6 && (h("div", { key: '64489eca1f012d18b001b6ac6045aff5abf8e6b3', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'cdba8ae0d69d0abda62c13585d6d8c31ef7c77a1', size: this.size }), h("gb-mega-input-field-base", { key: 'f2a8169f1000b750a8c6dea0325ee330feff99b1', size: this.size }), h("gb-mega-input-field-base", { key: '0c541a2151fa74352a84a3fe149cc024703e3a31', size: this.size }), h("p", { key: 'b06a4a8d339d8fae6b454495a1b676993d73e122', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '20f5034762c2cbee919faefc6932d9db1ab4ab6e', size: this.size }), h("gb-mega-input-field-base", { key: '61aaca1cf4fe971b010ad08045413239237b94dd', size: this.size }), h("gb-mega-input-field-base", { key: '7e6490ad603d8defc07205051e4afe78a5880e8e', size: this.size }))), this.digits === 8 && (h("div", { key: '5f7c074c471ff6ffda81e1639c76d9ecab6ce8e5', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '654876d3c79da5a37b89c0dfb6ccf47761afbd93', size: this.size }), h("gb-mega-input-field-base", { key: '3e6aa0d209c86959148314e846db33b4604a18f5', size: this.size }), h("gb-mega-input-field-base", { key: 'fe1a5e1e56a9a5f09872f5ed41f2a916819ad0a5', size: this.size }), h("gb-mega-input-field-base", { key: '75cf14d29a0e488b41eb079bd8f04145e65b596f', size: this.size }), h("p", { key: 'fd67f931fac7c1fb81a2561fb97de97f1e5bdd78', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'fe5d74955e23371b0fdff3874b4b091fb4160e9d', size: this.size }), h("gb-mega-input-field-base", { key: 'd2dccb511a357b64a8698dd3ec7e3edc093e86d2', size: this.size }), h("gb-mega-input-field-base", { key: '58e415853a7b9156ac8b77c4e47a027f22abc137', size: this.size }), h("gb-mega-input-field-base", { key: '5d6ae00c733ac691735e9a4086724b5bbc397294', size: this.size })))), this.showHintText && (h("div", { key: '240facc2383a6b8a6460ef13849e4299655c0424', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '523e3aa8587834ea9867e87eebc2b5c1426bb1ca', class: "input-with-label" }, this.showLabel && (h("label", { key: '2c8fa9b553e3564900183d857e0f54613a0f79bf', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '552ecbfc7acba70d0ad82095935dd0b325e9c7f0', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '658bdbfbffb88354d99d82356c6938f240198b18', size: this.size }), h("gb-mega-input-field-base", { key: '0936f56c04602d1ba33cf70a1023d00c8d4d634d', size: this.size }), h("gb-mega-input-field-base", { key: '7a3254ff42732d90f37cca656ec3e95043de4c45', size: this.size }), h("gb-mega-input-field-base", { key: 'f67e44dd56a0d4b5b473bd7825b25e135c4874ea', size: this.size }))), this.digits === 6 && (h("div", { key: '7ae374d2d067ddced537d421ea4c9344736ee4ae', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '9d9461806d33c98e1cf7e407d88fcab9f59254fd', size: this.size }), h("gb-mega-input-field-base", { key: '8c231d2de272f0161cbf51df9c75ba6a079f985f', size: this.size }), h("gb-mega-input-field-base", { key: '8754dceb42fad9ded9c8e3fdc6e19331f371debe', size: this.size }), h("p", { key: '4a818dbf6e876e12a50f87c0df7984869a556663', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '97e7d9f5e9e33a071492b91cc8793930014b1538', size: this.size }), h("gb-mega-input-field-base", { key: '3d9d952328cd0371e66eafd60a2c636ccc832d72', size: this.size }), h("gb-mega-input-field-base", { key: '667069ab18277ca54199a76dc695f5f34770cf4c', size: this.size }))), this.digits === 8 && (h("div", { key: 'd37f99a006446c17517d940495357f06576586a3', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'e0013572c35d9a74a79351309317eeade4c711a4', size: this.size }), h("gb-mega-input-field-base", { key: '7abd055bcac6474913f45f54c70320c51a6adfe0', size: this.size }), h("gb-mega-input-field-base", { key: '55d7b203b31be02f2ee7ff5270d8576c8ec83cc5', size: this.size }), h("gb-mega-input-field-base", { key: 'fad6a6daf6897f34a8a1e4a2f37b695b6ae68aa0', size: this.size }), h("p", { key: 'b2a10f51274f435ef0af4cd28d1cdecd20685a53', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '6f42336dee1b9f2e244dd016f72d9915f5f0ca9f', size: this.size }), h("gb-mega-input-field-base", { key: 'c689c4137c5b35cf512b6cef2129162c41e50dc8', size: this.size }), h("gb-mega-input-field-base", { key: '06685328f6d01c275dfb226d441c842d6ee80a85', size: this.size }), h("gb-mega-input-field-base", { key: 'b51f727f6a734902cc52533793677aa98d7e76bf', size: this.size })))), this.showHintText && (h("div", { key: '623873cb3369586153c2fd4728df30a1dbee6ae6', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '16e71331d229d628c0c5d7402f4a3422d77bf009', class: "tooltip_container" }, h("div", { key: '095c40ff9e85762eabf89871a2925763e64fc74d', class: "tooltip" }, this.showArrow && h("div", { key: 'f11eeaa00f03e717c37b240346259e053bf55a72', class: this.getArrowClass() }), h("div", { key: 'd6f019284504b4f192d32210d8c0481817f5a6ef', class: "tooltip_content" }, h("slot", { key: 'aa96691b493a6a2363a050b1b2acec75752f4fcf', name: "label" }), this.showSupportingText && h("slot", { key: 'e642c06be428f0ab7c27d83600ac9177d4341730', name: "supporting_text" })))));
+        return (h("div", { key: '3851663987adf2ca837b8688d57526f4df572f13', class: "tooltip_container" }, h("div", { key: '9b74b560ec41b2dc008d29ad2b605a283313558b', class: "tooltip" }, this.showArrow && h("div", { key: 'd31ca564036470013df15b90825b558d0f66ee74', class: this.getArrowClass() }), h("div", { key: '0153624f5d40369cd7bba43781d46f2b96187924', class: "tooltip_content" }, h("slot", { key: 'bdef930240d32d1b25c91a37e3824a6d0e76b412', name: "label" }), this.showSupportingText && h("slot", { key: 'd103b2455e325247fbbad06f932f88493a831912', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GbTopBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: 'c5140df39adb01f601eee16eba46e06d8e446e30', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'd6e56e6db585103dc4d6ea5a920a909d468272e9', class: "pattern" }, h("img", { key: 'a873d8a826fcd04b09609f896ccb029abbb69aa0', src: patternSrc, alt: "" }))), h("div", { key: 'd5167c2fcfa01aac997a35580ae9db31df548af4', class: "top_bar_content" }, h("div", { key: '0b72b2ff1310442f9996fb3501464b5160bc373e', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '007d3637719bdf7d8b06858da45c3cb9f83847fa', 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: '263e04369faac83e9ef4750738367cc8ec409d09', 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: '16e482d14457ede6a08262aeefe0d0e67064d08a', 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: '518bce6442e8891bee47d4f92f725c7059cc4b48', 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: 'cdc80ca2efa3e96e15e98b8fb6a781c98526a019', 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: '7dc29340cfe4b84edd156b035024620c959ad177', 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: '336dafd881d96d4fbfb583970ba3600e9341f605', 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: '472fbe9524941d65aac88c7c1b1ad679da63b26f', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'f8dda831ec4729623537ee064c1f00ea7d3c9e30', class: "pattern" }, h("img", { key: '394b83c625de3e8bee3029f0f2e4497aca8e50fb', src: patternSrc, alt: "" }))), h("div", { key: 'c2ebdd46eb8e7a5b0a61342cc1b9c3ff739fdc1f', class: "top_bar_content" }, h("div", { key: '151a4250430fa794bf8347a189531adee7aa9a59', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '3c3380d052221cae854b18e9c470b7bc7bc7c67c', 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: '1e87ec2fae14cbb7b5027dfe8dde81578fc31a3c', 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: '636c18a6ee2f1d1d0427136955938982d747b83f', 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: '85c6e373ce05861bc0bd3b0f3a7c461ee1d9a422', 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: 'c70fa6f66f891f71dc126b9c0327e11bd815fa33', 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: '2209454e7e73f7966513fe9064964a5472017616', 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: '268b81b9d291238e73ac4c1cd095f195eb8ed4b8', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
     static get is() { return "gb-top-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GbTopBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'ef2e3a73b1f833b0edd3c9e01690fdcf7b8289b5', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'f53847bb0a678ef5c69243c72bc7894d2d5920bd', class: `top_bar_content` }, h("div", { key: '64038d6bcb456d961c26b491148dc5dfc8639c4e', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '71a6704349b9cf24c3f46840e330d49dfa1e1ecf', class: "label" }, h("p", { key: '1b6e4808eb887d8ecd0f929bbbfd7970b7200fa3', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: 'ae10fa7f9049821c7b34f9f160613ed199472ebb', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'ce53190554f4fe46053949d12d2abf3b164238b3', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: 'd826c25073e63c46be169d6dd60aa610c23a42ea', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '41a70093faab1e875dd1a28731ab4ce9c5c43339', slot: "label" }, this.label)))));
+        return (h("div", { key: '063abd98e6708435da5e68d1099542a561879400', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '144c7a1bf320f0ee83d70b52d1d7d7bda39966cd', class: `top_bar_content` }, h("div", { key: '3e1969182cc0c1b0586631110fc02afdb9570326', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: 'e033f09bf2e85ebbbc5da50bf806ca88365634a1', class: "label" }, h("p", { key: '3ddf1d3140af2c49f8a7001bf01d5c903ed0722f', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '51d655c6556b06bd92b90395290d5763e2c6d2d0', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'e0c03e656cee873a86113012e8942f19e5d8008d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: 'dc5e126044c520a7f929bd7a00f0ddd01856c5f4', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '4fa36c3c6bebb3398d4a7297682f810670171adf', 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

@@ -32,7 +32,7 @@ export class GbTopBarSidemenu {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: 'e556b8fce4f146fe77d9f763ba41f6f853ffe6e9', class: "top_bar_sidemenu_div" }, h("div", { key: 'fa945c2fcc7a0fb4f3f39a06871354c11bb45eba', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '79c6da94f562ef079fb005ff0e857e63f014acbe', 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: '05649e8a6c9a3c6e95d45bcd15fbba8b3335f82b', class: "wrapper" }, h("div", { key: '9b5a01fdcb2da4f309b1a79152651cf93b320a3b', class: "wrapper_pattern" }, h("img", { key: '6309743fe819a9587fb28c2f9474ca5946cb86d0', src: patternSrc, alt: "" })), h("div", { key: '23da955a40c9ebd95e78c2c624d6a4d7fc476ac3', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: '84dc24c07be3604108eb79f2c50f79a0a38cf607', class: "application_name" }, h("slot", { key: '78f227191441adee470ca43608adecdffde1b400', name: "application_name" })))));
+        return (h("div", { key: 'ff3912c507a5c41a1ffd796d825f50649b1614c6', class: "top_bar_sidemenu_div" }, h("div", { key: 'd7411298fd24ea33ff4af9eb1e7bd122f8264107', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'c34c3bcb9f7e67f198fe956a4ef86e8938ff3bb9', 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: 'dbc1f0b31450ae4c2910e16b6ff98dd8e527bd85', class: "wrapper" }, h("div", { key: 'fe6dbd20ea2150779330e038bfa7e6af5e5bc7f0', class: "wrapper_pattern" }, h("img", { key: '618bbe6dcd7db1299de291afc66ee3d8e8a61ee6', src: patternSrc, alt: "" })), h("div", { key: '575ab2fcc2e6e495ceca19349cdae0afc26f5c86', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'e7f8bcb734b1d881087c132c5b787eb351e26991', class: "application_name" }, h("slot", { key: '0eec2a2b6abda56501c7729bbaf8762252100aa4', name: "application_name" })))));
     }
     static get is() { return "gb-top-bar-sidemenu"; }
     static get encapsulation() { return "shadow"; }