globuswebcomponents 2.0.8 → 2.1.0

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

@@ -40,7 +40,7 @@ export class GbStepBase {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'b8a629797f68c71cb6ae4cd82fa176a06a824ff5', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '136ef825264274f8671bc349a79de446320dd12e', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'de12763c142f3c96aafc76e9eda61f94327716b6', class: `text_line_div_content` }, h("p", { key: 'b55301dc775cfd508d28f833c36d72c3bc615d93', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '332a8094afeda8843ba79abefd75040e2f4b3a35', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'a2185220fc379ed8beade7955e9c91afa5e1fd74', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'f272a761b113f8f3953449f9a0268b9404519022', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '316001c1c143defb9435d5a82d81820aed6135d0', 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: '14c1d2a29c5e81a7704f8d77326f6dc9ced62685', 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: '1f7d26064d236ce0e72bfd7b4dd1afd449c0f47f', class: `icon_left_div ${this.size}` }, h("div", { key: 'effb0673ca1eea373a030200c3618b59ff243e39', class: "connector_wrap" }, h("div", { key: 'f49710044b0589518e4711b13d409bc33b683bc1', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '6c33bb5ab19edce7feffdb636f2cf6eb4a3dd878', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8e03c5ba81a2a3b1e7d2afc0e0aebe6b35a767e7', 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: 'a558770e3a3f542c9f924234404674a28ac18b38', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'cb63b287ed556280a441053dd11503e4631345f0', class: "connector_div" }, h("div", { key: '7d50dc1302ad6694fdeeab48d3111a94c20316a3', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: 'f5c8c5f56cf47eef146e2133fa456545e3af8d6c', class: "icon_left_text" }, h("p", { key: 'a38dde4a0d5da32ab5fee88916dcaeb8ac8ba821', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'a1603bb18d3c3321449f96edaf24d9e250138b50', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '92df0cc6c9854eda428a628919a65df36aa82ab8', class: `icon_top_div ${this.size}` }, h("div", { key: '7b3c27261ee8123c8c630cf31eb40deb8c14b01e', class: "step_icon" }, h("div", { key: '89cc8d84864261fc9d736dea3ee88edb899a928b', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'b6f103d3362a1860f568816903ca43f3bc6154b4', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '284934f70d4fe3031a691f75ab8c78d6565aac34', 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: '72bad658573c15daea9d79bf8b10982702e2e503', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'b792c5cb9ea702c46710bc72ba4eaa0a8c2b9afa', class: "connector_div" }, h("div", { key: 'bbe2a46d621add97242c2bad733d1aced6ad8deb', class: `icon_top_connector ${this.internalState} ${this.status}` })))), h("div", { key: '9962e4ec0f41a3d559ab04e55ce773f0e2e5b604', class: "icon_top_content" }, h("p", { key: '3a2bd1fbad6aa38272fb3e79a5fff9d5166e9ab8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'ad3f25267e236f94400a8aa0530844b305373202', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '5344cc1b242aa03906b15361ce1d3e80e2a0139f', class: "featured_icon_left_div" }, h("div", { key: 'f0a019b96afb39d2b0f2c30d402705d200ee2675', class: "connector_wrap" }, h("gb-featured-icon", { key: '5895cd6bc531a578a7636f4070bdb6515fd7aab7', size: this.size, icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), h("div", { key: '216fbedb740afff5878825569179402e8acf2b53', class: "connector_div" }, h("div", { key: '49fcc8c9bc8514670258f98f236ac04e2caca9af', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` }))), h("div", { key: '7311721ff9fe53da43faa60307fcc12829cdedd2', class: "featured_icon_left_content" }, h("p", { key: '7583884675383cebbc27d07178b47257aa189e2a', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '3f6a36bcaaee43d166ef81182da66daec2c85e05', 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: 'ce1901f5d3cb288d28053cbccb9adf227c6c2ab1', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: 'e10a2a102f507d6c09f99c4da08fc8cb9446f6b3', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'f947fe01c75b6b0aa1ec646cabdc92e97500d3f0', class: `text_line_div_content` }, h("p", { key: 'aa9e0872a4149ac4380307056a946c834fbc4850', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: 'db96c3173e32e89205819f23fcfce0a4872b4291', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '2ea0484d47b52ee003ded92fb4505bb7b39ff473', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '957ef202eab91cc631644bfeeed0916caeadfb94', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '1cfb9caf149313707158b79fa68a5a126ccb3b3e', 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: '8df6a6a48f4a19c672c84b9c8204b65ef802cdae', 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: 'e3fa07c61a27d3539e51dabcb1c845feda66ebe8', class: `icon_left_div ${this.size}` }, h("div", { key: '05484419d4106b46b82582a0f6d0230c5182fb2a', class: "connector_wrap" }, h("div", { key: '988571b6b224a8635a1960b2cca12bd88160e6a2', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0408187046d1a983e3a5732912b50a8f33d22d95', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'c290a2f70017e5f9fa1c25cb2f48a26a83ab3822', 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: '9e526d27e3f71964f5654bd4fe21c4cdfcbdb305', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '4bec278e289091be15088225a759f062abb7c858', class: "connector_div" }, h("div", { key: '742933c76289f1a387bf79b55a64d3720f8adae5', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '7196aca9a1781243f78cee2cdaabcfadd66397ae', class: "icon_left_text" }, h("p", { key: 'cd09cbd32060cb5fd7f816343198d7c815fcfd74', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'ca0e0df41296221bbdc553cd0fe3a8b53597da1b', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '74f00ddd78fc09b5c11f4621a7ac691de10ff6e5', class: `icon_top_div ${this.size}` }, h("div", { key: '4a99e56119d21a5160a28dddabbc1ee1332b4258', class: "step_icon" }, h("div", { key: 'f3ecb523af135be8f111d55768d32ec8574d2557', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '8329bfc7fb6511bc345be8397709e47adc4cea24', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'f9187d573784ac111056f54b4380f0194a5a9c66', 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: '2512b2ac1b66d6cf6aff0c1ac97f40dba386c67e', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'e377ce72a29dd889469a9b339f724085e3f7130f', class: "connector_div" }, h("div", { key: 'ade653bd533998a44e8dc22cc2649faf0a5cf0a8', class: `icon_top_connector ${this.internalState} ${this.status}` })))), h("div", { key: 'ccce727bbf8ff2494fd149bc7919b2d366aec491', class: "icon_top_content" }, h("p", { key: '3f6b73b2fd2b6c8d8cdd639138f3ae22bf2162dd', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'a7bc0b8b5d9d6c90c5c602dd058d1307f22e8223', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'e85eb7f99f38a181b44f7431433796ba665333fb', class: "featured_icon_left_div" }, h("div", { key: '66c2fcdca6a9437ee158b1c72f72ec10c084422a', class: "connector_wrap" }, h("gb-featured-icon", { key: '5c92ba268f505e9b99c140a03a288bb59292e307', size: this.size, icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), h("div", { key: 'c61ac7c68426cea203c42c8f34eb21024179ef77', class: "connector_div" }, h("div", { key: 'bbf19ef94d2d7d852d1c415009f4ac91e1e63aaa', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` }))), h("div", { key: '28f2b32c10ea373c4ce313409bf03b92d0dbf5a6', class: "featured_icon_left_content" }, h("p", { key: '39d2859481b1bff0469bc49fbbe59beb7dd009e8', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'af8bc30504dd256c345b4e51a81d53d3075ebc86', 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-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '7e9c50bbd9005ecc8654eed5ffeea7157b200487', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'a9f7e64b2e3e3c3144565feedd651d0f2b425f0c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'fc43fca1b395160eb4cb570bac104390f124cc4c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'b5e73452c70be4ed6b2995f4a23e8580cca5bc88', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6e539e406333c57d1fde3dd2b2a4c37e41712bb0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '060d2b910783482c5d7decbedb135c56dde68d65', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '02f5de6a5432244a7f9eb8be47450eba6eb1e3c9', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '18c80ab364eba80f552ecca51f1f1ece091ef5a8', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'd2e105c159b21e3e5adfe66712a5b61c241f044a', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'a5476f8785a0bb7639d8099e186f355a5f3f8e0c', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '68feb09a45460f43b5d075fb525c48c24254f8bd', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'afdf4d55ee9f5a39dd9acce071dadc0ed4a2a74b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '7554d54ec82cc889c3ea89b363b1f65e83a2ec21', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '60e2b46236f2bf35c793654afcc8c6d41c50b29d', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '1b66fe4d55dcb76dbbc4d027a4f6790414c37bff', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '25cb3065fe1bd09a23ecc3af4a7f6f4a1e75430c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'a19b8d8a9948ac07399e440d1f4cf1345df2acab', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '7e3ceea4a77a7cc4da8e83b3daaa45cd6ec3c528', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'db78d01f06f0a03d84609e91129a0b171e7a45b3', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '3429e2dc3ec9201cd191965459fbeda292439c5d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'a5ebdbbe8ba4c14822370ae77c47daaa63bef2aa', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'e5ff463336604f13d8476841c590c67c2c8ff7bb', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ff6a2f83384c586cc21fa0dc5493465c2ce4f23c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '84cd5ecd13827209262f34129dcb8d6f44fc0799', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7ebe8fd9f664eeebbef3c8b426b34c366d2cfb9e', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '05d36413d74dd4f510a53b641dfa0de820f9ecd3', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '130d97d1ba87999049720219478b862a26dab1d6', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '75fb6b5e9b5bc0d3b5a4f00da46131f113f830a4', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '5c13a3da176cf8f0e96a0ca11dd9787a92384343', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '45b4ee62e09bf32e0ff2b3863cfabff04e826fa6', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9774d4899ff82c08cb53885322171963b69fac9e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '41114d3c4a04ada3f909d086e8f9c2e5235a0332', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '0fee4f5ff935622595d62486aad5d80fce0a1fff', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '4f29f169ea29779953cebfedbcd5427b7b955fe0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '23e39e141fd42201c8a0c6b36fc4af0e79503f40', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1d8e89ac19b6bbc1f39104f5a50283cd54aa2729', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c439033e2054105feed5b25e680fe4fafd90b1c4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd320582e67d0ff19ec0382aab4b68766c4e435c4', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '66659331546700aaca292a4bcd62b1100fc69493', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8f53cfae2b87d45cd82263a7a712f62d307fd5b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'cf2e6a8422cca4ed802304a3de01a08e48241737', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'ebfc3f4c4c033c54a544d093d818601c19cf2bde', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '3cc65531538e62e979003dd79bed50cce29aba20', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '7454ecb47cf8b3674ba07904b04e3d330f4d73b2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'b47516a6d870fd6ee62c6172cb686efbc10e5071', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '45352f1ab38885d6b308236d8e22f5ad3c158051', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd8cac740815ea80b6cde50fde8dd7ec5380ec7bc', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '6d8503c44e3c235ffc10013ed6ce931838231565', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'efe6e20ac835d0e9bdd7068e19237a4750d02529', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '4cdcd470f3494c6d8449d9f5337bf5f46e3e4fab', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '8afb71e641c2ee2e9f6cb9bcadb0b77286e077d1', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'e640f03e9aca70e80e05b466ed1f4473a667ba16', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd99e816f83bb34ceb42aa6e38c02b029998bf051', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'db8bbbc29cfb82951fee8b2856a9e48debe45f6f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '2bba569187a9587a1f3ea962671ca520282d3034', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '21482c1bc610aa8fbda97bb797579aab819e112b', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: 'e7f3136867dbc70ec56bf511989e06660b3bdd73', class: "text_with_line" }, h("gb-step-base", { key: '80c9e8a7e7763b1ef57c5df250aeeae42cc9cf4a', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'b79c2d966ec218422e11edf5b661591c2e898d5d', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '81b42f8c551551001657ffb81eebe294f6d2ef20', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'a95c2c8e711781e08e119cf90a86be4533476ac0', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '2cca90d544882fa486acf7636a1d56f8c39a7e6d', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'f18e9bf17f567f9cb9428d0d526d67a1ed4fdf70', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '75a622c752d532c4d0d4e90c43c4bdd6a834cc30', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '1c1f6b756b2a8b2f9f2b67e447dd78e29fc4186e', class: "text_with_line" }, h("gb-step-base", { key: '14cb3ae80663bac66e8bc331ce89a3d890820daf', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'ae71edd448246a07e297d479f1cadfa767e3dbdf', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '12c413f3c85668c3e23aa68845c511cf1be0e119', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '8b5d3816816e3877ffe96b49e7621c8167574a04', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '223cf1c0e50f29d57e28c566f620a8b59556ef32', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'a9989e0c8df02f6577f549b476bec3c102a66f64', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '2981ac4e1abc4d28c6cb151cd3f4a27ac173890f', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbstepperVerticalIconsWithText {
         this.stepClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '62bb6595229c8c4403b305a931033dd24729f4e6', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.steps.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: '4ab2c4c3132ad180c648bda260cfdb0c41987233', 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-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-vertical-icons-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQhG,MAAM,OAAO,8BAA8B;IAL3C;QAOU,cAAS,GAAY,KAAK,CAAC;QAE3B,UAAK,GAAkB;YAC7B;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;SACF,CAAC;QACO,kBAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KA2CzD;IArCC,cAAc,CAAC,QAAuB;QACpC,wCAAwC;QACxC,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAEnC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;QAC/D,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CACvB,kBACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,oBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,qBACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GACtB,CACjB,CAAC,CACD,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @State() internalSteps: StepperType[] = [...this.steps];\r\n  @Event() stepClicked: EventEmitter<number>;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  @Watch('steps')\r\n  onStepsChanged(newSteps: StepperType[]) {\r\n    // Optional: validate or transform steps\r\n    this.internalSteps = [...newSteps];\r\n\r\n    const currentStep = newSteps.find(s => s.status === 'current');\r\n    if (currentStep) {\r\n      this.internalState = currentStep.state;\r\n      this.internalStatus = currentStep.status;\r\n    }\r\n  }\r\n\r\n  emitIndex(index: number) {\r\n    this.stepClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {this.steps.map((step, index) => (\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 : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n                onClick={() => this.emitIndex(index)}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-stepper-vertical-icons-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQhG,MAAM,OAAO,8BAA8B;IAL3C;QAOU,cAAS,GAAY,KAAK,CAAC;QAE3B,UAAK,GAAkB;YAC7B;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,YAAY;gBACnB,cAAc,EAAE,gEAAgE;aACjF;SACF,CAAC;QACO,kBAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KA2CzD;IArCC,cAAc,CAAC,QAAuB;QACpC,wCAAwC;QACxC,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAEnC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;QAC/D,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC;YACvC,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CACvB,kBACG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,oBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,qBACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GACtB,CACjB,CAAC,CACD,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @State() internalSteps: StepperType[] = [...this.steps];\r\n  @Event() stepClicked: EventEmitter<number>;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  @Watch('steps')\r\n  onStepsChanged(newSteps: StepperType[]) {\r\n    // Optional: validate or transform steps\r\n    this.internalSteps = [...newSteps];\r\n\r\n    const currentStep = newSteps.find(s => s.status === 'current');\r\n    if (currentStep) {\r\n      this.internalState = currentStep.state;\r\n      this.internalStatus = currentStep.status;\r\n    }\r\n  }\r\n\r\n  emitIndex(index: number) {\r\n    this.stepClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {this.internalSteps.map((step, index) => (\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 : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n                onClick={() => this.emitIndex(index)}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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: '0a6eb96dd40c8dcac8dc910d854c34e4034c6213', class: `tab_button_div ${this.type}
+        return (h("div", { key: '6dc161fea6741787f786d200b3383bba778602f2', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '3f62afa836f3fab1064da2e9c44f03b2e806f40d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '8dcf4579235f99645a8fb849d426db1f06d3297e', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'b6d30c1c32e406c920ad7b4728e02a4a56c03a82', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '14bb2ac4695b5ec64b3b6bd54f9115593b9e9d14', 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: '7950f66cc78b7514de8c035b4e7d1aa879e1ee14', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '65cc8561b65e7ff15b366a9f8d2a4f9d0d454fdd', 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: 'ac329ad408f3e3b0d882ef3993eec3865405150f', class: "table_cell_div" }));
+        return (h("div", { key: 'e1cf3198894f263fb1716af55c7cd3847e8dae25', 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: '8b3d4f34115d1bbc98d540d3b74f55adbcd542c4', class: "table_header_div" }, h("div", { key: '19c90a37a2b6c8eec7fb2e9e4b10c8c79732dd42', class: "table_header_content" }, this.tableHeading && h("p", { key: 'fc34383ffe3a716447f62000fc92ec2558f1554b', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'c93b39b3be0bf2a348154b73c6dae82d674fc99c', class: "actions" }, this.showSearch && (h("div", { key: '1626091178d42faeb19db671f64f1ecd5bef3109', class: "input_field" }, h("gb-input-field", { key: 'b930ba29f61a72166af0b3eb6308acbd3caf4637', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '79d70281559a460beef17d9232a1d2b4c13cc048', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'b0db7a6b766234f1701455e2e3354c8c0a446c36', items: this.items, icon: "only", onValueChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'd29869310c4db7336bf410fd5cf57f7182213470', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '0ce98aadcd89d3deecf8d0f6e6650538350818a6' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '2ba90e102b062e316a677007831125093567292b', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '4ac030517a7e57045555f8d638bf7f6ad33ff38b', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '626296d123027fdde13f02d08bd8363e6caf49a1', class: "export" }, h("gb-button", { key: 'ccf7d380d9f6a1807231f4f605a65e329eb2fa5c', 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: '95bb3babecb3c6d86d0aef1a03d7ee2211c6f210' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '6e59313079552fcbd89d19d36d94f4eba9f59268', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'fb78c478de89acda4bf893463d09b665a0122c15', class: "refresh_button" }, h("gb-button", { key: '60cba5cf98a4bfb53946bfa406709dbd2f69f0fb', 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: 'b7efca0c23293aac41a7108abd3f8aca775bdbb6', class: "table_header_div" }, h("div", { key: '2ead72e6d5c9710514e023a1e56fc3c0d01fcdff', class: "table_header_content" }, this.tableHeading && h("p", { key: '78f65421b1f48f6a02c971ccc21c163a0ad002bd', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '8b23a801aeb52988109cbc2e65902fc39d3032d2', class: "actions" }, this.showSearch && (h("div", { key: '5b85381344f8c51af58f3b1ffb61777aad331624', class: "input_field" }, h("gb-input-field", { key: '066f1fba1a931cf3318aec93691e61040eb75da0', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '164d1ae9cf1a5979d20ecdd2cb516d17a90fc7bd', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '36fc5a8b964aaf40a31ca7b1390b0038a69818c4', items: this.items, icon: "only", onValueChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'bb62826aeb0db6c65887c4d9958f4fc0e3231f9f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'f19790e67ea010dadbb7ca36fd8b6056912311c6' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '7164dfedc36a89428e07844dba018f80660fac9d', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'afb90a6dfae985c78c1ba8bf30b55c0d9e8efcad', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '1358e84159a69c0d1da42557ecd60b541aa7f940', class: "export" }, h("gb-button", { key: 'aee819026422896e715c4c5bf33d9fdf566e2216', 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: '41db307d6873fbd1d1a63203cbbdbf91b36f26f1' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '1bb1cdec7aa0796639c1ae17e3bbbe2b2ec52d93', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '123e74acdf5d399f7184c8524b3ede79a87ce614', class: "refresh_button" }, h("gb-button", { key: 'daa8b5a57dcd3fcc1c6f0954ce857239355f01c3', 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: 'efc5aadfa5aa4889247f5a7524a230aaad65b1ab', class: `container ${this.size}` }, h("div", { key: '7894457a4321b927d2826ce756e612ed0db673d5', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'c04af27679d668a38fa8860cbaaf801b8c23d7b1', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ca73425c5204a6b30f2ca559d20961654513b41c', class: "icon left-icon" }, h("img", { key: '1686f2bce0e406258dc75c4c12c4b799ebe41bf4', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '6df6d00cf8f5da7c248adba958cbcfef865e3458', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'e7b31639cc989830503ad201d439f51bd68f26ae', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '3afe91573cb6b16e1f6cf6f7e2056f903f17f409', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'a153df4674eea93e78cd53b8ab44955c6faf21ae', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '891b44f2f96550aae42878f3defcb31d94b37370', class: "label" }, h("slot", { key: '1779593fe7ffa695de284733aa7ccbae5e4f7aed' })), this.action === 'count' && (h("gb-tag-count", { key: '17a1201bd0cc6c870f6e85ffa8d62ed6daf270c1', size: this.size }, h("slot", { key: 'fea61a07327792781e13a28dddcad61e74b2729d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '2ffec4f82cd2447b116a5bb8ed3cafb9b195c39a', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '2c188bafd16595c523de2359db2c463b3bd01580', class: `container ${this.size}` }, h("div", { key: 'c76eb455ccd672b62f36ba7768c4b6895cdee2a4', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'b18a763c0ca8c00023e79c12745c1a222901e34a', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '7816c656892bac4a14b46f4ad063c5dd928e5363', class: "icon left-icon" }, h("img", { key: 'c685aae33bec601d8b36c77bc829406b8c30d692', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'e6ab2984445dc5fa5753f9cef8e7d85786eef4f3', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '2682530c1d21d2e25df6ad2a5ee9811394edf293', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '16bd22c8a1548f0ae1a7c828928ab80b5d1a6c05', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '44f0a09a6edeea3e8a31dd6d87fe646ee629f7d5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '9a26cfcbc054b99643318729ae025b5cc67f851e', class: "label" }, h("slot", { key: '75c5830ec8013b79db1d95741b39f27f971c880d' })), this.action === 'count' && (h("gb-tag-count", { key: 'a59123d2b3cbce9c41c33ce2d4e98f7f724ea4a6', size: this.size }, h("slot", { key: '5ee5e7a84366a362a44915baa8a27f424fa2f1a7', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '80b375828bf3b8d2e6d7a039487452de5e0e2cb2', 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: 'ef9f54357e1c7452a2a5022b0d2be082399e45d9', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '3890c21b04c841090ba66d12c37a94acd821a397', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '932b57d11babf001d101ed9e2b405bfd6a140f67', class: `custom-checkbox ${this.size}` }, h("svg", { key: '2fc99d838dcd7a2b756214f9646f7f874c23dbf5', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '7e0c4b075a0d1a0324ad4ce1f3b1137ce112a3df', 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: '9ea4b14c38bd6f4299d43259dd40f54845e6c7ae', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'd8f44ac154ca3effc8529e5c0a07a0474396ca5b', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'd643330b1c6266a7095be7089d57f8f2a909016d', class: `custom-checkbox ${this.size}` }, h("svg", { key: '5d5da3d1948f7997e4e45d5c3032bfa0ccdeeb5c', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'f8e7d2f029b4ba238ffc1293181212f6774241a7', 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: '8d1e903bf53c5fe2f6c97bf7998463b38f6cf2f3', class: this.size }, h("svg", { key: 'a608ad068920ffd4ed1bfdc702ff2ade3a183aa8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'd2e79256c967f233f801df27db517c60c91317e2', 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: '02fd459166ebb4e47b7aa4ccb1efe14e1fdd2d09', class: this.size }, h("svg", { key: '36b0f96013d3779fe9093970d52b652863e8439e', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '1635616d2d0c6555c2cf596d25e288f2e4fa8aee', 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: '4d79819de8d7b63728b13be3b8d77f079c75672a', class: this.size }, h("slot", { key: '1771d29f8a761430aef49b7f887262bca9f9168e', name: "count" })));
+        return (h("div", { key: '3e2ed0d9b6be263b62700778b134c4f9889aac35', class: this.size }, h("slot", { key: 'e86153a1792d8d431702c591d5a6471170cf8838', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -186,14 +186,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '8988ea0174433c44233cec7ca8c28abf768a91bf', class: "textarea_container" }, h("div", { key: '96afe71c15cb4e357d0e344c0e8c2348cd90e166', class: "input_with_label" }, this.showLabel && h("p", { key: '8d6bfaaf11e38796bb9cc11c35ddc56d6407e0b6', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '52d3947539aa4775b50ab68a8696bcc9751be98a', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '359d596a1dcf6192b648976de5904436b046adda', class: "textarea_tags" }, h("div", { key: '204ad2403a074602c1a33e16e734dcf145bc642e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '89c0426e1a651ae10ff1ea0e192ba6b163f7febd', 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: '8f44640a45d5ea0df828cccf056e7b18a2449886', class: "textarea_container" }, h("div", { key: 'a395eb3778808e71386dca114cca8a8ee9f9fac6', class: "input_with_label" }, this.showLabel && h("p", { key: 'a7cda81937cf2b194ae20f04b139da82e5830ace', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '6728d62549cdb6244ee69319641ea258275ea877', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'b8156ee65a66b7f4bc12993dd4646b4bde8a0b67', class: "textarea_tags" }, h("div", { key: '26a3046297e2e41cc9569ede7c1fde568b6dd34a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '5ac864f52a0512c11eb85f298c277eec9a79f9ee', 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: '33c5bd38f84796b9ac466478cfc2c0b2762aa739', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '50750196bb8fefd2510e7b96fdcbc39b8bb032a6', class: "input_field" }, h("input", { key: '341bd755f463e51a63a61928210c71c3a4f23873', 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: '902777cf0728700c7263066f3ae61ac72b10357f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '9ea14bbc3adc34bba8f55b1b09d2d0b695d0c4cb', class: "input_field" }, h("input", { key: 'febbf7172c3c61276efdd2fe29f951a73df6708e', 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: '0291dbff31e2711ae2bcd8619a86f3f61e52b1ef', class: "help_icon" }, h("svg", { key: '67d0fd1c0f5225d2344028403d5375eb1e1aaace', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '49869ceeffeb3a8f4d240401cf7f69cbfed42c79', 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: 'c30906549c100f1b0e1dea294ebab43113d21095', 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: 'b0a1d83539723a690406da55758d063b21dbb311', class: "help_icon" }, h("svg", { key: '6e93c75622b1434900c7fd0d0653cc8b4f32b03a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '7c438a9434b986000c9b216706c6aea44e4272b4', 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: '882566e5972ad33cab21480e96b1a755e515b2a5', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '41b12b56a4f0fb94982ea1dfee5406086dc96feb', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '7cf50ff0efeabde6c873b3e9e9a198ee9163b2f4', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '31947175a1e4851a7670e765bb2a1fd4c86094b2', class: `theme_tab_div` }, h("div", { key: 'f8203a7ae8f4b36e6bbfa03ca337ff570474a01b', class: "tab" }, h("gb-icon-button-base", { key: 'a2ee41d8666023dd269ab0ad034854b82eed2c7d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '495c3ad49a1ca65c2efd7a4bbbe1f35bfd941cb7', class: "tab" }, h("gb-icon-button-base", { key: 'd4374f5707ec6f001f5fbf53177a39bf52c2dd42', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'ae5d8d5e5d853b5678478f11f9f99bd2aa912424', class: "tab" }, h("gb-icon-button-base", { key: '0e18c854dd006133968010dc91c853fa83666e82', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'd1c09da9b7fa5e89b74966b043ca9e8ea6034ea0', class: `theme_tab_div` }, h("div", { key: '94661329e06133950b9f26dfa0a4297997441f37', class: "tab" }, h("gb-icon-button-base", { key: 'a7babc1d73e647aa46d3523a49cf2658ad1da6cb', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '334d0c68b40f6ce1ea4184d222574ca3ba432826', class: "tab" }, h("gb-icon-button-base", { key: '25e040a4d7737561a07da9e8bcba87e424b2c483', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '90cb78a67ad8d1c5dcf3212f54ce320234256457', class: "tab" }, h("gb-icon-button-base", { key: 'dd6b867c9467aa6039f018d1099b1b3baf3941c6', 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.css

@@ -2880,45 +2880,45 @@
     fill: var(--color-icon-success, #079455);
 }
 
-::slotted([slot="main_text"].main_text_default),
-::slotted([slot="main_text"].main_text_gray){
+.main_text_default,
+.main_text_gray{
     color: var(--color-text, #4B5565);
 }
 
-::slotted([slot="main_text"].main_text_information){
+.main_text_information{
     color: var(--color-text-information, #064E94);
 }
 
-::slotted([slot="main_text"].main_text_error){
+.main_text_error{
     color: var(--color-text-danger, #B51726);
 }
 
-::slotted([slot="main_text"].main_text_warning){
+.main_text_warning{
     color: var(--color-text-warning, #DC6803);
 }
 
-::slotted([slot="main_text"].main_text_success){
+.main_text_success{
     color: var(--color-text-success, #079455);
 }
 
-::slotted([slot="supporting_text"].supporting_text_default),
-::slotted([slot="supporting_text"].supporting_text_gray){
+.supporting_text_default,
+.supporting_text_gray{
     color: var(--color-text-subtle, #697586);
 }
 
-::slotted([slot="supporting_text"].supporting_text_information){
+.supporting_text_information{
     color: var(--color-text-information-subtle, #075DB2);
 }
 
-::slotted([slot="supporting_text"].supporting_text_error){
+.supporting_text_error{
     color: var(--color-text-danger-subtle, #CC1A2A);
 }
 
-::slotted([slot="supporting_text"].supporting_text_warning){
+.supporting_text_warning{
     color: var(--color-text-warning-subtle, #F79009);
 }
 
-::slotted([slot="supporting_text"].supporting_text_success){
+.supporting_text_success{
     color: var(--color-text-success-subtle, #17B26A);
 }
 

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

@@ -2,7 +2,8 @@ import { h, Fragment } from "@stencil/core";
 import { StateEnum } from "../../models/reusableModels";
 export class GbToast {
     constructor() {
-        this.color = 'gray';
+        this.mainText = '';
+        this.supportingText = '';
         this.icon = '';
         this.xCloseButton = false;
         this.actions = false;
@@ -14,54 +15,17 @@ export class GbToast {
     componentWillLoad() {
         this.internalColor = this.color;
     }
-    getMainColorClasses() {
-        switch (this.internalColor) {
-            case 'default':
-                return 'main_text_default';
-            case 'gray':
-                return 'main_text_gray';
-            case 'information':
-                return 'main_text_information';
-            case 'error':
-                return 'main_text_error';
-            case 'warning':
-                return 'main_text_warning';
-            case 'success':
-                return 'main_text_success';
-        }
-    }
-    getSupportingColorClasses() {
-        switch (this.internalColor) {
-            case 'default':
-                return 'supporting_text_default';
-            case 'gray':
-                return 'supporting_text_gray';
-            case 'information':
-                return 'supporting_text_information';
-            case 'error':
-                return 'supporting_text_error';
-            case 'warning':
-                return 'supporting_text_warning';
-            case 'success':
-                return 'supporting_text_success';
-        }
-    }
     closeToast() {
         this.close.emit();
     }
-    componentDidLoad() {
-        const slottedMainText = this.el.querySelector('[slot="main_text"]');
-        const slottedSupportingText = this.el.querySelector('[slot="supporting_text"]');
-        if (slottedMainText) {
-            slottedMainText.classList.add('text-sm-semi-bold', this.getMainColorClasses());
-        }
-        if (slottedSupportingText) {
-            slottedSupportingText.classList.add('text-xs-regular');
-            slottedSupportingText.classList.add(this.getSupportingColorClasses());
-        }
-    }
+    // componentDidLoad() {
+    //   setTimeout(() => {
+    //     // debugger
+    //     this.color = 'success';
+    //   }, 5000);
+    // }
     render() {
-        return (h("div", { key: '41cc0886e593e3f94735d949af8330954a8e28ef', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'b49af4b5a29418e909cf06d89ea78f01e1da1090', 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: 'e2aafdf60e2a3de5948ba2cd528e9ff5bb6a46b4', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1546a98ac5a22bd4f07138c6a8321df72eacbb57', class: `text ${this.size}` }, h("slot", { key: 'b0b7a65e71d293122fcda27167a8de8cc56576fa', name: "main_text" }), this.showSupportingText && h("slot", { key: '14167592ad214fc36eaebe581ae530f36af3a3a2', name: "supporting_text" })), this.actions && (h("div", { key: '0e09487de87de692c61cbf3f2c56bd51baf3b517', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'ba656d7af3e2ec433f43f13c73b59228e49db002', 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: 'af07abdab2503b40ed988f3a5d1c3f1e458128ff', class: `container ${this.breakpoint}` }, h("div", { key: '97c5b705188a1bfe915f2684587eb8b040de8152', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '0448d7518e1972af76face9fcf190a1af0c6ef6e', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'bd2456e723611000ccd15e1e346b5c6a8a679f73', class: `icon_container` }, h("svg", { key: 'df36de3d0faf693a2909f26c71dfbfee9e901d87', 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: '868afd7bdac33d88d4a6bcb52852f77f76cab3cf', 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: '5c4c216f459ed6aa546a36eed9fd19d8861fb948', "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: '8ccbbb31de67bb0a57cbeaf28233989d0278dd69', "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: '7e96f9ab7b6e098265dc6bbf04112d231f02ea83', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '5d4f8cb0346c64e337f948f230b031b079030407', name: "main_text" }), this.showSupportingText && h("slot", { key: '99b194b9a166f2b0460cb1175ec8a766755afd13', name: "supporting_text" }))), this.actions && (h("div", { key: 'fbcd90e8b4459fe9c51d43388ae1bbea7c4fffdd', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'ea9a6662a0fb25d0c9bb7fd964ebd17f13c17cd6', 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: 'f0f2c0041221bfca4e997e9d877039abb853880b', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '22da7f27e379712e6223e27e28c2f627db434676', 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: '0ecaa46455a60209b39d17574347c47909cd1057', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '82412be96cd65e7339e8e5658541934a6c09e135', class: `text ${this.size}` }, h("p", { key: '451e60b5fa948dfe0d0dfcf304215d9cba16f6dc', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '98b6f4a4f1ee6d2336a64fc28e6f52ec2076af71', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: 'd55ec1c345c2cac765fe1e919fab386b61991d5e', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '3eb848fe5d56e912b605ee8962da5cd053d9bcb1', 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: 'dce31eb828d9f5f7a7c0a2e076585567fbf649f7', class: `container ${this.breakpoint}` }, h("div", { key: 'aba07a1fa4a3e5b981573e45e386a105e8d6b2dc', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '9f2fe64bdf8b8cb8c993f03bd3a28518ce6645e9', class: `inner_content ${this.breakpoint}` }, h("div", { key: '296ddd9e25007994b0f0a55e0b0717d25521b5e7', class: `icon_container` }, h("svg", { key: '27b6c2a934037ce84f9adaeff820f7fc05ea560f', 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: '4f178c0ab494f297c59a5e3be068fdcfb670e5e8', 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: '2c57f31733c5423db9a0646d1aeb8226c3375741', "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: 'c2778a1ee332c8b28fe7b1230fd040d6eeea3174', "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: 'ad0e53e6fb3c38e73e48e5d1d9da3b88d132885a', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'e9a74ac8cfc59f15f5d9c981ee7c461a1d894b3c', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '0a7f32386c4b9bb56f9fabe198ef6d1b45fff94a', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '9a858336a720b110a44d2db2f20c69b5734b1cb6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'fa4e048a12922809b72c41a6dc694a9a2ca82ee4', 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"; }
@@ -79,7 +43,7 @@ export class GbToast {
         return {
             "color": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "GeneralColors",
                     "resolved": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\" | \"white\"",
@@ -100,8 +64,47 @@ export class GbToast {
                 "getter": false,
                 "setter": false,
                 "attribute": "color",
+                "reflect": false
+            },
+            "mainText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "main-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "supportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "supporting-text",
                 "reflect": false,
-                "defaultValue": "'gray'"
+                "defaultValue": "''"
             },
             "size": {
                 "type": "string",