globuswebcomponents 2.5.3 → 2.5.5

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

@@ -38,7 +38,7 @@ export class GbStepBase {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '4325d6a74e7d85170580f83dc6a65d0954993221', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '889ed4c754ee66a48ffe06c6c747dfa91666d81e', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '770006b2d4b2b5b5e338e13672ea88610cd72667', class: `text_line_div_content` }, h("p", { key: 'eb86c88e43179c05322fd15bc0424e596563f29f', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '2ebca9fab9985005eda73134316769d04934e6df', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '14c2587a7fcb858aace9071ca131f2266e431aa2', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '634113162b72fd23d28244ae58329bb07dc5dcdf', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '569738e2936d2c1bc8277eb020bf32e5fb51bf2d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '2b3bd15c242739e5cdadd3d9a54f5a417e1c7efe', 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: 'dc04493628ddd3d43d1bda106b56f628fb7bb9d7', class: `icon_left_div ${this.size}` }, h("div", { key: '5549a58de1cd22a720ad270d47ed658fb69ab08c', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'dc9290be4725d285f6574a0cc201e104f9f7736c', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '493f2969b0df07a72029da46662de07a27650f8e', class: "connector_div" }, h("div", { key: '419615caf64dc0942a2be4c2a68f726d39f54708', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '765c0f2c2bfb654066f74698ace3d97586338cc6', class: "icon_left_text" }, h("p", { key: 'b250a2fe1162e099be1b05da82ea29f19da98400', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '0cdaf677794102ebacbd60c5c5bad613c19e86cd', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '66eb5458893455e7955b65d78b25f86e4ef89fd6', class: `icon_top_div ${this.size}` }, h("div", { key: 'b8df772e3c4adf42d5b3cb6cfedfdd47ccd4353a', class: "step_icon_div" }, h("div", { key: '3649758b0f03e6c9cb3871e1bf728994c7981e51', class: "step_icon" }, h("div", { key: '6805a30526266539b715f4ebec00442e6f26306f', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '64547e912b6c390575a556b520e84fb2ea72aabf', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'dbb2e997dde71e18db3c91c93853c7966cd9dc86', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'be96d4a864fc20258e84051ec86c98f755c7b05a', 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" })))))), h("div", { key: '65a2248887ffc3ab9a1e2e06af764a51c32b4208', class: "icon_top_content" }, h("p", { key: '02b421bacbbcb75f449412152041c0e7b762bb60', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '1b8f4d62c72299854117542ea007c1c035c5ff11', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '6b8339ea3d450679e3fe5bb2f831305d870d70ab', class: "featured_icon_left_div" }, h("div", { key: 'be0a2c89e7b0adfa353ec4175aefff8790dec460', class: "connector_wrap" }, h("gb-featured-icon", { key: '0a83d0cfc2a3589cf70d46ca7e1aea89d2d14f17', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '76587d8bd8dbabf54bc85d6322470977ef74760e', class: "connector_div" }, h("div", { key: '56032e1f73846890f39dc5a7f051bd5995157939', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: '776592144a8ef3e67e1006e24118991c5c11ccb8', class: "featured_icon_left_content" }, h("p", { key: '4c298488e14361187b7bc2a233e7255bcc3f6b73', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'fdd0c13768330e3084cd605caac9f268686df3b8', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '66c7d5d346cb897ba6df209313741770187164ae', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: 'fcc55e660368da7a6a4a5b18b79cbf70062e5d88', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '64fdbb6673d642c1e957891ac52582e5f12af7a2', class: `text_line_div_content` }, h("p", { key: '76483caafa8492f8563b724163a80a2541f4d0cc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '6ee48d4cc3ad3842235c0c477b9475f0a7dd3f77', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '0ac6f3e4e96ff7fe1e21b27b22581f7750d68a6c', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '528a1fb9a89401dea5bfda490ccdd75abdc7f328', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '5ca9d818c7c7744d5669e08f7ccf7e00ebe23c25', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '7a5001e1d671b3a1d9190f0b03b7cc6a652d4e72', 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: '0195f1876b3c2a5cda92f3afb4651738ff9c8c6a', class: `icon_left_div ${this.size}` }, h("div", { key: '95cc202fa731be46e2ca36f14fb017930f56ea75', class: "connector_wrap" }, h("gb-step-icon-base", { key: '2deedfc78528a195ffb4c2ef965f73f60dfc1a95', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '9cecd5362eb37905b2af261bf29dd56fd93eb4b9', class: "connector_div" }, h("div", { key: '923cc3a3ba3b10c4b74d783f4dd15153c22cd62d', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '32c3f701ea5cef81c6c0a34b8164cdbeb144f038', class: "icon_left_text" }, h("p", { key: '109c3873b72014079609d43ee82df7380d1824c8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '711dd1e421b62138f23e50c6803669b052468f98', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'e4ece22d30bfc41718b3c94f2150b356b7c8e9ca', class: `icon_top_div ${this.size}` }, h("div", { key: 'c0d1193495b12d5bc42ca642c8460bc708e3ea6b', class: "step_icon_div" }, h("div", { key: 'addba14a030b9aa4a5a01cbccc0e28b1ff06862b', class: "step_icon" }, h("div", { key: '2d7eb6446939259f47548f75d361d1237a379650', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '38a3c7a71cb6cc0bd76b398f79412ccd3d154464', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '2ae5ecb8a58a2f4ed2553d17e42bafbdbd44d6d3', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'b72bbb7444670e19af641e953358a9c7600e80ca', 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" })))))), h("div", { key: '036701bffab8d0f9b064546516d81f4915e89bfb', class: "icon_top_content" }, h("p", { key: '12d74417ef7d8ca84fdbbd5722e7375ab4a2e2bc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '37fa2f156dd6b5521828f107f52257ae8743643f', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'cb9f1270770b2818172522f693880b734129788d', class: "featured_icon_left_div" }, h("div", { key: '6e24b4b9ca8df5b125aa1536007697a8661b9622', class: "connector_wrap" }, h("gb-featured-icon", { key: '793cdb2c7c308af7f7333a3f7009801b1c621a32', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: 'df7cee9f3381ff8d96739522ff3f3368efcb767d', class: "connector_div" }, h("div", { key: '19e91fceab303a135a43e8b53cb731f6cafd4883', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'e3e30f0b741034495fdfe51bc9a78e2fa2ef834c', class: "featured_icon_left_content" }, h("p", { key: '85adc6290ee762514a324a617597adfebf1ac668', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'bd85db860fed8eee5844349030ae6426b1b8d62e', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class GbStepIconBase {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: '16a865d96e8a97b4e27613e2bee6925abaf8e226', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '58c73055fb32fe42532d362c9de6b884e363757b', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a39b9e4fc2e4451f7abe84f5ffc5bee861518c88', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '123c5ba017bfc7493778d916c6c19485888674fd', 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" })))));
+        return (h("div", { key: '425e8d94dccd8f7551fd70ee839d47e2f804e6d5', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '664d3d3c0ba9eba606952dd726a4aac07b3487c9', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '201c249f60c2a9e200ccda437703ef82e7da3258', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '9c1b32de4f7013e81cf06d4b32f4ad9d1c34c722', 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" })))));
     }
     static get is() { return "gb-step-icon-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,34 +2,34 @@ import { h, Fragment } from "@stencil/core";
 export class GbStepperHorizontalIconsCentered {
     constructor() {
         this.steps = [
-            {
-                state: 'default',
-                status: 'complete',
-                label: 'First Step',
-                supportingText: 'Please provide your name and email',
-            },
-            {
-                state: 'default',
-                status: 'current',
-                label: 'Second Step',
-                supportingText: 'A few details about your company',
-            },
-            {
-                state: 'default',
-                status: 'incomplete',
-                label: 'Third Step',
-                supportingText: 'Start collaborating with your team',
-            },
-            {
-                state: 'default',
-                status: 'incomplete',
-                label: 'Fourth Step',
-                supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
-            },
+        // {
+        //   state: 'default',
+        //   status: 'complete',
+        //   label: 'First Step',
+        //   supportingText: 'Please provide your name and email',
+        // },
+        // {
+        //   state: 'default',
+        //   status: 'current',
+        //   label: 'Second Step',
+        //   supportingText: 'A few details about your company',
+        // },
+        // {
+        //   state: 'default',
+        //   status: 'incomplete',
+        //   label: 'Third Step',
+        //   supportingText: 'Start collaborating with your team',
+        // },
+        // {
+        //   state: 'default',
+        //   status: 'incomplete',
+        //   label: 'Fourth Step',
+        //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+        // },
         ];
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'cbe7c58e1e176528fd049785dab060da25984507', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '5a333f81b9648d5cca205d9d2ab57ab253f4cf6d', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: 'b205caabed8f90a0ced978ea4e4be9b18b2c92dc', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'db705aa5b3a633a9affd0f566a43a02e79a72329', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '03c64e29f9864ad341b466645db182918d6437bc', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'ff4d31abbbfb7c4bb2f0d671506f2e834477f04a', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '84f5eb049a420b96e2d2e5b65921f6e9b50c5c55', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '8b309e41aa0ef502ccef4cba6f0ca8dcd8a95269', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }
@@ -92,7 +92,7 @@ export class GbStepperHorizontalIconsCentered {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ]"
+                "defaultValue": "[\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'complete',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Please provide your name and email',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'current',\r\n    //   label: 'Second Step',\r\n    //   supportingText: 'A few details about your company',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Third Step',\r\n    //   supportingText: 'Start collaborating with your team',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Fourth Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n  ]"
             },
             "type": {
                 "type": "string",

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

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-horizontal-icons-centered.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'featured_icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"featured_icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-stepper-horizontal-icons-centered.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'complete',\r\n    //   label: 'First Step',\r\n    //   supportingText: 'Please provide your name and email',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'current',\r\n    //   label: 'Second Step',\r\n    //   supportingText: 'A few details about your company',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Third Step',\r\n    //   supportingText: 'Start collaborating with your team',\r\n    // },\r\n    // {\r\n    //   state: 'default',\r\n    //   status: 'incomplete',\r\n    //   label: 'Fourth Step',\r\n    //   supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    // },\r\n  ];\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'featured_icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"featured_icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -2,26 +2,26 @@ import { h } from "@stencil/core";
 export class GbStepperHorizontalIconsCentered {
     constructor() {
         this.steps = [
-            {
-                status: 'complete',
-                state: 'default',
-            },
-            {
-                status: 'complete',
-                state: 'default',
-            },
-            {
-                status: 'complete',
-                state: 'default',
-            },
-            {
-                status: 'current',
-                state: 'default',
-            },
+        // {
+        //   status: 'complete',
+        //   state: 'default',
+        // },
+        // {
+        //   status: 'complete',
+        //   state: 'default',
+        // },
+        // {
+        //   status: 'complete',
+        //   state: 'default',
+        // },
+        // {
+        //   status: 'current',
+        //   state: 'default',
+        // },
         ];
     }
     render() {
-        return (h("div", { key: 'c71d1b4cc3647b44f21c088f4beafc00ea9198b3', class: "icons_centered_container" }, h("div", { key: '2458a8bdad414e99348755cc2be25e91a19d7ed3', class: "icons_centered_div" })));
+        return (h("div", { key: '487ad0912adada6886913c5e02bc20aa3fdc2841', class: "icons_centered_container" }, h("div", { key: '5f9915ee9e3b3665a07e198e66ae2961fe405be9', class: "icons_centered_div" })));
     }
     static get is() { return "gb-stepper-horizontal-icons-connected"; }
     static get encapsulation() { return "shadow"; }
@@ -84,7 +84,7 @@ export class GbStepperHorizontalIconsCentered {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ]"
+                "defaultValue": "[\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'current',\r\n    //   state: 'default',\r\n    // },\r\n  ]"
             }
         };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-horizontal-icons-connected.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gCAAgC;IAL7C;QAOU,UAAK,GAAkB;YAC7B;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,SAAS;aACjB;SACF,CAAC;KASH;IAPC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,0BAA0B;YACnC,4DAAK,KAAK,EAAC,oBAAoB,GAAO,CAClC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, StepperType } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-connected',\r\n  styleUrl: 'gb-stepper-horizontal-icons-connected.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ];\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"icons_centered_container\">\r\n        <div class=\"icons_centered_div\"></div>\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-stepper-horizontal-icons-connected.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gCAAgC;IAL7C;QAOU,UAAK,GAAkB;QAC7B,IAAI;QACJ,wBAAwB;QACxB,sBAAsB;QACtB,KAAK;QACL,IAAI;QACJ,wBAAwB;QACxB,sBAAsB;QACtB,KAAK;QACL,IAAI;QACJ,wBAAwB;QACxB,sBAAsB;QACtB,KAAK;QACL,IAAI;QACJ,uBAAuB;QACvB,sBAAsB;QACtB,KAAK;SACN,CAAC;KASH;IAPC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,0BAA0B;YACnC,4DAAK,KAAK,EAAC,oBAAoB,GAAO,CAClC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, StepperType } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-connected',\r\n  styleUrl: 'gb-stepper-horizontal-icons-connected.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'complete',\r\n    //   state: 'default',\r\n    // },\r\n    // {\r\n    //   status: 'current',\r\n    //   state: 'default',\r\n    // },\r\n  ];\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"icons_centered_container\">\r\n        <div class=\"icons_centered_div\"></div>\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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

@@ -41,7 +41,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: 'ed4dc9fe965daccb7ab40def21a9454d89833afb', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (h("div", { key: 'a914208b44dbc87f01e3872d7354711047a008df', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "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-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.js

@@ -25,7 +25,7 @@ export class GbStepperHorizontalMinimalIcons {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (h("div", { key: '5e48f97ec0cefd5ff82f0c52e806806a24e5f4f9', class: `minimai_icons_container ${this.position}` }, h("div", { key: '15cac605ce8171f2fa7d5b0f46340a5d76a74e55', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: 'b4a897babdf1c1e17a9b10b40471980ed15e0a7b', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '45efca8d4615f885444434a6f2ef47198b75a495', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
+        return (h("div", { key: '02bfb7729d6db31cf4357e1478ed10917ab86ed2', class: `minimai_icons_container ${this.position}` }, h("div", { key: '0ac761188cf9e33af267c86ae43718e6544b9f22', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '5811b2e90c3a32f71d749a195acd7b7b483143bc', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '8dd23fc0854abb0ffc2601be929bfe8214cefb58', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
     }
     static get is() { return "gb-stepper-horizontal-minimal-icons"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -40,11 +40,11 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'c97655c92025b6f6599e9df4ac6321c59d6212da', class: `tab_button_div ${this.type}
+        return (h("div", { key: '5722100d3cb7a7407ee920c38aaffdd077f824ce', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '568ccfea6c95b53a4b17f2831ac3905e0cce385d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '69cd66069d5ce9150843b402d9587f23a7e4fb31', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'a858ab2d3e7fbc2399d5fe00a48199211c0d329e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '721ac9b3dbe674e94fba49cd13956e26565704dd', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: 'a4cfb85f422d9181dd5f3daa9d6d56c1ea7bf60c', name: "count" })))));
+                                : 'gray' }, h("slot", { key: 'f57e02a65c3d0b924a86e3e5f2aa504d243c7a4e', 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: '4e167984f25cb6bb912e4a8e32f7e5a6464188e7', class: "table_cell_div" }));
+        return (h("div", { key: '2b09705dc478d07d490dbc92cf3d35072276af01', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GbTableHeader {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (h("div", { key: '951d9075dff3cdb3114b7a368668ab00fa38ef1b', class: "table_header_div" }, h("div", { key: '244600ea3082e42829de5708a773ebe05c9e3a41', class: "table_header_content" }, this.tableHeading && h("p", { key: '2cfb2b9a0fc0e36626cf300403a07186d7676c81', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'a44e28ad1f863cb5f00bec3d64040522cb87028a', class: "actions" }, this.showSearch && (h("div", { key: '2563dc7ef044f083d54cde64fb602f658010afc5', class: "input_field" }, h("gb-input-field", { key: '42b9b0fa84bc070cb82656f3e7d1c676e492b9d8', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '45d67619644dd18c543d179450ffef4fd2050202', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'd747c0fd4e1e18130384a4f3c288bb9866205b2b', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '5576533f1256940195d5548d277b0c8ceb64c0be', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '2f147880392e378cedf9749d7b8e346df98126e9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'f1e07934d18e39ee558c29afe90fa834f9120cea', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '2f9bb6e3cfa2b91bf6f4a048c3ff58eb27bb7eb2', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '090eb2e8dbd460a899e43a8d076e252a97a9d803', class: "export" }, h("gb-button", { key: 'e347d2f64fb987286d8bf1492692736b94da74c8', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'c4349e66060cf387171c66d204db63f2096067da' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'c1b9df5ccacd807ba9da75624f27dfd09cffda75', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '7b239a789b4d7d83488864e8243e9dae0742ffab', class: "refresh_button" }, h("gb-button", { key: 'cacd6a3982b39ef6615fb94a7ff125d82e5b9616', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: '16b45f136aeb3be5bddcd4823b38f6df4fe8a8bd', class: "table_header_div" }, h("div", { key: 'ed5b0c79a22a159f4567aa2750621b24502611cb', class: "table_header_content" }, this.tableHeading && h("p", { key: 'd5303cf05680d5e49e8389f1e44947b408967ecd', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'b408037b17e585a0ff8b07eb4215d028ef10909c', class: "actions" }, this.showSearch && (h("div", { key: '7625d94e804ebf26db4495947aa5b596e05932fa', class: "input_field" }, h("gb-input-field", { key: '3cdbe008577a77465c332373f319ed9f8e1a76f1', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '13d017dfa76665dc36ea5ab3b98dd9983023f4ee', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '949769d65792cb28f5d916985b503621a7275562', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'bd84f7177ed9b6846ef21b81f77463b695519332', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '839b3b8e984796829d0f28ed066ce70a9c4ca02f' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'fd81510cd7284cf0eb01f7065cbb7ed10709cd07', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'b978d396c01faa7ff4d75369d52f242ce9ccaad1', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '976bbe081735a4958fe00920dca123fd1edd49ba', class: "export" }, h("gb-button", { key: '3207f15aa2142ecf53eeb8195fe492ba1fd129c2', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '6d0c6f267af9e610023283146d015cd0c9b775dd' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '820c6758d469cb284cd92ba21878e470f7e35d99', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '773df8095bfee2e0f8c6669b8c5be09e2b67545c', class: "refresh_button" }, h("gb-button", { key: 'e9e76a3c7efbae060a0c88a550da9ebe3c1faeb3', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '47c98fe98048c6a4c89445401546721bd5026c68', class: `container ${this.size}` }, h("div", { key: 'ea47a2057a4ca7eaaa4fff1b7e79f89ad69248fd', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '748015d23535a0613cdad5ddbdd15cd1c4216933', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'c0e8e063ad496eacec0cdf889dddf1939656ff93', class: "icon left-icon" }, h("img", { key: '7910d176ee3b703c1e024c9c824b25593fde6124', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'faa418baa7e916d2110d84f7c1e95da141df27ad', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '36ff0d63297536d9f61b0cf3da37ed481bc3c968', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'd1ef3d24cfe38d3bffd4d767fe6a5bf8cb173439', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '9d219d7d1c8a98057746874a178c16d5edd8631f', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'a4e33640b352f67117ab4851cde600908963106b', class: "label" }, h("slot", { key: 'dafa357ddbd079ec28b8e1aa07db189511d091d2' })), this.action === 'count' && (h("gb-tag-count", { key: 'e16262941d1b9246cf9af851c54ad5bd0cc12bb4', size: this.size }, h("slot", { key: '5972920033f4d9525e4173957df69788d1a317da', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '807f2c11d435bdd818caf5f812548d1a63939daf', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'cf1e35713c99c08c8895d83746eaeac801730bfa', class: `container ${this.size}` }, h("div", { key: '8fb7ecfc27bca16046e34a219320294dacb6c282', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '3c3fca281dcc95a4bf95223b2ef89dfeac2a3f60', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'd978ac3977b00a9de92c22dbfec1cdf249cf2785', class: "icon left-icon" }, h("img", { key: '7ae52386e40f12df056d5365f7f21c2ab93f7979', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '7263013715f89da5f054a62b3ad2ee404cf4b001', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '3ab944fbe8dbfea67129baf45af164e60dbfb509', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '4219b3459ccf5f46cbe98f2c64ea245a95a0cfcf', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'bdf91f3e788b94f995347606a24607ae853624d2', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '4bf656ea0e2bb0a03b88cbff234cbe669b391597', class: "label" }, h("slot", { key: 'b54e81ab8254ae5b73d84806a42e5bb02ec72464' })), this.action === 'count' && (h("gb-tag-count", { key: '922e3a89f422d601e470b5f54a0f886d496367b9', size: this.size }, h("slot", { key: '2f8023a87bc8274afe6b4bc77dfe66dec0440c86', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'd5a2c949d8aff4c204587768d8fcf6e267e7e768', 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: 'fde4e4b164e5cd67e594265c654519750155a629', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '77498a67ebf897e521a7a0c63d4043d98d02f5bc', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'a8e1b9ea649667f4cdad75f1156eba9f72b07442', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'aba5626b66954c1a5488c9f3298a1aa61a25f9ff', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '98cdcc534bfd72233e2b0872ad1f9a6d0a2b3432', 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: '3477f1230684cdc6254ba9e393deda1bafb2f860', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '530f715e10e4d3d3d61fedf94a6d00408643bc9f', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '042e8cb32189bc206c990b46365ca62bde11b0cc', class: `custom-checkbox ${this.size}` }, h("svg", { key: '0d8eec5a517c5ca2e7f9c25ea67cecadf74ebf34', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '42a767f9d462c2ecfb888380dea023388e5e3914', 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: '4da250cef4545b79ca292f164a6360f23ce2bf74', class: this.size }, h("svg", { key: '370d2894f73fa046116a14965696505b2b727025', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '4e26813a530d1740566658cb073a3513c66c5031', 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: 'ede4931a64bcf2d70c2ce6f8197d540b612a3005', class: this.size }, h("svg", { key: 'e1bafcb0433ab6c69bf17ca1b3d0870b68c36b2e', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '4c29351e8ddb712b2f22ea2994315955ad763da5', 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: '35b00f3c9328e9f4c8d6a5d66330c743f461ad2e', class: this.size }, h("slot", { key: '0398d7b53a8b12b169971bb93aa5f16741bc26d2', name: "count" })));
+        return (h("div", { key: '71ffc328a5ac2e990fc13d57da2f75f7b7ec1566', class: this.size }, h("slot", { key: 'a926f80cdad6f3f9fbf9aeba1cfa54dc834c8d8f', 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

@@ -192,12 +192,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '76cbc2ceb973b7bb33f771c00eecfc4f89a740b6', class: "textarea_container" }, h("div", { key: '2733efe6b664cf59ba68939fd47980c181518ded', class: "input_with_label" }, this.showLabel && h("p", { key: '3fb0172bac927ddfaa919b39d9634be415dad46c', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '75b0cdf8ecfcece8605c660b0ec0afc317695be1', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '04579caf687a50ac9efd371102b64682dca4f19f', class: "textarea_tags" }, h("div", { key: 'f428387d1e472106fad18f932ab4e341083f6452', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '1b9e9b6d1f645f877ef8d262ca4c6a38c888a338', 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: '6910f4cb2de617d5848284fbb7be5268edd6abb6', class: "textarea_container" }, h("div", { key: '1052a812c4070ecf93c0cc221301eff74c7dbf7f', class: "input_with_label" }, this.showLabel && h("p", { key: 'e8acdfb628275aa52da4d3308ff362049ad4cd47', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '5517ff56ce1a6b00beaaa4381bb080c610688cee', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '65cf3f164831e22fbd5d50831efeeee8e9447a6f', class: "textarea_tags" }, h("div", { key: '119c51b91a773a6dbec514c3b671890ee695b8ea', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'fa57ec9b651b09c5f9205b78833cd7cdce44560a', 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: 'b6f7340e1665456f9da1edfbf7b7cb03c2b65958', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '76408d78bd404ba67f861c33fb3433f5a0d479ba', class: "input_field" }, h("input", { key: '3bab38167cada4f5e2907a5650c9a375ab8fc963', 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: '538ac4956ef327dde4be2c6b322a8e92037f12f6', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '7c6da726c66856ebc745c8532b671c58947c0d02', class: "input_field" }, h("input", { key: 'bacfa66756d6c004752df58a383492e0156e9573', 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: 'c59d8f8bf8d360e3018c0873ef141b1b3b995f4e', class: "help_icon" }, h("svg", { key: '54bb41289719230f79d215f8e8e0820a5a3adee2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c57ce839f2fe0061878ecf4b0c1b13f189aa51f7', 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: '94518da42878b13ffa26b49687cbb30b301663fc', 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: '5a15f0d95a7e6a327d01290c961b61645b868e14', class: "help_icon" }, h("svg", { key: '6aa2be252bc4dcb148e706fba4f8a0b34f5c7ec4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'e61656fe4c4c68a5de25da79996a688826748279', 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: 'e6790aeed00cfcfa83f0b6c830c4fab5703fac81', 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(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

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

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '3daab8dabd6fda63f58b854549469cac21d9c69d', class: `theme_tab_div` }, h("div", { key: '95b72668ab20d07aaf1e413deee03cb64428b0ac', class: "tab" }, h("gb-icon-button-base", { key: '30d0ed8511280fbf61065e1e5ca1b1351e427e08', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '8ca0e6e68d81ac89a5f8bcfecfe3ea3d51611919', class: "tab" }, h("gb-icon-button-base", { key: '8b60078a35190a2985b3f69f90087d152a5b5761', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1c44c51d8710313345c000c7be77af946b7375c3', class: "tab" }, h("gb-icon-button-base", { key: 'e3ae77848d5ac676b7ea35dc6ddfead89d83cfc8', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'f19d0d113284c7e871bf856198a5c9dcc0356c31', class: `theme_tab_div` }, h("div", { key: '7cbf5491d42f22209284b261828208b9873abf41', class: "tab" }, h("gb-icon-button-base", { key: '9ccb30d2eb6e0ba373832adf79528edb2163a37d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '5e255d8ec228cf4f4c0f57760b83f3a446254632', class: "tab" }, h("gb-icon-button-base", { key: 'ae40bfd83508e39e5ca23c407539cc2f858e99eb', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '3d6d4730fd7de08af61af78cf8c493f74565509e', class: "tab" }, h("gb-icon-button-base", { key: '0e2e5bb52f84d769f1132fb121d0d53033b098d0', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GbToast {
         this.close.emit();
     }
     render() {
-        return (h("div", { key: '7324e484d8055280478b7569c7c779f02698d20b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '8648a35c45b4e5714bd2959cff0eccad1c8cf309', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" })))), h("div", { key: 'cc7db5954375be3a32cb4e06583963b7671e4606', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '0b5cc6448f60ee7e0159793b7be208cc2480fa4b', class: `text ${this.size}` }, h("p", { key: 'd5876370f3fb836a9bb7d9fbc05ad95a4a5b00f1', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '12190e82f7a15a47cb9869b152d8404f305cb97d', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: 'e0481e9b13e0d0a89abeae8356436cc5f0ae5832', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), this.xCloseButton && (h("gb-button-close", { key: '33e99669941bc5e8b2bf38d5d204a0fc72a10ba8', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '23c3685d1a970a5fd0249ae6c940797109d99801', class: `container ${this.breakpoint}` }, h("div", { key: '0ad1adf9080699274b1f24b9655987ed28df4407', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '764eeb79c16189b781e7f0b10c34fe340ec97820', class: `inner_content ${this.breakpoint}` }, h("div", { key: '97425af3ee11d1ce50436f6006fe8bbd9e9f3033', class: `icon_container` }, h("svg", { key: '43fa4b50e535a168638c911332e7b2e00dfeb566', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'b401c10a24d14c88391757d04398deebf4866cda', 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: 'c4291197e7d96f30e3af37680957f5ad2f0d3b66', "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: '39aa41be6a1325309f26645870b5f4d4f6133fb3', "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: '19a01c82dc1acb4b5cdfe6f7f6bdfbe632940161', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '17be6a411f3f5da2b922186a2d6b6f7f01504a1a', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '15ca968363b14543a4c839f1578e99c07a5ba91f', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'bc7bc243838e49653ad47aeeb064053c83977acb', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), this.xCloseButton && (h("gb-button-close", { key: 'cc3ae1ff7bf8e7fa1f50a3f854d66b54830c4f3d', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
+        return (h("div", { key: 'f59e35294c18e0b4abbbad47f953743a2345662a', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '46a9b58241e77b888e93bc50d2665864dada52e2', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "#079455" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "#079455" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "#B51726" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "#B51726" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" })))), h("div", { key: '09fb54a36743a5a216d053f6c0eb10f0559e05c4', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'fc453173c83e4ce02fb3df7ea2c65609f1c475b3', class: `text ${this.size}` }, h("p", { key: 'ff636eea1b7f4a4fbd4e0fc3f8676b5c782b8dab', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '0d810931804467cee95d6f8d481887021810e205', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '5e2c92b3bcaf7ba4665a47cf30570c62e12fab19', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), this.xCloseButton && (h("gb-button-close", { key: 'ceec5d340aeec258487d7b7d30253916a81126d9', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: 'a51a7eea6415870b04e29a0e561612e3e5c8acf7', class: `container ${this.breakpoint}` }, h("div", { key: 'c5eeac3d88b8906e6923e4241e2e4adf3ae7f7bf', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '8454468c0f3cd396c175e7e13878c1a08fbb4444', class: `inner_content ${this.breakpoint}` }, h("div", { key: '8b5d370022b6303600ae237d97250ffdb854a76f', class: `icon_container` }, h("svg", { key: '23b7c14397c58939a8740010594002eef16f38b2', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'dfee1150b3032bd2909c1f9153db61e0089a75fb', 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: '9c30af2cc39fbcc3c260b4dc9a3c53aacce6c1a6', "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: '1a88899ec6b08496007eaef700da04679db46a1f', "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: '31c388e3d5577b1f1ee1e9ce7acc63e87323217d', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '0e1f89b7efd3be53f8973148bae828f8d810cdb8', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '02fafe2a9408f5fd4191adf116437c7bae572acd', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'c31cf09305e674e2734ba3f362ea42fe3ebb4d00', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), this.xCloseButton && (h("gb-button-close", { key: 'dbef7b7545078f2e9a1ea0e49c9683b25cb003fb', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'ac4ca5503e19d97ab5c802f7b94f531845a985e8', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '74e3a5a1d9aa2022606c49cff06008147b072129' })));
+        return (h("div", { key: '4315c0327f4d8a69396028c5e7df6052cd8c8c27', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '63223f9af918b655bd87362dfe7add983410dc22' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'a8cce9bd554c22da8806a6b3ba3d40984360bf09', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '40a9a52a665d8f0eaad35266330461af160f1c81', class: "text" }, h("slot", { key: '9bea37f21edb43dcc6ddd7cff6024b4c65b8f955', name: "main_text" }), this.supportingText && h("slot", { key: '1c309221fee9d7ac3abeefbf06976c77e4b75f6b', name: "supporting_text" }))))), h("div", { key: '163d22a84e3aa048aa5d92d5fee5215c568fff62', class: "toggle_base" }, h("gb-toggle-base", { key: '00b357e6c356c30b707ecf013483cb7624dac105', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '6b5ef124b46dbc70dc7432ec802119235d49c12e', class: "text" }, h("slot", { key: '02a7cad1c80dbd5bb29f66f1a1c6aac7543d04fd', name: "main_text" }), this.supportingText && h("slot", { key: 'd3e78ed97f537da4b0db48d0af20a4a1388f2338', name: "supporting_text" })))))));
+        return (h("div", { key: 'ef7e778143fdb5ff184551799cf31ff9a35e26fb', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '1b3bfaa458c34b4f3b04ebfc97649eb224872f9f', class: "text" }, h("slot", { key: 'aaf98d6a39c29399686be2a4f46c6207598d2ed1', name: "main_text" }), this.supportingText && h("slot", { key: '618fc03b565927b7a637c8482c2e508b9c265336', name: "supporting_text" }))))), h("div", { key: 'a37b30d6ffb881f1b4a84a6da34f6bfcfa03aaa5', class: "toggle_base" }, h("gb-toggle-base", { key: 'cc7746d465ef0412326582a601a355221d2c210e', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '821b46a0749cd44b3c53f8bd7ee5d32dceb327ba', class: "text" }, h("slot", { key: 'f51317acf6121da176a43250fff89928079d3f78', name: "main_text" }), this.supportingText && h("slot", { key: '59116b19ef63e02130968dda914ccce76b9afb1c', 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: '3ed3e1ff05ddd4e49f55cfef5394439644bbfd55', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '0c8594fa29c60d899090ef6eea87714a522f88f8', 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: '7c3040a012f94f56c2961d9bd3b870d0f3902bd6', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'e3347b87b352c9988d1060d498901f928ed86f40', 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: '278b2a1547c33efb5fe8783ef8e8ffbc796baa5e', class: this.size }, h("div", { key: '5379659eb39cce99cb7b9ddb5b4d666edf08c275', class: "input_with_label" }, this.showLabel && h("label", { key: '3bfcbad304b7563f1b05e609a34fca38366fedf5' }, this.label), h("input", { key: 'e383a74cc36839546c41d711d17fa5e3a631db15', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '26f5da98787fc4aa0e774ee94e9e618017c092b5' }, this.supportingText)));
+        return (h("div", { key: 'c159f9c475c350301a7bbe0f173152621addb8d0', class: this.size }, h("div", { key: '7f1ab00c2144288ada4a59b0c17b8484934f7081', class: "input_with_label" }, this.showLabel && h("label", { key: '983f5dfbcaf5d4e9425a672c77fc580f5cfff541' }, this.label), h("input", { key: '9c1d67e8add374da384f9d0c26f198e10b8c313c', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '375ae70b0b37c95e6dce5cb78eca04e5449ac6b4' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }