globuswebcomponents 2.5.3 → 2.5.4

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

@@ -38,7 +38,7 @@ export class GbStepBase {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '4325d6a74e7d85170580f83dc6a65d0954993221', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '889ed4c754ee66a48ffe06c6c747dfa91666d81e', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '770006b2d4b2b5b5e338e13672ea88610cd72667', class: `text_line_div_content` }, h("p", { key: 'eb86c88e43179c05322fd15bc0424e596563f29f', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '2ebca9fab9985005eda73134316769d04934e6df', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '14c2587a7fcb858aace9071ca131f2266e431aa2', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '634113162b72fd23d28244ae58329bb07dc5dcdf', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '569738e2936d2c1bc8277eb020bf32e5fb51bf2d', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '2b3bd15c242739e5cdadd3d9a54f5a417e1c7efe', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'dc04493628ddd3d43d1bda106b56f628fb7bb9d7', class: `icon_left_div ${this.size}` }, h("div", { key: '5549a58de1cd22a720ad270d47ed658fb69ab08c', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'dc9290be4725d285f6574a0cc201e104f9f7736c', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '493f2969b0df07a72029da46662de07a27650f8e', class: "connector_div" }, h("div", { key: '419615caf64dc0942a2be4c2a68f726d39f54708', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '765c0f2c2bfb654066f74698ace3d97586338cc6', class: "icon_left_text" }, h("p", { key: 'b250a2fe1162e099be1b05da82ea29f19da98400', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '0cdaf677794102ebacbd60c5c5bad613c19e86cd', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '66eb5458893455e7955b65d78b25f86e4ef89fd6', class: `icon_top_div ${this.size}` }, h("div", { key: 'b8df772e3c4adf42d5b3cb6cfedfdd47ccd4353a', class: "step_icon_div" }, h("div", { key: '3649758b0f03e6c9cb3871e1bf728994c7981e51', class: "step_icon" }, h("div", { key: '6805a30526266539b715f4ebec00442e6f26306f', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '64547e912b6c390575a556b520e84fb2ea72aabf', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'dbb2e997dde71e18db3c91c93853c7966cd9dc86', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'be96d4a864fc20258e84051ec86c98f755c7b05a', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '65a2248887ffc3ab9a1e2e06af764a51c32b4208', class: "icon_top_content" }, h("p", { key: '02b421bacbbcb75f449412152041c0e7b762bb60', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '1b8f4d62c72299854117542ea007c1c035c5ff11', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '6b8339ea3d450679e3fe5bb2f831305d870d70ab', class: "featured_icon_left_div" }, h("div", { key: 'be0a2c89e7b0adfa353ec4175aefff8790dec460', class: "connector_wrap" }, h("gb-featured-icon", { key: '0a83d0cfc2a3589cf70d46ca7e1aea89d2d14f17', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '76587d8bd8dbabf54bc85d6322470977ef74760e', class: "connector_div" }, h("div", { key: '56032e1f73846890f39dc5a7f051bd5995157939', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: '776592144a8ef3e67e1006e24118991c5c11ccb8', class: "featured_icon_left_content" }, h("p", { key: '4c298488e14361187b7bc2a233e7255bcc3f6b73', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'fdd0c13768330e3084cd605caac9f268686df3b8', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '639e6cb365900b52ef4c026f4452c6649aafc28d', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '92ac8f08e83cba0c861efa65f0fcb6808cd4724d', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '86b07fe80c2c05b02e57bf3e50ee0037d7baf123', class: `text_line_div_content` }, h("p", { key: '6fd9780a4ccfab8f4b097d6ac6ece31fd041681c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '296379638b82a0cfc49bd159897183520eb7dd38', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'a52f3ffa46f9a255698ae963c57e3aaba304b437', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'cb165d97b5d27c4c4c9306f20679670c52cd3e26', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8326bcbdb809cced6bb4b716420108400652e164', 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: '8f771ef935a58c2a4cf2deb3c3c34d7273bc7cd9', 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: '6d28726e4e4cf9c120618332e9c1aaacb854e032', class: `icon_left_div ${this.size}` }, h("div", { key: 'a297228bb86abb08d6a30c13724a50e88dee6e0a', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'c39533e90244a39e7f16d9656d0652f894876354', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '0e7294d92de50f295e10a08b47d92844103e508d', class: "connector_div" }, h("div", { key: '01909724723c3c7beb7f2217c26709f63354c4fa', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '49c9de23a26be79afa745647c196b79cb1a724f1', class: "icon_left_text" }, h("p", { key: '891048880643bb5a12b6307d9f76775b565e2473', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '3e06d85ac2f98b7ad2b37ea42260154bff41eddd', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '9c01f99452a75ad759046a93106948812087d259', class: `icon_top_div ${this.size}` }, h("div", { key: '9ea6c2a83c392009aa969f9de372d3cb6631508e', class: "step_icon_div" }, h("div", { key: 'e205e4ddb6903dc7d956fdf89d1176cb49911114', class: "step_icon" }, h("div", { key: 'e7b1f9325cf356b2059f8ea22cda0f94195aecad', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ef916988c69741e0173ca85c656c966783ff8eea', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a23e588a8203e185432d166d672df6a2ef9c3986', 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: 'b131b17c1f37c28e2ed2fb29be66239ffa9674b1', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '483c5c5c5599d235477fc58ce2dd01e19fb56f65', class: "icon_top_content" }, h("p", { key: '89440ea1cb4da86e8f5b888fef2917c5753b4e65', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '2197bbd5e8118005700d51183185baae32fe3099', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '3efe5670fa498ca7a5f761ae59f8c3f15f593aba', class: "featured_icon_left_div" }, h("div", { key: 'bf0a80c058428dda7ef66dea4f3dd630868b15c1', class: "connector_wrap" }, h("gb-featured-icon", { key: 'd1a89bee5961b3b4b7edacb7bc8c7abe42fd2b8b', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '03517f8d7c485677cf53fd1fbe93d5603b687e43', class: "connector_div" }, h("div", { key: 'a59e4c5befd99d841356d21cae31e566adadf94e', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: '865c51165e984b8ef82da08f51c8c2115fac7f48', class: "featured_icon_left_content" }, h("p", { key: '8bc559cc746d319dcabbda1ef5fb6d6703ed4d0b', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '400211b284098a6cfee94e928dbb2e6ea7633c3b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class GbStepIconBase {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: '16a865d96e8a97b4e27613e2bee6925abaf8e226', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '58c73055fb32fe42532d362c9de6b884e363757b', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a39b9e4fc2e4451f7abe84f5ffc5bee861518c88', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '123c5ba017bfc7493778d916c6c19485888674fd', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '3991a4130af39b416b9d0a18e02f7dc083319e66', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '320c3f5cff18d776129c8d9ae333684835bdae9a', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'bc7ab23c82ea867776d4d2fbc7e3d9a06f9704b6', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'e863216e270463700b1e4013fcda116b9a59cfcf', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-step-icon-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

@@ -41,7 +41,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: 'ed4dc9fe965daccb7ab40def21a9454d89833afb', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (h("div", { key: 'a6e999858241cdc76f44f074a2299dff9dc0cdb1', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -40,11 +40,11 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'c97655c92025b6f6599e9df4ac6321c59d6212da', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'e86f412fc6eec92dfe312167dfffabef43da51cc', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '568ccfea6c95b53a4b17f2831ac3905e0cce385d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '69cd66069d5ce9150843b402d9587f23a7e4fb31', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'f6bc2439f82ed834d427dcc77f450ce3d73d7f02', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '51d6a3851dda8fd5e34d4d4f8a18a045ca8866e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: 'a4cfb85f422d9181dd5f3daa9d6d56c1ea7bf60c', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '718707a6546eac7572f7004b4c307e0a2f6b52da', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -49,7 +49,7 @@ export class GbTableHeader {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (h("div", { key: '951d9075dff3cdb3114b7a368668ab00fa38ef1b', class: "table_header_div" }, h("div", { key: '244600ea3082e42829de5708a773ebe05c9e3a41', class: "table_header_content" }, this.tableHeading && h("p", { key: '2cfb2b9a0fc0e36626cf300403a07186d7676c81', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'a44e28ad1f863cb5f00bec3d64040522cb87028a', class: "actions" }, this.showSearch && (h("div", { key: '2563dc7ef044f083d54cde64fb602f658010afc5', class: "input_field" }, h("gb-input-field", { key: '42b9b0fa84bc070cb82656f3e7d1c676e492b9d8', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '45d67619644dd18c543d179450ffef4fd2050202', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'd747c0fd4e1e18130384a4f3c288bb9866205b2b', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '5576533f1256940195d5548d277b0c8ceb64c0be', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '2f147880392e378cedf9749d7b8e346df98126e9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'f1e07934d18e39ee558c29afe90fa834f9120cea', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '2f9bb6e3cfa2b91bf6f4a048c3ff58eb27bb7eb2', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '090eb2e8dbd460a899e43a8d076e252a97a9d803', class: "export" }, h("gb-button", { key: 'e347d2f64fb987286d8bf1492692736b94da74c8', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'c4349e66060cf387171c66d204db63f2096067da' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'c1b9df5ccacd807ba9da75624f27dfd09cffda75', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: '7b239a789b4d7d83488864e8243e9dae0742ffab', class: "refresh_button" }, h("gb-button", { key: 'cacd6a3982b39ef6615fb94a7ff125d82e5b9616', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: 'e109f0209b69b8b5084da81a36465c8bba74b4a9', class: "table_header_div" }, h("div", { key: '33d032e2e9391d9ac127a965a8e05384ec2e4b83', class: "table_header_content" }, this.tableHeading && h("p", { key: '52f21d7bacf83d242ab0262af9defcca47c688d9', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '89b3d646796fc4643eaa6b9b2409f7cd3ee79a1a', class: "actions" }, this.showSearch && (h("div", { key: 'ed63ebc76a5c88a5a6b7a420a068441d54924a2b', class: "input_field" }, h("gb-input-field", { key: '0a505a4b4ccaa2527d86f359e97b7b20ead28fff', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '231dc8b3d28dbd71a7f0ad5ceea8f5f6b43c71ef', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'f304bf215cda3c97bc50c158fd3c4afcdc57760f', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '0ad985a04c32fce360cea02441e4e0075a5785b9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'dea0a9709b8f2b9f7bedfb0021533a618b436d95' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '728ffad1d5975c7906c2fc811c62b8b90e51e23f', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '7d3271476d09c02e8dbac8e945e96c89b11d0b0b', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '75945ad88f4a9c9e3799f4ee1755d95db6c09811', class: "export" }, h("gb-button", { key: '4132003d6ceb73bc3cbd92c7c403794417d504e3', 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: 'e4300ff7482e5e4501d21d433f5a397ebae2f423' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '87c50e619893d646598635236dad7a37b18273db', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (h("div", { key: 'b6c30de654b75f6ea30c5ecb11ed57b7f31e8ffa', class: "refresh_button" }, h("gb-button", { key: '29f6162a2ad6d777c18886e1be5c5bdbfd08cc46', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '47c98fe98048c6a4c89445401546721bd5026c68', class: `container ${this.size}` }, h("div", { key: 'ea47a2057a4ca7eaaa4fff1b7e79f89ad69248fd', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '748015d23535a0613cdad5ddbdd15cd1c4216933', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'c0e8e063ad496eacec0cdf889dddf1939656ff93', class: "icon left-icon" }, h("img", { key: '7910d176ee3b703c1e024c9c824b25593fde6124', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'faa418baa7e916d2110d84f7c1e95da141df27ad', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '36ff0d63297536d9f61b0cf3da37ed481bc3c968', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'd1ef3d24cfe38d3bffd4d767fe6a5bf8cb173439', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '9d219d7d1c8a98057746874a178c16d5edd8631f', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'a4e33640b352f67117ab4851cde600908963106b', class: "label" }, h("slot", { key: 'dafa357ddbd079ec28b8e1aa07db189511d091d2' })), this.action === 'count' && (h("gb-tag-count", { key: 'e16262941d1b9246cf9af851c54ad5bd0cc12bb4', size: this.size }, h("slot", { key: '5972920033f4d9525e4173957df69788d1a317da', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '807f2c11d435bdd818caf5f812548d1a63939daf', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '4ace4ea1c8bb742b7a0f12c23807bf0c1a97c0f3', class: `container ${this.size}` }, h("div", { key: '6c5db1d06907aef2ae137c1c6a9a847375d08e3c', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '05f2bd65fcabc78c36de80e31cd3268725208c31', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '9c147f9a32604dc3d1e248a571286da7f7ef722b', class: "icon left-icon" }, h("img", { key: 'dd0df547864841bb13502584fa6721772f7300ff', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ff0a2e24b8d66a00f7bd888bf22fb4cd013106da', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '7d3a693e81f310058054094a5214762af2e28a7a', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '66a5cbdb095740ab683b57495b4db4c3c0001b56', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '7ec638e803bce4d13dc71e3680e9b672f9f7e747', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'ea19aa67cf3a5a60dd9cb5bdd043ab47a46fcbc2', class: "label" }, h("slot", { key: 'c82cddb204791776620e72ab37dc6ff088167c96' })), this.action === 'count' && (h("gb-tag-count", { key: '6013cc0ed6df075295ca7c3bdd0252ff87e94e7a', size: this.size }, h("slot", { key: 'c0818984a57245e2530017ee2cc37daf2eb83ef2', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'd1724a150753925181570fc2541d759f8c828c10', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'fde4e4b164e5cd67e594265c654519750155a629', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '77498a67ebf897e521a7a0c63d4043d98d02f5bc', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'a8e1b9ea649667f4cdad75f1156eba9f72b07442', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'aba5626b66954c1a5488c9f3298a1aa61a25f9ff', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '98cdcc534bfd72233e2b0872ad1f9a6d0a2b3432', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '8ebc37bcf2735d3fa1d409b0d6b26aef5a96173b', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '176259ea491c9d35e6871fc8aabdd5a9f3e76f6a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '23b9f9117c3bc7f71eb6cb0e15918259941ce002', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'f398d8d2e73ed7ec936f8c435f8e223e677e8493', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '9cdf1f5975655d1fab9c5ff6e941e30ac2fd88ba', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '4da250cef4545b79ca292f164a6360f23ce2bf74', class: this.size }, h("svg", { key: '370d2894f73fa046116a14965696505b2b727025', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '4e26813a530d1740566658cb073a3513c66c5031', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: '1cf62da06b2c77a0e90f9c81c82b09cdfdbba989', class: this.size }, h("svg", { key: 'cd494906d01138da0210d8dccf886928bab04353', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'db9a49058dfc57ac08c630aff886dbef9e545654', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '35b00f3c9328e9f4c8d6a5d66330c743f461ad2e', class: this.size }, h("slot", { key: '0398d7b53a8b12b169971bb93aa5f16741bc26d2', name: "count" })));
+        return (h("div", { key: 'b32b421d587782bf96a309983af73e8f3bc30fd5', class: this.size }, h("slot", { key: '6c7c2b81a6d6ae973718947b0d21c84f55e9ed7b', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,12 +192,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '76cbc2ceb973b7bb33f771c00eecfc4f89a740b6', class: "textarea_container" }, h("div", { key: '2733efe6b664cf59ba68939fd47980c181518ded', class: "input_with_label" }, this.showLabel && h("p", { key: '3fb0172bac927ddfaa919b39d9634be415dad46c', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '75b0cdf8ecfcece8605c660b0ec0afc317695be1', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '04579caf687a50ac9efd371102b64682dca4f19f', class: "textarea_tags" }, h("div", { key: 'f428387d1e472106fad18f932ab4e341083f6452', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '1b9e9b6d1f645f877ef8d262ca4c6a38c888a338', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '0503ec2cb1eaab3508402756271f31c0a834f4a9', class: "textarea_container" }, h("div", { key: '5c9231870a9205de58a4cf2bb376bf4d9a3fe5ad', class: "input_with_label" }, this.showLabel && h("p", { key: 'd5c4a4cfcee41d921d6c219c34ad28945e75ae7e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '2281aa30324b589f844268959fa72101761d7192', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'dcf4631e0bbd2ab6f27a6b26a2ef7ed7491bffd5', class: "textarea_tags" }, h("div", { key: '094f4e120722c4152a7dfca63254592c4440ed04', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '83d6e3dedd8dc6547f6ebef02e44cd9cf4a06742', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'b6f7340e1665456f9da1edfbf7b7cb03c2b65958', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '76408d78bd404ba67f861c33fb3433f5a0d479ba', class: "input_field" }, h("input", { key: '3bab38167cada4f5e2907a5650c9a375ab8fc963', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '96a208db8f5b5d48e16202543044826818105bb3', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '166380ea3d006a50f03c845a3e6a6135144de040', class: "input_field" }, h("input", { key: '41aea661685c2f368eddf9d3933ba33038b3617f', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'c59d8f8bf8d360e3018c0873ef141b1b3b995f4e', class: "help_icon" }, h("svg", { key: '54bb41289719230f79d215f8e8e0820a5a3adee2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c57ce839f2fe0061878ecf4b0c1b13f189aa51f7', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '94518da42878b13ffa26b49687cbb30b301663fc', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '5943d6241b8d414fb941a22bd186e01ffe8defd8', class: "help_icon" }, h("svg", { key: '8aabe4c25d47436ae66228ce1c698429e66a3518', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '7a5f8b89d6dc9258d6f43b150aa99b4470215133', 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: '60ce1e68227f07df56c37f4cfe7150fad77056e1', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

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

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '3daab8dabd6fda63f58b854549469cac21d9c69d', class: `theme_tab_div` }, h("div", { key: '95b72668ab20d07aaf1e413deee03cb64428b0ac', class: "tab" }, h("gb-icon-button-base", { key: '30d0ed8511280fbf61065e1e5ca1b1351e427e08', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '8ca0e6e68d81ac89a5f8bcfecfe3ea3d51611919', class: "tab" }, h("gb-icon-button-base", { key: '8b60078a35190a2985b3f69f90087d152a5b5761', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1c44c51d8710313345c000c7be77af946b7375c3', class: "tab" }, h("gb-icon-button-base", { key: 'e3ae77848d5ac676b7ea35dc6ddfead89d83cfc8', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'f8c3653f37a6cd21fc1a7f8cc45f60a05500fffe', class: `theme_tab_div` }, h("div", { key: '65d0f0c5920aea5a89e9e3ecb5cca5a162270322', class: "tab" }, h("gb-icon-button-base", { key: '52867d9177bed7aa393e7d72dc45a344e7eeb43f', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'abd3a44d740a9693f44d34e6dd4b2c60aa5227d3', class: "tab" }, h("gb-icon-button-base", { key: '1669f4b9c4dc4cc17d26f7d4e2458622775d46e3', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '4e116f40f3b8a5492c1fcc3b6d3b477903a89311', class: "tab" }, h("gb-icon-button-base", { key: '040e0a9f9a53e94df20f16e27fb2728bdd7f704a', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -42,7 +42,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'a8cce9bd554c22da8806a6b3ba3d40984360bf09', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '40a9a52a665d8f0eaad35266330461af160f1c81', class: "text" }, h("slot", { key: '9bea37f21edb43dcc6ddd7cff6024b4c65b8f955', name: "main_text" }), this.supportingText && h("slot", { key: '1c309221fee9d7ac3abeefbf06976c77e4b75f6b', name: "supporting_text" }))))), h("div", { key: '163d22a84e3aa048aa5d92d5fee5215c568fff62', class: "toggle_base" }, h("gb-toggle-base", { key: '00b357e6c356c30b707ecf013483cb7624dac105', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '6b5ef124b46dbc70dc7432ec802119235d49c12e', class: "text" }, h("slot", { key: '02a7cad1c80dbd5bb29f66f1a1c6aac7543d04fd', name: "main_text" }), this.supportingText && h("slot", { key: 'd3e78ed97f537da4b0db48d0af20a4a1388f2338', name: "supporting_text" })))))));
+        return (h("div", { key: 'cfea53b21123771ecad9b17e81c6ed52fc134c76', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '78994fcfcebbe87b2fdb0b8fd2f7faa48b012026', class: "text" }, h("slot", { key: 'dae7c7c454c9dae2421e552f9731a82bc6bc5a8f', name: "main_text" }), this.supportingText && h("slot", { key: 'f52611b2f0fa6f340cb11909923ca997c0eb512a', name: "supporting_text" }))))), h("div", { key: '4cd00438280f320ab2c5b72b97ece9dd2fe74cd9', class: "toggle_base" }, h("gb-toggle-base", { key: '0037542cb3d8786afc3bde8cc8c806f806fe1458', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: 'ca6b20d72ad3d120e5f845d887d665720d5086b5', class: "text" }, h("slot", { key: '6f22c00b336df255be58668ce080b0eca112b924', name: "main_text" }), this.supportingText && h("slot", { key: '6fdebf33d8f92e034f260e395b16bdeac4a567e1', name: "supporting_text" })))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '278b2a1547c33efb5fe8783ef8e8ffbc796baa5e', class: this.size }, h("div", { key: '5379659eb39cce99cb7b9ddb5b4d666edf08c275', class: "input_with_label" }, this.showLabel && h("label", { key: '3bfcbad304b7563f1b05e609a34fca38366fedf5' }, this.label), h("input", { key: 'e383a74cc36839546c41d711d17fa5e3a631db15', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '26f5da98787fc4aa0e774ee94e9e618017c092b5' }, this.supportingText)));
+        return (h("div", { key: '45b49bceeeda1f779b36dc81f720eaf87003b33d', class: this.size }, h("div", { key: '968b6c03f99088d5345d60c6d9d72e8d340a75ce', class: "input_with_label" }, this.showLabel && h("label", { key: '4772321a2cc5c7c2ae36e0ddbc6166065dd317f8' }, this.label), h("input", { key: 'f5ec124903589f4eb5bdef442083a9c59e9b8200', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '783d2590c3025a1d14afd857599b9a29381dc4b6' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }