globuswebcomponents 0.3.9 → 0.4.1

package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.js

@@ -0,0 +1,223 @@
+import { h } from "@stencil/core";
+export class GbWysiwygToolbar {
+    constructor() {
+        this.breakpoint = undefined;
+        this.fontSelector = undefined;
+        this.bold = undefined;
+        this.italic = undefined;
+        this.h1 = undefined;
+        this.h2 = undefined;
+        this.quote = undefined;
+        this.link = undefined;
+        this.image = undefined;
+        this.bulletList = undefined;
+        this.numberList = undefined;
+    }
+    render() {
+        return (h("div", { key: '1e4d1718c8bec9e9e262197801fc427b2634c462', class: this.breakpoint }, this.fontSelector && (h("gb-input-dropdown", { key: '57ae7fa538c7ce67e1d89848ba2226e8b5a29e88', size: "sm" })), h("div", { key: 'd992ae1263aa002fa15a7d0cbb71807a30d5c7a1', class: "icons" }, this.bold && (h("gb-wysiwyg-editor-icon", { key: '4e19915bea8577b53a9cc252694bcbf62fc0411b', type: "bold" })), this.italic && (h("gb-wysiwyg-editor-icon", { key: '2314b5c48980359e5784465ca4bd28697b4b15e9', type: "italic" })), this.h1 && (h("gb-wysiwyg-editor-icon", { key: 'fd8a77b0e7cc2845a820f5864b9635e1dc4a9f46', type: "H1" })), this.h2 && (h("gb-wysiwyg-editor-icon", { key: '6567ac6e51cde80e6135b9df11b736de57fba064', type: "H2" })), this.quote && (h("gb-wysiwyg-editor-icon", { key: '8d118bb99b241eb8932884ef9dcd6f315dc38791', type: "quote" })), this.link && (h("gb-wysiwyg-editor-icon", { key: 'fde7745f69aeb5795d96c1abd38f0df0c193595c', type: "link" })), this.image && (h("gb-wysiwyg-editor-icon", { key: '68bf3d2c45b88527640e405a1fffe3e3bcf123b8', type: "photo" })), this.bulletList && (h("gb-wysiwyg-editor-icon", { key: 'db65182902f71d8abda0634396d82f5849508a82', type: "list_bullet" })), this.numberList && (h("gb-wysiwyg-editor-icon", { key: '3d2570ac160c361c2a36b1aa696b80716a935d3a', type: "list_numbers" })))));
+    }
+    static get is() { return "gb-wysiwyg-toolbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-toolbar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-toolbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'desktop' | 'mobile'",
+                    "resolved": "\"desktop\" | \"mobile\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            },
+            "fontSelector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-selector",
+                "reflect": false
+            },
+            "bold": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bold",
+                "reflect": false
+            },
+            "italic": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "italic",
+                "reflect": false
+            },
+            "h1": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "h-1",
+                "reflect": false
+            },
+            "h2": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "h-2",
+                "reflect": false
+            },
+            "quote": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "quote",
+                "reflect": false
+            },
+            "link": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "link",
+                "reflect": false
+            },
+            "image": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "image",
+                "reflect": false
+            },
+            "bulletList": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bullet-list",
+                "reflect": false
+            },
+            "numberList": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "number-list",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-WYSIWYG-toolbar.js.map

package/dist/collection/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-WYSIWYG-toolbar.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG-toolbar/gb-WYSIWYG-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB;;;;;;;;;;;;;;IAazB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,UAAU;YACtB,IAAI,CAAC,YAAY,IAAI,CAClB,0EAAmB,IAAI,EAAC,IAAI,GAAqB,CACpD;YACD,4DAAK,KAAK,EAAC,OAAO;gBACb,IAAI,CAAC,IAAI,IAAI,CACV,+EAAwB,IAAI,EAAC,MAAM,GAA0B,CAChE;gBACA,IAAI,CAAC,MAAM,IAAI,CACZ,+EAAwB,IAAI,EAAC,QAAQ,GAA0B,CAClE;gBACA,IAAI,CAAC,EAAE,IAAG,CACP,+EAAwB,IAAI,EAAC,IAAI,GAA0B,CAC9D;gBACA,IAAI,CAAC,EAAE,IAAI,CACR,+EAAwB,IAAI,EAAC,IAAI,GAA0B,CAC9D;gBACA,IAAI,CAAC,KAAK,IAAI,CACX,+EAAwB,IAAI,EAAC,OAAO,GAA0B,CACjE;gBACA,IAAI,CAAC,IAAI,IAAI,CACV,+EAAwB,IAAI,EAAC,MAAM,GAA0B,CAChE;gBACA,IAAI,CAAC,KAAK,IAAI,CACX,+EAAwB,IAAI,EAAC,OAAO,GAA0B,CACjE;gBACA,IAAI,CAAC,UAAU,IAAI,CAChB,+EAAwB,IAAI,EAAC,aAAa,GAA0B,CACvE;gBACA,IAAI,CAAC,UAAU,IAAI,CAChB,+EAAwB,IAAI,EAAC,cAAc,GAA0B,CACxE,CACC,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-wysiwyg-toolbar',\r\n    styleUrl: 'gb-WYSIWYG-toolbar.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygToolbar {\r\n    @Prop() breakpoint: 'desktop' | 'mobile';\r\n    @Prop() fontSelector: boolean;\r\n    @Prop() bold: boolean;\r\n    @Prop() italic: boolean;\r\n    @Prop() h1: boolean;\r\n    @Prop() h2: boolean;\r\n    @Prop() quote: boolean;\r\n    @Prop() link: boolean;\r\n    @Prop() image: boolean;\r\n    @Prop() bulletList: boolean;\r\n    @Prop() numberList: boolean;\r\n\r\n    render() {\r\n        return (\r\n            <div class={this.breakpoint}>\r\n                {this.fontSelector && (\r\n                    <gb-input-dropdown size=\"sm\"></gb-input-dropdown>\r\n                )}\r\n                <div class=\"icons\">\r\n                    {this.bold && (\r\n                        <gb-wysiwyg-editor-icon type=\"bold\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.italic && (    \r\n                        <gb-wysiwyg-editor-icon type=\"italic\"></gb-wysiwyg-editor-icon>\r\n                    )}    \r\n                    {this.h1 &&(\r\n                        <gb-wysiwyg-editor-icon type=\"H1\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.h2 && (\r\n                        <gb-wysiwyg-editor-icon type=\"H2\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.quote && (\r\n                        <gb-wysiwyg-editor-icon type=\"quote\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.link && (\r\n                        <gb-wysiwyg-editor-icon type=\"link\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.image && (\r\n                        <gb-wysiwyg-editor-icon type=\"photo\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.bulletList && (\r\n                        <gb-wysiwyg-editor-icon type=\"list_bullet\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                    {this.numberList && (\r\n                        <gb-wysiwyg-editor-icon type=\"list_numbers\"></gb-wysiwyg-editor-icon>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

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

@@ -0,0 +1,65 @@
+import { h } from "@stencil/core";
+export class GbWysiwygTooltip {
+    constructor() {
+        this.arrow = undefined;
+        this.breakpoint = undefined;
+    }
+    render() {
+        const classes = {
+            [this.arrow]: true,
+            [this.breakpoint]: true
+        };
+        return (h("div", { key: '6049be630ceadccdbe472fca100f7f8bb8bc855d', class: classes }, h("div", { key: '37c7f18c5deef18ed76ece14e035156a2c629aa2', class: "container" }, h("div", { key: '297759a3248df960155d7d53d1e165865c6ff6da', class: "icons" }, h("gb-wysiwyg-editor-icon", { key: 'a7323977c09557261a4c358e6392534007c9f0ba', type: "bold" }), h("gb-wysiwyg-editor-icon", { key: '5f7a5f29db072c1014ce322b1d1522a1aef8b1e7', type: "italic" }), h("gb-wysiwyg-editor-icon", { key: '43a53d7d728f0da412ba3085d9101a20f07c9d95', type: "H1" }), h("gb-wysiwyg-editor-icon", { key: '35c2082c7aa9e5de64803b133cd598c54fa1e4ad', type: "H2" }), h("gb-wysiwyg-editor-icon", { key: '0fd5faa61a5cfae75278f1c083775cda62ae26c8', type: "quote" }), h("gb-wysiwyg-editor-icon", { key: '0c8b8e17374603897577f298e43ca614f6cfd7c9', type: "link" }), h("gb-wysiwyg-editor-icon", { key: '0a3f8c38f80fae9b962f6a74002fa63689b55073', type: "photo" }), h("gb-wysiwyg-editor-icon", { key: '814d11cab8231663ea74a244b148e62b64937b3a', type: "list_bullet" }), h("gb-wysiwyg-editor-icon", { key: 'a2db4e0a1a599688bd04ab2425656b571ccae796', type: "list_numbers" })), h("div", { key: 'c952767fd099bd03a0c8a273f8cf3ff3b6e7efa2', class: "tooltip-arrow" }, h("svg", { key: '29927566cb00085528e01bb36c14a3adda7daad6', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "9", viewBox: "0 0 18 9", fill: "none" }, h("path", { key: 'c39879e133b95b2716432ca36a7b778c717acf59', d: "M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z", fill: "white" }))))));
+    }
+    static get is() { return "gb-wysiwyg-tooltip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-tooltip"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-WYSIWYG-tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "arrow": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'center' | 'left' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "arrow",
+                "reflect": false
+            },
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'mobile'",
+                    "resolved": "\"default\" | \"mobile\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-WYSIWYG-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-WYSIWYG-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG-tooltip/gb-WYSIWYG-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,gBAAgB;;;;;IAIzB,MAAM;QAEF,MAAM,OAAO,GAAE;YACX,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI;SAC1B,CAAA;QAED,OAAM,CACF,4DAAK,KAAK,EAAE,OAAO;YACf,4DAAK,KAAK,EAAC,WAAW;gBAClB,4DAAK,KAAK,EAAC,OAAO;oBACd,+EAAwB,IAAI,EAAC,MAAM,GAA0B;oBAC7D,+EAAwB,IAAI,EAAC,QAAQ,GAA0B;oBAC/D,+EAAwB,IAAI,EAAC,IAAI,GAA0B;oBAC3D,+EAAwB,IAAI,EAAC,IAAI,GAA0B;oBAC3D,+EAAwB,IAAI,EAAC,OAAO,GAA0B;oBAC9D,+EAAwB,IAAI,EAAC,MAAM,GAA0B;oBAC7D,+EAAwB,IAAI,EAAC,OAAO,GAA0B;oBAC9D,+EAAwB,IAAI,EAAC,aAAa,GAA0B;oBACpE,+EAAwB,IAAI,EAAC,cAAc,GAA0B,CACnE;gBACN,4DAAK,KAAK,EAAC,eAAe;oBACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM;wBACxF,6DAAM,CAAC,EAAC,8GAA8G,EAAC,IAAI,EAAC,OAAO,GAAE,CACnI,CACJ,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-wysiwyg-tooltip',\r\n    styleUrl: 'gb-WYSIWYG-tooltip',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygTooltip {\r\n    @Prop() arrow: 'center' | 'left' | 'right';\r\n    @Prop() breakpoint: 'default' | 'mobile';\r\n\r\n    render() {\r\n\r\n        const classes= {\r\n            [this.arrow]: true,\r\n            [this.breakpoint]: true    \r\n        }\r\n\r\n        return(\r\n            <div class={classes}>\r\n                <div class=\"container\">\r\n                    <div class=\"icons\">\r\n                        <gb-wysiwyg-editor-icon type=\"bold\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"italic\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"H1\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"H2\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"quote\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"link\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"photo\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"list_bullet\"></gb-wysiwyg-editor-icon>\r\n                        <gb-wysiwyg-editor-icon type=\"list_numbers\"></gb-wysiwyg-editor-icon>\r\n                    </div>\r\n                    <div class=\"tooltip-arrow\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"9\" viewBox=\"0 0 18 9\" fill=\"none\">\r\n                            <path d=\"M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z\" fill=\"white\"/>\r\n                        </svg>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/gb-WYSIWYG-tooltip/gb-WYSIWYG-tooltip.tsx

@@ -0,0 +1,43 @@
+import { Component, Prop, h } from "@stencil/core";
+
+@Component({
+    tag: 'gb-wysiwyg-tooltip',
+    styleUrl: 'gb-WYSIWYG-tooltip',
+    shadow: true
+})
+
+export class GbWysiwygTooltip {
+    @Prop() arrow: 'center' | 'left' | 'right';
+    @Prop() breakpoint: 'default' | 'mobile';
+
+    render() {
+
+        const classes= {
+            [this.arrow]: true,
+            [this.breakpoint]: true    
+        }
+
+        return(
+            <div class={classes}>
+                <div class="container">
+                    <div class="icons">
+                        <gb-wysiwyg-editor-icon type="bold"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="italic"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="H1"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="H2"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="quote"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="link"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="photo"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="list_bullet"></gb-wysiwyg-editor-icon>
+                        <gb-wysiwyg-editor-icon type="list_numbers"></gb-wysiwyg-editor-icon>
+                    </div>
+                    <div class="tooltip-arrow">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="9" viewBox="0 0 18 9" fill="none">
+                            <path d="M17.4853 0.485287L9.70711 8.26347C9.31658 8.65399 8.68342 8.65399 8.29289 8.26347L0.514724 0.485287H17.4853Z" fill="white"/>
+                        </svg>
+                    </div>
+                </div>
+            </div>
+        )
+    }
+}

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

@@ -40,7 +40,7 @@ export class GbAvatar {
     }
     render() {
         return [
-            h("div", { key: '91da49f898d54eaaff82aa5dd25bdf8d86fe3464', class: "avatar" }, h("gb-avatar-contrast-inner-border", { key: '6467639b95b54a03b961ed3126e9f16525363252', "border-size": this.size, weight: this.weight }, h("div", { key: '36252a1eed0c2f247764b4409de8bed993f89354', class: `inner_content ${this.size}` }, !this.text ? (h("slot", { name: "image" })) : (h("div", { class: "initials" }, h("slot", { name: "initials" }))), this.placeholder && (h("div", { key: 'b531af6ef470243a298527e4998e35839de468be', class: `placeholder` }, this.icon === 'user' && (h("svg", { key: '9dd79fbbe05d14f12c9e63c3007b348466f6858d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, h("path", { key: '67502f6082898c16e220de742d0fce85926454bd', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '50b623148a0549ed6be3f4776248de6059693ba3', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" }))))))), h("gb-status-indicator", { key: 'f98faf014dbda7a08ed9fad10f8c78cb3a4c22dd', class: `indicator ${this.size}`, "status-icon": this.statusIcon, size: this.size, state: this.state }))
+            h("div", { key: '16f2bb3ddda00ce219fee23a5ed85e7920fa1e36', class: "avatar" }, h("gb-avatar-contrast-inner-border", { key: 'dda3aff29b71c26b5e59fb64a4f25ab563eb361e', "border-size": this.size, weight: this.weight }, h("div", { key: '9ba13e41e5cb076874596bab26b98bd28d4fe7ad', class: `inner_content ${this.size}` }, !this.text ? (h("slot", { name: "image" })) : (h("div", { class: "initials" }, h("slot", { name: "initials" }))), this.placeholder && (h("div", { key: '2758b4015a0ab92f737649c246d5aaf032698fa8', class: `placeholder` }, this.icon === 'user' && (h("svg", { key: 'f417f4a8fc60730de185aff5b960afaed3b7c640', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, h("path", { key: 'eee69e30606de6cbb52e1c3674da76da8bb627a5', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '8666943f628f286d8cb3d807cb1f9f11ad5ac5d1', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" }))))))), h("gb-status-indicator", { key: '8d6fb344f4759a4de9434aac122c94d3e733f805', class: `indicator ${this.size}`, "status-icon": this.statusIcon, size: this.size, state: this.state }))
         ];
     }
     static get is() { return "gb-avatar"; }

package/dist/collection/components/gb-avatar-add-button/gb-avatar-add-button.js

@@ -7,7 +7,7 @@ export class GbAvatarAddButton {
         this.el = undefined;
     }
     render() {
-        return (h("div", { key: '55efc695d6a0ab29f44090eddeb8f4d3a4b6e61d' }, this.showToolTip && (h("gb-tooltip", { key: 'd8abcc9fce045183ed5fcb90fe0b3fc901864b4f', class: `tooltip ${this.size}`, arrow: "bottom_center", "show-supporting-text": "false" }, h("p", { key: 'a699b75c37ecc1baf8cbeb9a10758bf0cc0acc80', slot: "label", class: "text-xs-semi-bold" }, "Add User"))), h("div", { key: '80f8277cffedaf7c3854b480407d1d1b66a51dfc', class: `avatar_back ${this.size} ${this.state}`, onMouseEnter: () => { this.showToolTip = true; }, onMouseLeave: () => { this.showToolTip = false; } }, h("svg", { key: '830bc11e838e2b5275c649b2b2de5b38ed909259', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `plus_sign ${this.size} ${this.state}` }, h("path", { key: '2150172784e5ab1593309a240fd6aa4987e6fc51', d: "M8.00008 2.6665V13.3332M13.3334 7.99984H2.66675", stroke: "#697586", "stroke-width": "1.33", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '354d48e400ab38aa3e394fea398047ce1166146d' }, this.showToolTip && (h("gb-tooltip", { key: 'c2f684ad0d47ffdee960705b7ed8fa5b06d64b4c', class: `tooltip ${this.size}`, arrow: "bottom_center", "show-supporting-text": "false" }, h("p", { key: '96213de6051d2e1e34cb43263c6c826f4c916e54', slot: "label", class: "text-xs-semi-bold" }, "Add User"))), h("div", { key: '43174d8ba7de4ab213ba4a2cd15a52cea5ac3ed7', class: `avatar_back ${this.size} ${this.state}`, onMouseEnter: () => { this.showToolTip = true; }, onMouseLeave: () => { this.showToolTip = false; } }, h("svg", { key: '85abfe07bead0aedd74ba612b5f3ca98baf09f93', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `plus_sign ${this.size} ${this.state}` }, h("path", { key: '9cbf03f1af588dfc32863ad2e7083505d997869b', d: "M8.00008 2.6665V13.3332M13.3334 7.99984H2.66675", stroke: "#697586", "stroke-width": "1.33", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-avatar-add-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.js

@@ -30,7 +30,7 @@ export class GbAvatarContrastInnerBorder {
         }
     }
     render() {
-        return (h("div", { key: '23aa459b4289d02274bbfb1ff783419df9deff53', class: `inner_border ${this.size} ${this.weight}` }, h("slot", { key: '08abfe2a3a4ffef815587bb9265fa50a5c8fec44' })));
+        return (h("div", { key: '6200344aec5a6821e579a6b9bf254709bf8575d6', class: `inner_border ${this.size} ${this.weight}` }, h("slot", { key: '7d5aeee34aa80942c4968bbe502dbc541ab5cce9' })));
     }
     static get is() { return "gb-avatar-contrast-inner-border"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-avatar-group/gb-avatar-group.js

@@ -36,7 +36,7 @@ export class GbAvatarGroup {
         }
     }
     render() {
-        return (h("div", { key: 'f9ba54509022e16053b53851621b14de3b801ffb', class: `avatar_group ${this.size}` }, this.images.map(image => (h("div", { class: `avatar ${this.size}` }, h("gb-avatar", { size: this.size, weight: this.setWeight() }, h("img", { src: image, alt: "" }))))), this.moreUsers && (h("div", { key: '5c00cf49f344f1969d2c28006539bd4c8666a1c9', class: `avatar ${this.size}` }, h("gb-avatar", { key: '31bfb801aa215e86d226a00f913b358523860603', text: this.text, size: this.size, weight: this.setWeight() }, h("slot", { key: 'faf1814426e6e3b697d73a088e2bba0fef1df5ad', name: "initials", slot: "initials" })))), this.addMoreButton && h("gb-avatar-add-button", { key: 'ebb973a9b0b9514ac2568e9f9c55b86d5e55ca31', state: this.state, size: this.size })));
+        return (h("div", { key: '47341d899174c2ad30b9d4b0a4db8593e91fb263', class: `avatar_group ${this.size}` }, this.images.map(image => (h("div", { class: `avatar ${this.size}` }, h("gb-avatar", { size: this.size, weight: this.setWeight() }, h("img", { src: image, alt: "" }))))), this.moreUsers && (h("div", { key: '0f4f8a7cd3bccc5b73cb630562c46cbd7dbd8a02', class: `avatar ${this.size}` }, h("gb-avatar", { key: '6edafef0b92886d22747a6d7631bb185bbd6bd09', text: this.text, size: this.size, weight: this.setWeight() }, h("slot", { key: '2911fe0a19b53dfe2330223fc36a32891126f945', name: "initials", slot: "initials" })))), this.addMoreButton && h("gb-avatar-add-button", { key: 'd3f46aad48ba06ef808e285c94a7f95cd57b8ee4', state: this.state, size: this.size })));
     }
     static get is() { return "gb-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-avatar-label-group/gb-avatar-label-group.js

@@ -57,7 +57,7 @@ export class GbAvatarLabelGroup {
         }
     }
     render() {
-        return (h("div", { key: '6cdf77ccdf3ea252d58efe1d9da289f8046e2dee', class: `label ${this.size}` }, h("div", { key: '77fbe3b86030d979c47b80deb001bfc5f3bcc401', class: "label_pic" }, h("gb-avatar", { key: '2146870a4f535e309d52dc737bba852bf26359e5', size: this.size, "status-icon": this.statusIcon, state: this.state, text: this.text, placeholder: this.placeholder }, !this.text ? (h("slot", { name: "image", slot: "image" })) : (h("slot", { name: "initials", slot: "initials" })))), h("div", { key: '67fca6b3f87cc2f4a76f22a10db206f5cb9775c1', class: "label_text" }, h("slot", { key: '45fee56cd2f6447ea77364f7e7f776d10b68b1a9', name: "name" }), h("slot", { key: '8ca7799078893898a9143b836eadac11b9e79d7a', name: "supporting_text" }))));
+        return (h("div", { key: '0bac1d55eb84ed9ff01951453257c266580a1804', class: `label ${this.size}` }, h("div", { key: '8012c151faeaee65635a3fcc7184780971775e20', class: "label_pic" }, h("gb-avatar", { key: '620c75c7badd4e5504d4bfc8e3bc32864da0b5e5', size: this.size, "status-icon": this.statusIcon, state: this.state, text: this.text, placeholder: this.placeholder }, !this.text ? (h("slot", { name: "image", slot: "image" })) : (h("slot", { name: "initials", slot: "initials" })))), h("div", { key: '87ca63333cb2e41ebe4b13ba50c823f2b620cbb1', class: "label_text" }, h("slot", { key: '27c5a2ea1ef64ebd0232ca814f4ea2b0f620a446', name: "name" }), h("slot", { key: '74451549d4fafc72f0227edb36a6f1674d45059f', name: "supporting_text" }))));
     }
     static get is() { return "gb-avatar-label-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-avatar-profile-photo/gb-avatar-profile-photo.js

@@ -37,7 +37,7 @@ export class GbAvatarProfilePhoto {
     }
     render() {
         const profileSize = this.getProfileSize();
-        return (h("div", { key: '76226bb62f296b9f81d5506f39e9520e0046830e', class: `profile_photo ${profileSize}` }, h("gb-avatar", { key: '63f6daf31b802a9dd95d88c4f3ff93956c9d7f20', size: profileSize, icon: "user", text: this.text, "status-icon": this.verified && ('verified'), weight: this.setWeight() }, !this.text ? (h("slot", { name: "image", slot: "image" })) : (h("slot", { name: "initials", slot: "initials" })), this.placeholder && (h("div", { key: 'bac16df5ac5519a538c0c4b082e57d8bb6d90358', class: `placeholder` }, h("svg", { key: 'b9d7ba8c9d519f7a6aa90615550cb5cb016ff7d1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, h("path", { key: '5846119f91968ca2bf18045aec95cadb35da4a12', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '4c266e7f557876e788cf1a53e931f076c324a20e', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" })))))));
+        return (h("div", { key: '7dd684f7e42f699f15bb685ec02b56b0de254071', class: `profile_photo ${profileSize}` }, h("gb-avatar", { key: 'dd60c81ef6437f36320483a3343f2785adfe1d88', size: profileSize, icon: "user", text: this.text, "status-icon": this.verified && ('verified'), weight: this.setWeight() }, !this.text ? (h("slot", { name: "image", slot: "image" })) : (h("slot", { name: "initials", slot: "initials" })), this.placeholder && (h("div", { key: '5f9da6cb0a34f757ac9b92b7e38aafed55c12305', class: `placeholder` }, h("svg", { key: '94650ae4f80e57d9e32c49d87f1d43a295c2ef5d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, h("path", { key: '6cae1b7983c7f9644d3bbc437c2321eb5f576898', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), h("path", { key: '44f3480159f5770d4e1de31f7f0c60001139064e', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" })))))));
     }
     static get is() { return "gb-avatar-profile-photo"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class BadgeClose {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '2b7c3979aa50a795454010af023f639be2d7c775', class: `${this.color} ${this.type}` }, h("svg", { key: '35878fa8c734e324a66e24631e00cbd3b90d424c', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '49a152fc422a7a352ec79a1b3e9216ce205b7add', d: "M9.50024 2.5L2.50024 9.5M2.50024 2.5L9.50024 9.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'edc7820b2ccecd2b27b536498160c9db2a4453e2', class: `${this.color} ${this.type}` }, h("svg", { key: '4e7f4d55a30af348792187e2e69a788c08b131ba', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '06e5ff64fdf938b69818273388b3e7ec963b94f0', d: "M9.50024 2.5L2.50024 9.5M2.50024 2.5L9.50024 9.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-badge-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,7 +74,7 @@ export class GbBadges {
         };
         const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
         const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';
-        return (h("div", { key: '4f4a534913307a8cc7d92dbb20270fa5e5bb4fac', class: classes }, this.icon === 'dot' && (h("svg", { key: 'a0f248383ccfceb6062737ca21b4cde185894cab', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: 'cedcfc90cb32d893bdcfa3866f9710e7139f5ca0', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && (h("div", { key: 'ceab882b4c861fd71b12973daa76c76a534d1611', class: "icon left-icon", innerHTML: this.leadingIconContent, style: { color: this.color } })), this.icon === 'country' && (h("div", { key: '5dca91374f2b36cf1213bafc415c0e9bec0cb734', class: "icon left-icon" }, h("img", { key: 'a71115803504085a71080e71401292754dd95189', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '0f879c1850cde54b19117d2c32c9e9011b711674', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: '7b261a325cbfb16fe6d364908dc04231bd09369c', name: 'image', slot: 'image' }))), this.icon !== 'only' && (h("slot", { key: '3b554ed2e11542a2c2d46f36a6f72d7bf1408f25' })), this.icon === 'icon_trailing' && this.iconTrailingSwap && (h("div", { key: '8eca1e50f0bb8f146f5c2012475bcdf7c0820be8', class: "icon right-icon", innerHTML: this.trailingIconContent, style: { color: this.color } })), this.icon === 'only' && (h("div", { key: 'ca34697b3a978a902edbc90438aefb0a940fcc6f', id: "icon-only" }, h("svg", { key: 'fd3f4242f5821976ffcc15161e42d913272ebaf9', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: 'cc6adec07488a9a89c3180d77bf58680c4c17a91', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: 'c95a3329c1723e12a5b37f78bcab61e6650cca29', color: this.color, type: 'rounded' })));
+        return (h("div", { key: 'b7a34ef8ca29d33bb5f38e58cdffb9edf7bed272', class: classes }, this.icon === 'dot' && (h("svg", { key: 'd21ee30850227a486bc1de1e1eadb57664ad18ed', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: 'a43b0b2888270b7f2092398689d50c935017c39c', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && (h("div", { key: '977d0793bfae6564e5b080d0daa37ec256eff086', class: "icon left-icon", innerHTML: this.leadingIconContent, style: { color: this.color } })), this.icon === 'country' && (h("div", { key: '17cb13147d778ee1476cdff5d3a461d0dfe85db3', class: "icon left-icon" }, h("img", { key: '284411201af640d82bd3f0d859e4687ace2c2750', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '48e8a2ad284b63546a2235ba88b01a65d42cad34', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: 'd2090648ba63f7b23977cc71f3b8fd2a3b230978', name: 'image', slot: 'image' }))), this.icon !== 'only' && (h("slot", { key: 'f49e95dbf1b39a9a45ed1e484f6af23b6cb74180' })), this.icon === 'icon_trailing' && this.iconTrailingSwap && (h("div", { key: 'd9db02c3a2fa0c24473291f263b03fe314039652', class: "icon right-icon", innerHTML: this.trailingIconContent, style: { color: this.color } })), this.icon === 'only' && (h("div", { key: '6a2a38d82211c5ec7610e65738124079f65b24f8', id: "icon-only" }, h("svg", { key: '104beeb6549d4d7572682b2741602c31533d779e', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: '6de6e8a308446829a26b3d4a73f3ba39af1e2cac', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: 'cb8437b24aa42ea9a2674d0db28d6c800e2ec05c', color: this.color, type: 'rounded' })));
     }
     static get is() { return "gb-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GbButton {
         return h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
     }
     render() {
-        return (h("button", { key: 'f673710120a9e8c03c199363cffb87d108a01527', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: 'a4ce29a2407123f159bfc8ac523dc755e83657f2' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
+        return (h("button", { key: 'd7fa8e4213cc95cceb3aba53756544db2404c535', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: '4ef99f89d5082d2bc4654b965faab0bf5674ca8c' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
     }
     static get is() { return "gb-btn"; }
     static get originalStyleUrls() {

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

@@ -68,7 +68,7 @@ export class MyButton {
         return h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
     }
     render() {
-        return (h("button", { key: '7d7219be0cedb93cd668ff3cd857ad85833df86c', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: '549b0c31e2c6939accfe772ffec433b28840ffd2' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
+        return (h("button", { key: '9377e08a8b0167ee761fc455419db23f1369b92a', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && h("slot", { key: 'f89ddcef3c42b7f5562a4dc8ef75f6badd3888dd' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
     }
     static get is() { return "gb-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-button/readme.md

@@ -1,7 +1,7 @@
-# test-button
-
-
-
+# test-button
+
+
+
 <!-- Auto Generated Below -->
 
 
@@ -26,6 +26,7 @@
 
  - [gb-checkbox-group-item](../gb-checkbox-group-item)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
+ - [gb-input-field](../gb-input-field)
  - [gb-pagination](../gb-pagination)
  - [gb-toast](../gb-toast)
 
@@ -34,6 +35,7 @@
 graph TD;
   gb-checkbox-group-item --> gb-button
   gb-file-upload-item-base --> gb-button
+  gb-input-field --> gb-button
   gb-pagination --> gb-button
   gb-toast --> gb-button
   style gb-button fill:#f9f,stroke:#333,stroke-width:4px

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

@@ -5,7 +5,7 @@ export class GbButtonClose {
         this.color = undefined;
     }
     render() {
-        return (h("div", { key: '86cc9cd493da96a33d4ebe92a4c2b648c16ed33e', class: `${this.size} ${this.color}` }, h("svg", { key: 'bac5eb755f3547bad433225b6176947a8c2d2187', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, h("path", { key: '9e8a50397db932766f92719e6d3193650a50d387', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'f965d1f3f4440468782234c6006913962bc875cf', class: `${this.size} ${this.color}` }, h("svg", { key: '51535e3f50579ff7bd526a587e2c2552fcb261cc', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, h("path", { key: 'e570690d4d01aeb6a27135fa1eee6840f1393827', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-button-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-carousel-arrow/gb-carousel-arrow.js

@@ -5,7 +5,7 @@ export class GbCarouselArrow {
         this.chevron = undefined;
     }
     render() {
-        return (h("div", { key: 'fd9c1e48185c710861c6108fafe555f66de849ef', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (h("svg", { key: '5c2211547c284c4e6130e032e6191620e1eda6aa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'de9e702692201e825fea3eee4de0be1cc7b540ff', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (h("svg", { key: '3efa5c575acb1415a56402326b15c788b78542fc', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'bb54d6f9b16bba681e2b4b9fc1938c56ac7eee29', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: 'ddc68064d8d4c0895fb38ba14363eb3d5800fe49', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (h("svg", { key: '47b8f1ecb60f733cc07e7d2ac1949474c3f85d7d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'ec531d905cdf77af97902882c5ee8b257f9a3f6d', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (h("svg", { key: '3505f5e8bfcc8a063114015d4048a984f7b25741', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '52626105796a890ad190d06cc05e836a042e610c', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-carousel-arrow"; }
     static get originalStyleUrls() {

package/dist/collection/components/gb-checkbox/gb-checkbox.css

@@ -509,7 +509,7 @@
 }
 
 .text-sm-regular{
-    font-size: var(--text-sm-regular-font-size);
+    font-size: var(--text-sm-regular-font-size, 0.875rem);
     font-weight: var(--text-sm-regular-font-weight);
     line-height: var(--text-sm-regular-line-height);
 }

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

@@ -35,7 +35,7 @@ export class GbCheckbox {
         }
     }
     render() {
-        return (h("div", { key: 'c595f68d332b701785d9bee717f3ff448696bb35', class: `checkbox_div ${this.size}` }, h("div", { key: '5c2762163d17576e74e1a47f36b7813128f3518e', class: "checkbox_base" }, h("gb-checkbox-base", { key: '2af4acf31901d7d0cd5e52bd608582fc059d124d', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), h("div", { key: '548c5310f39f44e665352d3387531e5154625ac8', class: "text" }, h("slot", { key: '1bb7b24f091e4b385fbd9f0ac6f35c03889b1096', name: "label" }), this.supportingText && (h("slot", { key: '7dfaf8bd7f40971f59223354f019bd0100ccd265', name: "supporting_text" })))));
+        return (h("div", { key: '34f6bdd6d7e4e46d685d298b97ff98d72bc363ae', class: `checkbox_div ${this.size}` }, h("div", { key: 'cafaaf2b0d50bc1e8a32771bb414fb05f2ffaf0e', class: "checkbox_base" }, h("gb-checkbox-base", { key: 'b9269255625ac7bcc3c211c4b4d939f087e740c5', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), h("div", { key: '0b7e87374c77117a5442fda686d6ce83630417a7', class: "text" }, h("slot", { key: '09e3ea945c6c6e9a0e1e49869ca45d185ad849f4', name: "label" }), this.supportingText && (h("slot", { key: '4b15c69bd854d3592fe78233d49482e115e066cf', name: "supporting_text" })))));
     }
     static get is() { return "gb-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,7 @@ export class GbCheckboxBase {
         }
     }
     render() {
-        return (h("div", { key: '3f585709c9ea0d17d9678bc7c6d644596f6c6e80', class: `checkbox_container ${this.size}`, onClick: () => {
+        return (h("div", { key: '06c5b1dcbf261493e902dcf8269d245661a4d13a', class: `checkbox_container ${this.size}`, onClick: () => {
                 if (this.type === 'checkbox') {
                     return this.toggleCheckboxState();
                 }

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

@@ -8,7 +8,7 @@ export class GbCheckboxGroup {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'c2848df780d31fe50823dadef15552670730922c', class: `checkbox_group ${this.breakpoint}` }, h("div", { key: '2dd32513588c6799cdace2938c8a56e194592f78', class: "text" })));
+        return (h("div", { key: '1a9a4924ab781f49ad4c484c775ab91791d66522', class: `checkbox_group ${this.breakpoint}` }, h("div", { key: 'c3896071b6d775e549f841d4ed135fb423ec4adc', class: "text" })));
     }
     static get is() { return "gb-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js

@@ -82,9 +82,8 @@ export class GbCheckboxGroupItem {
         }
     }
     render() {
-        console.log(this.selected);
         return [
-            h("div", { key: 'c665a17b068b9ba93de074fe905a60acff0d8dfe', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`, onClick: () => this.toggleSelection() }, h("div", { key: 'affab9552cf222333f5f2f7689e84967c7ab9e39', class: "item-content" }, this.renderIcon(), h("div", { key: 'e0edfa4c1ae23416444425fdc6b100d97fe5d525', class: "text-container" }, h("div", { key: '1e48aae03edcac1b9a0a28588a0a3013693b1679', class: `label-cost ${this.type}` }, h("slot", { key: '769d68dc5cdd1632928c6387cfcfb75bb99d1b28', name: "label" }), this.showCost && (h("slot", { key: '8e931ffce11d945f6f74adb254020fd09d33e428', name: "cost" }))), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), h("div", { key: '7ced61272e57a66cf6899dc97005c02bb9f6ca18', class: `checkbox_container` }, h("gb-checkbox-base", { key: 'b3f6ca21775ba7560e14a261b1170054b4201b24', type: this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle', size: this.size, state: this.state, checked: this.selected }))),
+            h("div", { key: '677f08ebc46bd447daeb7abe65a13d963f806cf1', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`, onClick: () => this.toggleSelection() }, h("div", { key: '81e9d82ce81397297c54ae23f33ffe2421817e2b', class: "item-content" }, this.renderIcon(), h("div", { key: '9df2f0baf23d886ad978ca02c4f169b45f1cc16a', class: "text-container" }, h("div", { key: '0e49c7d1bca2842f593361b4a0d98372ff5674a6', class: `label-cost ${this.type}` }, h("slot", { key: 'c1e73a26cf82135fce3b32b1576d7ff901f3fe9d', name: "label" }), this.showCost && (h("slot", { key: '76788dcac0d14b5361de9dba3b7ba03d06d0ee92', name: "cost" }))), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), h("div", { key: 'aef802f3e1bd9b5a1fd3aa735f7cb8f681566d0a', class: `checkbox_container` }, h("gb-checkbox-base", { key: '96d3f90d8274e0fdd4f53030a504752c01449ca1', type: this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle', size: this.size, state: this.state, checked: this.selected }))),
         ];
     }
     static get is() { return "gb-checkbox-group-item"; }