globuswebcomponents 0.7.8 → 0.8.0

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

@@ -42,12 +42,12 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '8b9ef1c7956d51b3745db19c9ffbfc00dbd3591a', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'fd6a61ed45eda7a6789c81aaaf46a9959b0a9afc', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
-      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'cee304507b15624595552810c8f3a3f9aa693aea', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'a9ace2d0bcdd1486dcfc03545975eaae4cc6e14c', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
+      ${this.size}`, onClick: () => this.handleClick() }, h("p", { key: 'df47005f6c37e549af214e29ab82e10e09e099a5', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'c2e1d90c8c628b6bf0b68aea12ad2d46ae50bf62', 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: 'cf195ffe317ca00dcad2ca9100eacaae9fd3b1ca', name: "count" })))));
+                    this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '405fcb70fd85a29235ba2c81a9491644e97eef68', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,8 +11,8 @@ export class GbTag {
         // console.log('close tag clicked');
     }
     render() {
-        const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: 'd8e3b6ad76ec2435a05ac2a7d4ade98ced7d7ceb', class: `container ${this.size}` }, h("div", { key: 'c0ea1b40343836309ffb0fa447cc9930a219662f', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e922413425a7a222cf4e24715ae5502ca89efd26', size: this.size }), this.icon === 'country' && (h("div", { key: '5653f220e62baac385b78edf72e113be2b332ed0', class: "icon left-icon" }, h("img", { key: '77e64c07a4d0eee345a51d10102e53fbed191566', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'd6125cc31108c39ddb5874b375e654a0fd5b7c49', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'a5167044eacb7ea1ce11cd4df3d26be68a777da3', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '240b399422cd1afefc9d475a222e167eac35081f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '097471d5293855f847e1f51bc258ca55732dbaf4', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '14ede07b1e358f9f8030f36582ac00baf13f7a6a' }), this.action === 'count' && (h("gb-tag-count", { key: 'c3288141f53f3e9a64c1318dd077dd7b8fdcf1d8', size: this.size }, h("slot", { key: '479f8efee6e962a926c606baea1e66e725a9e613', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '6fe83126e6f153b50dd41d60eb6ee50788f72894', size: this.size, onClick: () => this.onTagClose() })));
+        const flagSwap = getAssetPath(`${this.flagSwap}`);
+        return (h("div", { key: '0a9d31bcf6250f40fbfb84f15a8b929c71a5d6ad', class: `container ${this.size}` }, h("div", { key: 'd1c9a1d9ad0e01b53acadfca24e292c53ac7f1c8', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '8da40730e467a1f41f444a4f2768e2b6f2134e00', size: this.size }), this.icon === 'country' && (h("div", { key: '477ea5c49d4b5052f9abeaa9e1fcbf3f263c3bd4', class: "icon left-icon" }, h("img", { key: '58edae1e83aa641e80dce57dd21e0a0eed402004', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '5b5e6d0f9fd8f97452d349e71d5815436a3fc698', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '729aca3d2df50765bab8a4ba995a66a7444fe71a', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'e6f458425e9e039ac0013550db49ef4c69cee7b1', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '945526f80335fc327ace59d7e6e94681d2bdb6c5', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'dbe11414f911840174f272ba9d682f17cfa0021f' }), this.action === 'count' && (h("gb-tag-count", { key: 'e41651fa944f27b35c20b6208ba82bd8212a11df', size: this.size }, h("slot", { key: '5b6c14a514858feb33fc6b6dbe433e0535619dc4', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'c670ff2206ca2ec876ff2f00a1dc0d0ad23d34a6', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -32,9 +32,15 @@ export class GbTag {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'sm' | 'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {}
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

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

@@ -1 +1 @@
-{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,oCAAoC;IACtC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC,QAAQ,MAAM,CAAC,CAAC;QAE7D,OAAO,CACL,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;YAClC,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;gBAC/B,IAAI,CAAC,QAAQ,IAAI,wEAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAoB;gBACrE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG,CACrC,CACP;gBACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM;oBACpF,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACb;gBACA,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBACxF,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP;gBACD,8DAAa;gBACZ,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAC1B,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI;oBAC3B,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1B,CAChB,CACG;YACL,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAiB,CAC1G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-tag',\r\n  styleUrl: 'gb-tag.css',\r\n  shadow: true,\r\n})\r\nexport class GbTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg';\r\n  @Prop() icon?: 'country' | 'avatar' | 'dot';\r\n  @Prop() action: 'X_close' | 'text_only' | 'count';\r\n  @Prop() flagSwap: string;\r\n  @Prop() checkbox?: boolean;\r\n\r\n  @Method()\r\n  async onTagClose() {\r\n    // console.log('close tag clicked');\r\n  }\r\n\r\n  render() {\r\n    const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);\r\n\r\n    return (\r\n      <div class={`container ${this.size}`}>\r\n        <div class={`content ${this.size}`}>\r\n          {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n          {this.icon === 'country' && (\r\n            <div class=\"icon left-icon\">\r\n              <img src={flagSwap} alt=\"Country Icon\" />\r\n            </div>\r\n          )}\r\n          {this.icon === 'avatar' && (\r\n            <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\" text={true} color=\"gray\">\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          )}\r\n          {this.icon === 'dot' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n              <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n            </svg>\r\n          )}\r\n          <slot></slot>\r\n          {this.action === 'count' && (\r\n            <gb-tag-count size={this.size}>\r\n              <slot slot=\"count\" name=\"count\"></slot>\r\n            </gb-tag-count>\r\n          )}\r\n        </div>\r\n        {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-tag.js","sourceRoot":"","sources":["../../../src/components/gb-tag/gb-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzE,MAAM,OAAO,KAAK;;;;;;;;IAQhB,KAAK,CAAC,UAAU;QACd,oCAAoC;IACtC,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAElD,OAAO,CACL,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;YAClC,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,EAAE;gBAC/B,IAAI,CAAC,QAAQ,IAAI,wEAAiB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAoB;gBACrE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG,CACrC,CACP;gBACA,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM;oBACpF,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACb;gBACA,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBACxF,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,GAAG,CACzC,CACP;gBACD,8DAAa;gBACZ,IAAI,CAAC,MAAM,KAAK,OAAO,IAAI,CAC1B,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI;oBAC3B,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1B,CAChB,CACG;YACL,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAiB,CAC1G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-tag',\r\n  styleUrl: 'gb-tag.css',\r\n  shadow: true,\r\n})\r\nexport class GbTag {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() icon?: 'country' | 'avatar' | 'dot';\r\n  @Prop() action: 'X_close' | 'text_only' | 'count';\r\n  @Prop() flagSwap: string;\r\n  @Prop() checkbox?: boolean;\r\n\r\n  @Method()\r\n  async onTagClose() {\r\n    // console.log('close tag clicked');\r\n  }\r\n\r\n  render() {\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n\r\n    return (\r\n      <div class={`container ${this.size}`}>\r\n        <div class={`content ${this.size}`}>\r\n          {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n          {this.icon === 'country' && (\r\n            <div class=\"icon left-icon\">\r\n              <img src={flagSwap} alt=\"Country Icon\" />\r\n            </div>\r\n          )}\r\n          {this.icon === 'avatar' && (\r\n            <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\" text={true} color=\"gray\">\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          )}\r\n          {this.icon === 'dot' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n              <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n            </svg>\r\n          )}\r\n          <slot></slot>\r\n          {this.action === 'count' && (\r\n            <gb-tag-count size={this.size}>\r\n              <slot slot=\"count\" name=\"count\"></slot>\r\n            </gb-tag-count>\r\n          )}\r\n        </div>\r\n        {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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

@@ -2680,7 +2680,7 @@ input[type="checkbox"] {
   align-items: center;
   justify-content: center;
   border-radius: var(--rounded-xs);
-  border: 1px solid #CDD5DF;
+  border: 1px solid var(--color-border-input, #CDD5DF);
   background: transparent;
   transition: background 0.2s, border 0.2s;
   margin-top: 10px;
@@ -2703,8 +2703,8 @@ input[type="checkbox"] {
 }
 
 input[type="checkbox"]:checked + .custom-checkbox {
-  background: #075DB2;
-  border: 1px solid #075DB2;
+  background: var(--color-background-selected, #075DB2);
+  border: 1px solid var(--color-border-selected, #075DB2);
 }
 
 input[type="checkbox"]:checked + .custom-checkbox .checkmark {
@@ -2718,15 +2718,15 @@ input[type="checkbox"]:checked + .custom-checkbox .checkmark {
 }
 
 .checkbox-container:hover .custom-checkbox {
-  border: 1px solid #075DB2;
+  border: 1px solid var(--color-border-selected, #075DB2);
 }
 
 .checkbox-container.disabled .custom-checkbox {
-  background: #F6F8FA;
-  border: 1px solid #E3E8EF;
+  background: var(--color-background-disabled, #F6F8FA);
+  border: 1px solid var(--color-border-disabled, #E3E8EF);
 }
 
 .checkbox-container.disabled .checkmark {
-  fill: #E3E8EF;
+  fill: var(--color-icon-disabled, #CDD5DF);
 }
 

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: 'e4d862e1061b2cbcff8c58a8a885ce2e4160657f', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '68b180a005f053882ad39506560f4c099b5f46c9', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'be034eeb14acd0bc2104200a8e289e68531173e9', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'f021e4fcfbce96fc78c565617a0cde71d17914d9', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '0fc06d267ebca03aa9a0513f495f2bcb47488244', 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: '34eb442e473dab20a055c098fa8e7e380f7ecf47', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'fd9c880e8c51d5d5788229344fede0caa4093943', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '641195183331219f395d37150c6d2f040b62d9ec', class: `custom-checkbox ${this.size}` }, h("svg", { key: '0c9e064e0e51f1ceb6faaf019be21f6c5b32214b', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '6648afdb04af52be23daf62bd92c235fe97bcb94', 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"; }
@@ -44,9 +44,15 @@ export class GbTagCheckbox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'sm' | 'md' | 'lg'",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {}
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

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

@@ -1 +1 @@
-{"version":3,"file":"gb-tag-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-tag-checkbox/gb-tag-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQlD,MAAM,OAAO,aAAa;;uBACK,KAAK;oBACG,IAAI;wBACX,KAAK;;IAEjC,MAAM;QACJ,OAAO,CACL,8DAAO,KAAK,EAAE,sBAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;YAChF,8DACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;YACF,6DAAM,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,EAAE;gBACzC,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBACvF,6DAAM,CAAC,EAAC,oEAAoE,EAAC,MAAM,EAAC,OAAO,kBAAc,SAAS,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC/J,CACD,CACD,CACT,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h} from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-tag-checkbox',\r\n  styleUrl: 'gb-tag-checkbox.css',\r\n  shadow: true\r\n})\r\n\r\nexport class GbTagCheckbox {\r\n    @Prop() checked: boolean = false;\r\n    @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n    @Prop() disabled: boolean = false;\r\n  \r\n    render() {\r\n      return (\r\n        <label class={`checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}`}>\r\n          <input \r\n            type=\"checkbox\" \r\n            checked={this.checked} \r\n            disabled={this.disabled} \r\n          />\r\n          <span class={`custom-checkbox ${this.size}`}>\r\n            <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path 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\"/>\r\n            </svg>\r\n          </span>\r\n        </label>\r\n      );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"gb-tag-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-tag-checkbox/gb-tag-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AASlD,MAAM,OAAO,aAAa;;uBACK,KAAK;oBACH,IAAI;wBACL,KAAK;;IAEjC,MAAM;QACJ,OAAO,CACL,8DAAO,KAAK,EAAE,sBAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;YAChF,8DACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;YACF,6DAAM,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,EAAE;gBACzC,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBACvF,6DAAM,CAAC,EAAC,oEAAoE,EAAC,MAAM,EAAC,OAAO,kBAAc,SAAS,oBAAgB,OAAO,qBAAiB,OAAO,GAAE,CAC/J,CACD,CACD,CACT,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h} from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-tag-checkbox',\r\n  styleUrl: 'gb-tag-checkbox.css',\r\n  shadow: true\r\n})\r\n\r\nexport class GbTagCheckbox {\r\n    @Prop() checked: boolean = false;\r\n    @Prop() size: GeneralSizes = 'md';\r\n    @Prop() disabled: boolean = false;\r\n  \r\n    render() {\r\n      return (\r\n        <label class={`checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}`}>\r\n          <input \r\n            type=\"checkbox\" \r\n            checked={this.checked} \r\n            disabled={this.disabled} \r\n          />\r\n          <span class={`custom-checkbox ${this.size}`}>\r\n            <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path 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\"/>\r\n            </svg>\r\n          </span>\r\n        </label>\r\n      );\r\n    }\r\n}\r\n"]}

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

@@ -2669,11 +2669,11 @@ div {
 }
 
 div:hover {
-    background: #F6F8FA;
+    background: var(--color-background-gray-subtlest, #F6F8FA);
 }
 
 div:hover svg path {
-    stroke: #202939;
+    stroke: var(--color-icon-bold, #202939);
 }
 
 div.sm,

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: '6c92078bcf4e9b6a3d85220945b0713170095356', class: this.size }, h("svg", { key: '73ed8d17e67f1ba79657de88b7db9c4587115024', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '336e22ccf42740bb8ad032721ae3aadfa730725a', 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: '367f5a5964b13ac1240bc31ae1736896e5c2486c', class: this.size }, h("svg", { key: 'd87d140cab494d11a59477ec883b4a2e5a52882e', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'aa9c8f8506e4739ba103976d22803f528bb0dd6b', 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: '0b534eb7301ce34ffbe45486eefd57bcf795d1bd', class: this.size }, h("slot", { key: '0bdb23c72640ca76ebd5180db11747f5a2e54d6a', name: "count" })));
+        return (h("div", { key: '0aace65baf61ee76d0ce2a897c9d080a43d1a80f', class: this.size }, h("slot", { key: '2a4c286600b582d2d1e3cd908e560e4997c50a57', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class GbToast {
         slottedSupportingText.classList.add(this.getSupportingColorClasses());
     }
     render() {
-        return (h("div", { key: 'fe398ac3968b148732b7aa463b5e033ddc4f1f31', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ae8bc6fdd35c16c45fc09a09c870be563e4876b0', class: `icon_container` }, h("svg", { key: 'eb85c6abd7a9af2986a30160a4848b921cfa56e5', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '8625fbf15db42445c96f3833f81bcc156743882b', 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: '7bd2d041f586de425f394daf5778dbea98841a87', "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: 'c60410b05d56defb20a8cbe74acf458cb561981e', "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: '364b04d564257794cf003b4c4f3b002ba7c74245', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'eb3944536f57a0d9efb9cd5ca46a555c44bf1b17', class: `text ${this.size}` }, h("slot", { key: 'df262f640367094f29deb24dabc0bb27b7c5642b', name: "main_text" }), this.showSupportingText && h("slot", { key: '95aaa278c2402a4fa2bb07630884bdf469672d76', name: "supporting_text" })), this.actions && (h("div", { key: 'c29ce0c353842c40bb91617a969053ad8f1a610f', 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.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'bec6a2c5c2ec48af4dc348341210f0e8dc463131', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'e797bca9ddb9250dd1089d8141c14b18f9afc8e7', class: `container ${this.breakpoint}` }, h("div", { key: '768fd3fa5aa7c8e1a9946b1a3ab90ea616e22109', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '137b8dd0a4ec119f39aa008fda83745850aafd6f', class: `inner_content ${this.breakpoint}` }, h("div", { key: '9776fe6c44c8fd38e042f9a670018494797208c3', class: `icon_container` }, h("svg", { key: '62db8f9e510f8880b83796d20fe807d92dd0147f', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'cc6c2a3b0d6ca71a9930225231853fb955a7efdd', 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: '9036a328e90671e600b0ba49c5a8a48ead46a776', "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: 'aca79b73bde6a110f9f4425da0bfd0cf9b466ff0', "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: '3b67b396d52bf03b878a42967515169da6e96552', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '8421e1a1a5ca54cb3ae8852f15b477e850ede75d', name: "main_text" }), this.showSupportingText && h("slot", { key: '4c13d88301c14b9fc65285fc01a025dd4bdd936a', name: "supporting_text" }))), this.actions && (h("div", { key: '66892fa70b2c3c9f4009f85edba006e0d14dc8c6', 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.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: 'a28d68abec3a563472a6f832933855c8a664fff3', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (h("div", { key: '9d7a043914053a1229a2787459bdb80def2e1419', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '15af3c77b7262118ffe2db09364a694d23e3878d', class: `icon_container` }, h("svg", { key: 'cc76fadea162cdc6f67408756c764ed700f0a81c', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '2a6593fda52c0775573ea7b0afaa166557c391fe', 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: '3160144c5966229103636e5d8160c79b5494f17a', "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: '411c7138d2d71ea4c64a0e7571ce82092adf0ce9', "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: '32a59e9fa043511400a837625c23375f5271de78', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '13d403228fe8a7907f57d697d0a4b58f1a94c349', class: `text ${this.size}` }, h("slot", { key: '4c1e84c07613b790f1e8e6fcaeef7320638e7cf2', name: "main_text" }), this.showSupportingText && h("slot", { key: 'b24ee21cee9fcf408a6cd77c8e664cc10704fc71', name: "supporting_text" })), this.actions && (h("div", { key: 'bd145a6e5ed255393ceabdd02ce69742d38c616a', 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.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '6d954e7720063bc5d656d541c82260088b80076e', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '0f3364196c8917588013751192dea0c560e5f52d', class: `container ${this.breakpoint}` }, h("div", { key: 'f4910a1ddd3df20df314ae37a927cfca03793ff8', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '9063ca8aca8f7673f626af27a7094fe6406f5cb8', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'e68556c420ea21f3ae47575b7c5048179e6a9571', class: `icon_container` }, h("svg", { key: 'f04ef6833828bc263df92ba6276536c802dda76d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '5be4d0862672f693699a93c8b886b0d19f7f368f', 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: 'fc0096b65c14cf757cb96619525c32db4c9c7bfb', "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: 'c11598b694881043011bed998db2543d93adee5e', "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: 'dd4a38b3bb30caf2ea5efdab5fde248983d49847', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6cdd69095f5ef0a82784add1a5b5ec778d5aef9d', name: "main_text" }), this.showSupportingText && h("slot", { key: 'fb3c34eaa97b1a33e8420f065f7dd1d8caebb4be', name: "supporting_text" }))), this.actions && (h("div", { key: 'f81cb51fa0161df496fd565468d53927c6493e35', 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.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '2ac7657b6f7d6c0ea5409675834b8c0a7a2fa553', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '28cecebf6a2c4a41d959fdbd6c82ce74ed492cbd', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '2605357dec32626d4946056c1af1c4c9874cdddb' })));
+        return (h("div", { key: '32e4ca44c921167201e632a1f24dab47cd498b06', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '2310fcbf1792a524e46b180053d7bc085b380356' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,5 +24,5 @@
 }
 
 ::slotted(p){
-    color: #4B5565;
+    color: var(--color-text, #4B5565);
 }

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

@@ -33,7 +33,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '6ee970e9d1fc53ef99433b3fede8ff2aba632df5', class: `toggle_div ${this.size}` }, h("div", { key: '82f48d8e350a077dce69570f36069a5406c05e32', class: "toggle_base" }, h("gb-toggle-base", { key: '3fbf55220d03d0e41f098a45fe9ec63615251a4b', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: '5c59b62ee7d5ca8be8ae199d740db0ee65a4c812', class: "text" }, h("slot", { key: '3dfb7e638f3866936cc635efb534f75523ce2e1c', name: "main_text" }), this.supportingText && (h("slot", { key: '9e96d8d41ce6d665ca9406850f29674bdc7f316f', name: "supporting_text" })))));
+        return (h("div", { key: '5d881637d0ef425fcc34a73439b7a4ed0fb9e9fb', class: `toggle_div ${this.size}` }, h("div", { key: '9af937a03604ea86f11ed1a7caaf75f8edb6d6d7', class: "toggle_base" }, h("gb-toggle-base", { key: 'a191a97366627d74f8d4730614708060e85172d8', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: '880d8ad6cfac1aa9075457345bd95047bcd90c8b', class: "text" }, h("slot", { key: '7c2cbf4641b1a74b5bce2652a7f472ce6db08525', name: "main_text" }), this.supportingText && (h("slot", { key: 'c5b1d550ab646e37bd72a3b86b8cc7f92c0f59ad', name: "supporting_text" })))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2693,14 +2693,14 @@ label.disabled{
 }
 
 label.pressed.disabled {
-  background-color: #E3E8EF; /* Light gray background when pressed and in disabled state */
+  background-color: var(--color-background-gray-subtle, #E3E8EF); /* Light gray background when pressed and in disabled state */
 }
 
 /* Circle inside the toggle */
 label::before {
   content: '';
   position: absolute;
-  background-color: white;
+  background-color: var(--color-icon-inverse, #FFFFFF);
   border-radius: 50%;
   transition: transform 0.3s ease;
   filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));

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

@@ -13,8 +13,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '852aee8ea1f326e6304440c0a815979a42a9eb65', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: 'e56dffe041d57ddf14aa33d6e54192fe5e8b6886', 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: '42515527ee62903563176d380c01b7590c0b8d89', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '91f5477d9b2af5735caa65d363c4ed27ffe3c173', 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/gb-token-field.js

@@ -9,7 +9,7 @@ export class GbTokenField {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '41d216b49c04497e7647b7a5d8964ddda74d0a13', class: this.size }, h("div", { key: 'b52b53f6e8fc6175ceda0f1d2fbe7a83ef9cd5da', class: "input-with-label" }, this.showLabel && (h("label", { key: 'a316867e5c58a5a65d93dc96773998f3052b6382' }, this.label)), this.digits === 4 && (h("div", { key: '96aa9cf916a083c449fe02ccde65eb7609db8845', class: "input-wrapper" }, h("gb-megainput-field", { key: '837f2612ec52f4d6f3079116424b1ec0c6e529fa', size: this.size }), h("gb-megainput-field", { key: '56a2096b108b597ac7d1d5b90f38a1e891d89897', size: this.size }), h("gb-megainput-field", { key: '7386bb2eaff37eb7c1b8045532e7d2d3c8a0d4a2', size: this.size }), h("gb-megainput-field", { key: '1a379e931be236928dd6eef14fde4c3e0699ef30', size: this.size }))), this.digits === 6 && (h("div", { key: '7689b1edd1dfd9b9314e59146533106e673b93af', class: "input-wrapper" }, h("div", { key: '8f6ea6455c5a4e48015e3b08112f3d6d19cea56a', class: "first=section" }, h("gb-megainput-field", { key: 'e07b66b02bf24047bd167146298f1d7380baabf6', size: this.size }), h("gb-megainput-field", { key: '3e11f1323a10a8cc55b810b7e9bf9346207f8ed9', size: this.size }), h("gb-megainput-field", { key: '73b79cc04ad8b83ba2f58805e43e603f9fe9ccc5', size: this.size })), h("div", { key: 'd633776fbdc8c97d2301370d2f3dbc68899a78a6', class: "second=section" }, h("gb-megainput-field", { key: '9b55128e31c0d821a94584ffc0632d34b6a8ba99', size: this.size }), h("gb-megainput-field", { key: 'dff1df968825553d6433e849493fb740cc358d44', size: this.size }), h("gb-megainput-field", { key: '2ca857f8a865f51b845b1d8a4fd4c199d7b53520', size: this.size })))), this.digits === 8 && (h("div", { key: 'f024fc7537fa689ccf6695cc05c42fb4a4978804', class: "input-wrapper" }, h("div", { key: '0822d823a04fd43445e4a73cf88edd7807e160e2', class: "first=section" }, h("gb-megainput-field", { key: '8f4af99673050a87bd345bf211d5f568f4c1aab3', size: this.size }), h("gb-megainput-field", { key: '1ea008b7cc88f10013305fc909fee7646119a34f', size: this.size }), h("gb-megainput-field", { key: 'c669458d4eafaa87e33fdfd8fbfea76692615dec', size: this.size }), h("gb-megainput-field", { key: '80fd6f9da0c816519b05942cabbdce77ca2171b4', size: this.size })), h("div", { key: 'f5fec4778fca26b379ce1a88ba1c3f488f59daf8', class: "second=section" }, h("gb-megainput-field", { key: '35612a1651b941af395d70946c4248ac323d962f', size: this.size }), h("gb-megainput-field", { key: 'eaa2034ab3b3bb9c99592b4014a8220e60b27cf5', size: this.size }), h("gb-megainput-field", { key: 'bb3908fe1ee154bec1cded12aa6fb65aadfa42ce', size: this.size }), h("gb-megainput-field", { key: '5ff8690afdac06a7ac22379b6ba0e769cc0c7ec7', size: this.size }))))), h("p", { key: '3df79893ca47c2127bb7a8db8673953f1675519e' }, this.supportingText)));
+        return (h("div", { key: '51c16d80a7d2880f1ea5e2d5a14b966efc3277cc', class: this.size }, h("div", { key: 'e5753fe9baa462076921d485e9d4082b10a20905', class: "input-with-label" }, this.showLabel && (h("label", { key: '1b72b4079443827f73ad5e059b208852e69b8421' }, this.label)), this.digits === 4 && (h("div", { key: '19de029d68f25f4890e087f67def640f80ff5fad', class: "input-wrapper" }, h("gb-megainput-field", { key: '3640cb0f5563602e98381083a1a7c088027bf398', size: this.size }), h("gb-megainput-field", { key: '6343d831f17044199340d236455ffdd7c729c144', size: this.size }), h("gb-megainput-field", { key: 'ef97dc678dd7654163eabd4a109f24c9510df08b', size: this.size }), h("gb-megainput-field", { key: 'd03c893a2d7945e460485b6d471848ceb63516b3', size: this.size }))), this.digits === 6 && (h("div", { key: '87659041fc341e1558d91dbffcc00d3a175f1ec5', class: "input-wrapper" }, h("div", { key: 'e9c255fa66f44c87d51513030d9ea933a7450926', class: "first=section" }, h("gb-megainput-field", { key: '254640502f404477d87025b29f547788dc35ef7a', size: this.size }), h("gb-megainput-field", { key: 'cbaf0255839539846bbd1791645b9439ec845efd', size: this.size }), h("gb-megainput-field", { key: 'af119cd8aeae1833a98d8783ae62b658418be8bc', size: this.size })), h("div", { key: '54eee12dd4a827128d356b3d52c161675e9855d0', class: "second=section" }, h("gb-megainput-field", { key: '3a5c83045bc3750cf0a20f0fa3b6a1a417649c68', size: this.size }), h("gb-megainput-field", { key: 'cb643e0438867b6b693182457bce7ac7025f99df', size: this.size }), h("gb-megainput-field", { key: '752b36b63a3d49f1d83a387b0a50ea53974f1e3a', size: this.size })))), this.digits === 8 && (h("div", { key: 'b9fc221937dedea0e11b9132852268490666a788', class: "input-wrapper" }, h("div", { key: 'ac76acbe05f785dc3e21c1bf62de827e5eb8e54a', class: "first=section" }, h("gb-megainput-field", { key: '35d4e92fde599b0caf3960fbb959f3d8793b07d1', size: this.size }), h("gb-megainput-field", { key: '27c578285ba6227708ba09a2591b5202072075b5', size: this.size }), h("gb-megainput-field", { key: '694410c0354623d1ae11dafb653c5cb137c6a79d', size: this.size }), h("gb-megainput-field", { key: '6f964c3a338252c198396b43bd0e179b70231cee', size: this.size })), h("div", { key: '959b68a9a74a2e39e3698eee509f8f366fc6063f', class: "second=section" }, h("gb-megainput-field", { key: 'a68e6266ff601405a205a5e914e0817bc14628b8', size: this.size }), h("gb-megainput-field", { key: '04ed4414c58008721810ab5a7241eba9797e6bf2', size: this.size }), h("gb-megainput-field", { key: '669f49b0d78d7dd5b4ea77d7440d34e5666b99ac', size: this.size }), h("gb-megainput-field", { key: '0b7109b1f9f4ebaedc10371c759e011933cca2b2', size: this.size }))))), h("p", { key: '085a5cca14bffd55e4c05d07a3c3cf1ed3f55426' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2703,7 +2703,7 @@
   top: 100%;
   left: 50%;
   border-width: 7.5px 7.5px 0 7.5px;
-  border-color: #E3E8EF transparent transparent transparent;
+  border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;
   transform: translateX(-50%);
 }
 
@@ -2712,14 +2712,14 @@
   bottom: 0.1rem;
   border-width: 0 9.6px 9.6px 9.6px;
   transform: translateY(-50%) rotate(135deg);
-  border-color: transparent #fff transparent transparent;
+  border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;
 }
  
 .arrow.left {
   top: 50%;
   right: 100%;
   border-width: 6px 0 6px 6px;
-  border-color: transparent transparent transparent #E3E8EF;
+  border-color: transparent transparent transparent var(--color-border-subtler, #E3E8EF);
   transform: translateY(-50%) rotate(180deg);
 }
 
@@ -2728,14 +2728,14 @@
   top: 50%;
   transform: translateY(-50%);
   border-width: 7.5px 0 7.5px 7.5px;
-  border-color: transparent transparent transparent #fff;
+  border-color: transparent transparent transparent var(--color-surface-bold, #FCFCFC);
 }
 
 .arrow.bottom_left {
   top: 100%;
   left: 20%;
   border-width: 7.5px 7.5px 0 7.5px;
-  border-color: #E3E8EF transparent transparent transparent;
+  border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;
   transform: translateX(-50%);
 }
 
@@ -2744,14 +2744,14 @@
   bottom: 0.1rem;
   border-width: 0 9.6px 9.6px 9.6px;
   transform: translateY(-50%) rotate(135deg);
-  border-color: transparent #fff transparent transparent;
+  border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;
 }
  
 .arrow.right {
   top: 50%;
   left: 100%;
   border-width: 7px 7px 7px 0;
-  border-color: transparent #E3E8EF transparent transparent;
+  border-color: transparent var(--color-border-subtler, #E3E8EF) transparent transparent;
   transform: translateY(-50%) rotate(-180deg);
 }
 
@@ -2760,14 +2760,14 @@
   top: 50%;
   border-width: 6.5px 6.5px 6.5px 0;
   transform: translateY(-50%) rotate(0deg);
-  border-color: transparent #fff transparent transparent;
+  border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;
 }
 
 .arrow.bottom_right {
   top: 100%;
   right: 5%;
   border-width: 7.5px 7.5px 0 7.5px;
-  border-color: #E3E8EF transparent transparent transparent;
+  border-color: var(--color-border-subtler, #E3E8EF) transparent transparent transparent;
   transform: translateX(-50%);
 }
 
@@ -2776,14 +2776,14 @@
   bottom: 0.1rem;
   border-width: 0 9.6px 9.6px 9.6px;
   transform: translateY(-50%) rotate(135deg);
-  border-color: transparent #fff transparent transparent;
+  border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;
 }
  
 .arrow.top_center {
   bottom: 100%;
   right: 45%;
   border-width: 0 7.5px 7.5px 7.5px;
-  border-color: transparent transparent #E3E8EF transparent;
+  border-color: transparent transparent var(--color-border-subtler, #E3E8EF) transparent;
 }
 
 .arrow.top_center::before {
@@ -2791,7 +2791,7 @@
   bottom: -20.25px;
   border-width: 0 9.5px 9.5px 9.5px;
   transform: translateY(-50%) rotate(-45deg);
-  border-color: transparent white transparent transparent;
+  border-color: transparent var(--color-surface-bold, #FCFCFC) transparent transparent;
 }
 
 ::slotted([slot="label"]){

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

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '72a52af61779945489462d44742f39a42a3f799c', class: "tooltip_container" }, h("div", { key: 'bdc6c5383700ccd3eb53d1f023fa16d513483296', class: "tooltip" }, h("div", { key: '772f041658e9e37b869994f9e5360920f62ed1ed', class: this.getArrowClass() }), h("div", { key: 'e88d42fb9717fd647342aa841f1bbd0f000e71fd', class: "tooltip_content" }, h("slot", { key: 'f45b49494775cf4930da734532547e9722b36475', name: "label" }), this.showSupportingText && h("slot", { key: '7c92da075e88b9073577d70b6deb9d200a62622e', name: "supporting_text" })))));
+        return (h("div", { key: '2be04452ff95f3d1765d312b3564b2cfc9d0ddca', class: "tooltip_container" }, h("div", { key: '26a89b07bee71e21df58a44bc5a43b10a5982fda', class: "tooltip" }, h("div", { key: 'b7bee81f30d04de3353820f45b532926f201bce0', class: this.getArrowClass() }), h("div", { key: 'de89b2562fff2a779821f7f26c9179573acc3cb9', class: "tooltip_content" }, h("slot", { key: '76077f58df64a1170d8b8cd0c7fcbe5f0a70362c', name: "label" }), this.showSupportingText && h("slot", { key: 'b08f8fd11044ad554b619d9560dac07f022b3231', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js

@@ -9,11 +9,11 @@ export class GbVerificationCodeField {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '51c4941ef6d18009e77936a7667a05c53383ea4c', class: {
+        return (h("div", { key: 'ae8e2e0a779ec42df21d9c0917299c17ec29d18e', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '3070d0e3f11d399a232e32e426472c5b72b050b3', class: "input-with-label" }, this.showLabel && (h("label", { key: 'c5b03fe51b44610e94fcf551d76cd4db11ce8b84', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '1c1e3dbed788e754a32b03c6021fa4cad7b8234b', class: "input-wrapper" }, h("gb-megainput-field", { key: '38c8cfd38e2b011097a60e41371dcdfe3965b33c', size: this.size }), h("gb-megainput-field", { key: 'd0b4eaa30174fb4b92e8189881e30a7080ab7e4c', size: this.size }), h("gb-megainput-field", { key: 'a33d8024e5b7b7224608d917145ce8f816a19c91', size: this.size }), h("gb-megainput-field", { key: '439d209e9c81c9cf9f62ae271950669c40bf6677', size: this.size }))), this.digits === 6 && (h("div", { key: '52b02a00615108fa6dc38b378f936ccbe31dde3a', class: "input-wrapper" }, h("gb-megainput-field", { key: '4ecd2d01a4020887c77e6121d730abab57edc4e7', size: this.size }), h("gb-megainput-field", { key: '255e21429f08e51df674803de03b17225827e77e', size: this.size }), h("gb-megainput-field", { key: 'c0416bfe33630a54950151bb0c7134a5c1aa6e75', size: this.size }), h("p", { key: '1de23b13e520a2170ef9981dcadf97c9cfb952f3', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'dcb422763b68c44d2cd8b0dbeb4877c2c2095b95', size: this.size }), h("gb-megainput-field", { key: '7eac0726b7afcc6b06282967696852cfbe0afe9a', size: this.size }), h("gb-megainput-field", { key: 'd2437d0b03b58fca522eae115419d1771302cb53', size: this.size }))), this.digits === 8 && (h("div", { key: '59d3c658b54f445df6607a2af2c134c1df168b49', class: "input-wrapper" }, h("gb-megainput-field", { key: '4ae23e352b81c16fcecf3d222adfe277d28531b9', size: this.size }), h("gb-megainput-field", { key: '6be3f561bdb6303e4f9b9f7173918ad4bf059082', size: this.size }), h("gb-megainput-field", { key: 'b43b5f4b171a7d99b03f49e062016498427e8bbd', size: this.size }), h("gb-megainput-field", { key: '365da7b2d04f0367579add399ab3b25aae38ef5e', size: this.size }), h("p", { key: 'c883d7d09efb82deab4ffdc06ecbd282a0fb84a7', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'fb02871a0b3984f4ee5de1b6bd3286a57ae4e312', size: this.size }), h("gb-megainput-field", { key: '2892d9940a1b523c72ede8a278f0e2c5221a6da8', size: this.size }), h("gb-megainput-field", { key: '37028f25c83d51750d1878b26e795e2ca9e7efc6', size: this.size }), h("gb-megainput-field", { key: 'a99131d8c0d7d299f5887963552ee06118c67695', size: this.size })))), this.showHintText && (h("div", { key: '80011736cc2ac31849fd40460fc4afc0734319a8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'e73a45343349318b5f3a3b205aa1d8b42ab293db', class: "input-with-label" }, this.showLabel && (h("label", { key: '5d6217e7de84b820688849320f023a14e0a0962d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '2f1b5e43eb41d268f46312cb1d73ac19d4eb0142', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a6de5d25b7b7e9aec723240e0d0b44b5f3bfc58f', size: this.size }), h("gb-megainput-field", { key: 'bee675896879c6a0616eaa2e516a6a407f2f7f71', size: this.size }), h("gb-megainput-field", { key: '197d13e45d463b3c53ea888727fcf227ede8dfb6', size: this.size }), h("gb-megainput-field", { key: '4e0e563ccc14a914019d43308b329e125b929e24', size: this.size }))), this.digits === 6 && (h("div", { key: 'ee3249e0d69a4bf274aa2e00ae045918ee0c4726', class: "input-wrapper" }, h("gb-megainput-field", { key: '7db3a09d09a04e5ff9e9ae65dbfd4292e7883027', size: this.size }), h("gb-megainput-field", { key: '39984b2e9db793da5bd33485bf36106baa259dcc', size: this.size }), h("gb-megainput-field", { key: '355c8cae7e70a6e80535898648bccbd56f24f1b4', size: this.size }), h("p", { key: 'ee96ab89be1f6a201ee0a2f21e38d863f8e67177', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '025770a6f922a90d00a4af24e2513ceeaee2255f', size: this.size }), h("gb-megainput-field", { key: 'e1897dd74853ef89641d2e0586b2c0b337be29dc', size: this.size }), h("gb-megainput-field", { key: 'f184c04a19c5dd664b33ed62a544276d797f5045', size: this.size }))), this.digits === 8 && (h("div", { key: '4a087d13b1f24b4d366a8910d0f5d06b8eb4aa41', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a01a8297cdb6e1fc7753f7d21bd6018327619512', size: this.size }), h("gb-megainput-field", { key: 'cfade4b1db580458acbb5a6cb78ca90807bdc68f', size: this.size }), h("gb-megainput-field", { key: 'aa8492f7d90ca217f3c74f855fedd8de0d1652c3', size: this.size }), h("gb-megainput-field", { key: 'bc7ae8ca3818915c7f87f2ea049793a7957f604f', size: this.size }), h("p", { key: 'd61515817e1ceb70b0aa837984af0478659ed03a', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '83fd7d1d03a5e886bfc50db05def0d729a18f13b', size: this.size }), h("gb-megainput-field", { key: '1b133b3f3a16f564c13a84c9790adb8e03a85a58', size: this.size }), h("gb-megainput-field", { key: '35530ef808c34a46d31927b2b60e012d3d2ad027', size: this.size }), h("gb-megainput-field", { key: '9e69ef4741e7d61d1196a8d590dc6fdf8db3ddbf', size: this.size })))), this.showHintText && (h("div", { key: 'ba8238535021a71adcc0841fe946c360ef300ab6', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-verification-code-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/models/reusableModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_ right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\n  export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n  export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\n  export type DropdownItemTypes = string | number | { name: string; username: string, selected: boolean };"]}
+{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'icon' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_ right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\n  export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n  export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\n  export type DropdownItemTypes = string | number | { name: string; username: string, selected?: boolean };"]}

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

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-9acf67ff.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-74af020e.js';
 
 const GbAvatarAddButton = GbAvatarAddButton$1;
 const defineCustomElement = defineCustomElement$1;