globuswebcomponents 1.2.6 → 1.2.7

package/dist/collection/components/{gb-stepper/gb-progress-steps.js → gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js}

@@ -1,13 +1,15 @@
 import { h, Fragment } from "@stencil/core";
-export class GbProgressSteps {
+export class GbstepperVerticalIconsWithText {
     constructor() {
         this.size = undefined;
-        this.breakpoint = undefined;
-        this.thirdStep = false;
-        this.fourthStep = false;
-        this.fifthStep = false;
-        this.sixthStep = false;
-        this.seventhStep = false;
+        this.connector = false;
+        this.type = undefined;
+        this.showSecondStep = false;
+        this.showThirdStep = false;
+        this.showFourthStep = false;
+        this.showFifthStep = false;
+        this.showSixthStep = false;
+        this.showSeventhStep = false;
         this.firstStepState = undefined;
         this.secondStepState = undefined;
         this.thirdStepState = undefined;
@@ -22,20 +24,87 @@ export class GbProgressSteps {
         this.fifthStepStatus = undefined;
         this.sixthStepStatus = undefined;
         this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, h("div", { key: '1e64e673da23bc9daa8b6f176bd291ec343483da', class: "text_with_line" }, h("gb-step-base", { key: '63d1d36d4babf61da5594a90d790ade14bd0df7d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), h("gb-step-base", { key: '81c5c8979a368501b2a6c173f2135942b00d3dcc', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && h("gb-step-base", { key: '3da911e4609d9a3241d5764c2af8dc22adf58453', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && h("gb-step-base", { key: '8671b3f5709c2c69807c18509002d6c486dfeafe', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && h("gb-step-base", { key: '3b01676749bff5801f6e89da8467b82dc9d08dfa', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && h("gb-step-base", { key: 'b4ccc8b3af0aea902597e6675773410b91e6a50b', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && h("gb-step-base", { key: '802423c6a2c8e294e8f78b50537b28fbf457c230', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
+        const steps = [
+            {
+                state: this.firstStepState,
+                status: this.firstStepStatus,
+                label: this.firstStepLabel,
+                supportingText: this.firstStepSupportingText,
+                show: true, // Always show the first step
+            },
+            {
+                state: this.secondStepState,
+                status: this.secondStepStatus,
+                label: this.secondStepLabel,
+                supportingText: this.secondStepSupportingText,
+                show: this.showSecondStep,
+            },
+            {
+                state: this.thirdStepState,
+                status: this.thirdStepStatus,
+                label: this.thirdStepLabel,
+                supportingText: this.thirdStepSupportingText,
+                show: this.showThirdStep,
+            },
+            {
+                state: this.fourthStepState,
+                status: this.fourthStepStatus,
+                label: this.fourthStepLabel,
+                supportingText: this.fourthStepSupportingText,
+                show: this.showFourthStep,
+            },
+            {
+                state: this.fifthStepState,
+                status: this.fifthStepStatus,
+                label: this.fifthStepLabel,
+                supportingText: this.fifthStepSupportingText,
+                show: this.showFifthStep,
+            },
+            {
+                state: this.sixthStepState,
+                status: this.sixthStepStatus,
+                label: this.sixthStepLabel,
+                supportingText: this.sixthStepSupportingText,
+                show: this.showSixthStep,
+            },
+            {
+                state: this.seventhStepState,
+                status: this.seventhStepStatus,
+                label: this.seventhStepLabel,
+                supportingText: this.seventhStepSupportingText,
+                show: this.showSeventhStep,
+            },
+        ];
+        // Filter out steps that should be displayed
+        const visibleSteps = steps.filter(step => step.show);
+        return (h("div", { key: 'f90f9b97ae2bcce68b2936f3615b8a31d812d34f', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
-    static get is() { return "gb-progress-steps"; }
+    static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["gb-progress-steps.css"]
+            "$": ["gb-stepper-vertical-icons-with-text.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["gb-progress-steps.css"]
+            "$": ["gb-stepper-vertical-icons-with-text.css"]
         };
     }
     static get properties() {
@@ -63,19 +132,31 @@ export class GbProgressSteps {
                 "attribute": "size",
                 "reflect": false
             },
-            "breakpoint": {
+            "connector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "connector",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "type": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BreakPoints",
-                    "resolved": "\"desktop\" | \"mobile\"",
-                    "references": {
-                        "BreakPoints": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::BreakPoints"
-                        }
-                    }
+                    "original": "'icon' | 'featured_icon'",
+                    "resolved": "\"featured_icon\" | \"icon\"",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
@@ -83,10 +164,10 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "breakpoint",
+                "attribute": "type",
                 "reflect": false
             },
-            "thirdStep": {
+            "showSecondStep": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -100,11 +181,11 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "third-step",
+                "attribute": "show-second-step",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "fourthStep": {
+            "showThirdStep": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -118,11 +199,11 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "fourth-step",
+                "attribute": "show-third-step",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "fifthStep": {
+            "showFourthStep": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -136,11 +217,11 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "fifth-step",
+                "attribute": "show-fourth-step",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "sixthStep": {
+            "showFifthStep": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -154,11 +235,11 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "sixth-step",
+                "attribute": "show-fifth-step",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "seventhStep": {
+            "showSixthStep": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -172,7 +253,25 @@ export class GbProgressSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "seventh-step",
+                "attribute": "show-sixth-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showSeventhStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-seventh-step",
                 "reflect": false,
                 "defaultValue": "false"
             },
@@ -497,8 +596,260 @@ export class GbProgressSteps {
                 },
                 "attribute": "seventh-step-status",
                 "reflect": false
+            },
+            "firstStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "first-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "secondStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "second-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "thirdStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fourthStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fifthStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "sixthStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "seventhStepLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-step-label",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "firstStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "first-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "secondStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "second-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "thirdStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fourthStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fifthStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "sixthStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "seventhStepSupportingText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-step-supporting-text",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }
 }
-//# sourceMappingURL=gb-progress-steps.js.map
+//# sourceMappingURL=gb-stepper-vertical-icons-with-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-stepper-vertical-icons-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-vertical-icons-with-text',\r\n  styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() showSecondStep: boolean = false;\r\n  @Prop() showThirdStep: boolean = false;\r\n  @Prop() showFourthStep: boolean = false;\r\n  @Prop() showFifthStep: boolean = false;\r\n  @Prop() showSixthStep: boolean = false;\r\n  @Prop() showSeventhStep: boolean = false;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    const steps = [\r\n      {\r\n        state: this.firstStepState,\r\n        status: this.firstStepStatus,\r\n        label: this.firstStepLabel,\r\n        supportingText: this.firstStepSupportingText,\r\n        show: true, // Always show the first step\r\n      },\r\n      {\r\n        state: this.secondStepState,\r\n        status: this.secondStepStatus,\r\n        label: this.secondStepLabel,\r\n        supportingText: this.secondStepSupportingText,\r\n        show: this.showSecondStep,\r\n      },\r\n      {\r\n        state: this.thirdStepState,\r\n        status: this.thirdStepStatus,\r\n        label: this.thirdStepLabel,\r\n        supportingText: this.thirdStepSupportingText,\r\n        show: this.showThirdStep,\r\n      },\r\n      {\r\n        state: this.fourthStepState,\r\n        status: this.fourthStepStatus,\r\n        label: this.fourthStepLabel,\r\n        supportingText: this.fourthStepSupportingText,\r\n        show: this.showFourthStep,\r\n      },\r\n      {\r\n        state: this.fifthStepState,\r\n        status: this.fifthStepStatus,\r\n        label: this.fifthStepLabel,\r\n        supportingText: this.fifthStepSupportingText,\r\n        show: this.showFifthStep,\r\n      },\r\n      {\r\n        state: this.sixthStepState,\r\n        status: this.sixthStepStatus,\r\n        label: this.sixthStepLabel,\r\n        supportingText: this.sixthStepSupportingText,\r\n        show: this.showSixthStep,\r\n      },\r\n      {\r\n        state: this.seventhStepState,\r\n        status: this.seventhStepStatus,\r\n        label: this.seventhStepLabel,\r\n        supportingText: this.seventhStepSupportingText,\r\n        show: this.showSeventhStep,\r\n      },\r\n    ];\r\n\r\n    // Filter out steps that should be displayed\r\n    const visibleSteps = steps.filter(step => step.show);\r\n\r\n    return (\r\n      <div class=\"vertical_stepper_div\">\r\n        {this.type === 'icon' && (\r\n          <>\r\n            {visibleSteps.map((step, index) => (\r\n              <gb-step-base\r\n                size={this.size}\r\n                type=\"icon_left\"\r\n                state={step.state}\r\n                status={step.status}\r\n                connector={index === visibleSteps.length - 1 ? false : this.connector}\r\n                label={step.label}\r\n                supporting-text={step.supportingText}\r\n              ></gb-step-base>\r\n            ))}\r\n          </>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -43,17 +43,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'e127f399f311d0f21dbb8b02ac2b811d249ca543', class: `tab_button_div ${this.type}
+        return (h("div", { key: '7d65f3d04b2cd8643c863314da3871a317dac943', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '06f500a45260e3ced8e4aca34bf88e79a15a2321', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '25b74a59c6b09c9daf3f8dcac71c6e4a5cbe1c90', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '336a4987ff3b6cd4d1b21dcdf9b9d40ab1a4a2fb', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'f8a799d2f7f86c6ce4cca27faadfc1be49b4e5e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: 'fd7a0648f14c0b6ebab8f0598e406cbfb15ff781', name: "count" })))));
+                        : 'gray' }, h("slot", { key: '67b1f1ea4fae3ff0771250296da68d2e3904a7bd', 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

@@ -4,7 +4,7 @@ export class GbTableCell {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '9b1f5df52a2bdfe6e91bf72e3351155df4b182d9', class: "table_cell_div" }));
+        return (h("div", { key: '56f8bacf3ce4f1b8120ca685cddf296ef93f1ff1', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'a08477bc9dd07fbe039980d8ddcc29cc50a00b8a', class: `container ${this.size}` }, h("div", { key: '9baa9887be3558879f16fee1198e157518fa332d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '1f618dfa6f0da46fd7fd2030225a0e95b391865d', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'a72ee6542d1ab496e2d35c2bd70cfaa060ca5edd', class: "icon left-icon" }, h("img", { key: 'b2e686b2d9dd63be3afd9c251ee4e8b01f117b8c', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'e47f3adb2954f09dfc0d8e855952847b17f2912d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '95fb7e08a9b82c139b798de2e020028cdc20db98', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '0f6628a34432cb71183c32c3e36d65113c0939e6', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'dc6d4dc1db801d7cec830f7a1b43bd7d92a662bb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '1d8ecd062b757203260972485cc76f00ed5181f3', class: "label" }, h("slot", { key: '02080a926e6bd2736ff832078561b929d104b1ad' })), this.action === 'count' && (h("gb-tag-count", { key: 'daa4827cadf25fc46d6ca98d9af7d536f2890eb4', size: this.size }, h("slot", { key: '7e1c8fdfe51b6c235ad06439e59cdd92ee6b713a', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'ff8d84a89868c9272b6514c922148c24dcd1f2f0', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'b50d0abdb14ea9832caa6ce0b80b7a300311e049', class: `container ${this.size}` }, h("div", { key: '6474a1062801449e81b4a162d1208d4bbb691458', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '7881a36be67e98dcc6b9e21d1c109ed23db6fb66', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '7bd99a0a77fe8ecd5ffe411210f3a416451dab3c', class: "icon left-icon" }, h("img", { key: '5f195e6588794355b5fa86a7597f50436edaff95', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4e0992e5f539317ee76e8ee73ed4a04b4d6ba7ba', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'edd43175f6bb2451d6f7b584d161cfed2f7d45ed', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '88be94f00b56fae1064f1ade9f899912efdde708', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '786e68877ee6ecc71a06720850de5c4ee2f4ddd5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'e23fe91a4556acaeeb0ce461097219b9eb03fcb8', class: "label" }, h("slot", { key: '730515480325db57d2cfbce173a1be86c24cbbfd' })), this.action === 'count' && (h("gb-tag-count", { key: 'ff5e0d66b9f0ba943bb42f1c06b9ce07333cc458', size: this.size }, h("slot", { key: 'c50587865b82dd25bb2646e4afcde8356dc3b44d', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'c7f234bff32d9e998d98749eda3af370fae72992', 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: '31a2737c7e57fb716876ff9e1e46d8913d89c437', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '353258dd056318740eab676fbc5a0a026f3e0d8c', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '46733e93669bc09b27dff8d620fbc06878617e66', class: `custom-checkbox ${this.size}` }, h("svg", { key: '94ebafe0e9a3eeffe0285d3f2679bb9b4f09016b', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd7d5a52a8a41ec0ef038ab7508f5fc639e5c2549', 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: '01e36f30f118f147ec71d4373569bdf58f44f517', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '90250e41ce92cd9ad147c3e0c9ab4cdff9feb68d', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '27572dc2378a17b01b05ca94052fa4521cb0a25a', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4e833a630ee9f0f119e36c5a9c409507acfd0af0', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '85c3176c04f5b8aab5815e2580b2d2f52745644a', 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

@@ -4,7 +4,7 @@ export class GbTagClose {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'deb939e15b5f42a6639d5f1bb0af397d4bc33acb', class: this.size }, h("svg", { key: '899b3fe4aead28221d71306996895fe3b933beef', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '584282ecd67e4acfde590faa3f81461ed81f8fc0', 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: '82ca2c9f6ae62f00c2f9df3ef72538c5b3a0a140', class: this.size }, h("svg", { key: '4ad8580d55ff338d8c929c6d54f10d585b32f5bc', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '9cc3203722fa3ca9f1f32b6b60e1c8dfd191259f', 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

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'f2944ba15989f6081b157606bea88b76f7a93a0d', class: this.size }, h("slot", { key: '49e4eb911c3758c06c87743c27f6ca031518e34e', name: "count" })));
+        return (h("div", { key: '5f53baaa902d397a303d34e4a9730f30365dc9d2', class: this.size }, h("slot", { key: '18bec298466290e6e688dd932f24fc26d1592657', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }