globuswebcomponents 0.5.4 → 0.5.6

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

@@ -8,11 +8,11 @@ export class GbTag {
         this.checkbox = undefined;
     }
     async onTagClose() {
-        console.log('close tag clicked');
+        // console.log('close tag clicked');
     }
     render() {
         const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
-        return (h("div", { key: '214ea31399a88eb708cb37a6ad0df88ddd3e4ce9', class: `container ${this.size}` }, h("div", { key: 'e963f23aad2d6f110ee45c0060d56a306308f111', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'df8440ee0e7c3a6557e16fea4ed21dfb54582f89', size: this.size }), this.icon === 'country' && (h("div", { key: '4b679293ea95fbade4c5e591bd50cfa88f5e67d5', class: "icon left-icon" }, h("img", { key: '61e5e5506239c9421fa24f6064ae92369af7c9a7', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'b073b24e7ddfadf5e1c61e54efe57bed93be78ee', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: 'f307e665f31148374ae9e038f1a74728558fc2de', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: 'e4de432cbd31725acc2f27d0808591ac002cea75', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'c81c1166ff4a9025a18ebb0d416549f606b11d3c', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '3f3f8e3621e9e21e9cdf64f3bf0a50da5cf848db' }), this.action === 'count' && (h("gb-tag-count", { key: '096e590457ba50bb96aab686470f3f452cd8e9fa', size: this.size }, h("slot", { key: 'a3d07ba8af17826d95d9a72099d7724a6c73e6e6', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '711e5578cddaa9194bd2748613dcbb32179f4f38', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '651ba5fa12305ce3fffc9e9e74bdc44c8fd3d669', class: `container ${this.size}` }, h("div", { key: '9d8cbcd56a71567f5adfadb5423f3e6b2100d00e', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'fdd3d32d4bb6490bfeb741345b3a3a914a2f95b2', size: this.size }), this.icon === 'country' && (h("div", { key: 'af5d2c5dbc37207c31e078e4cb598f10d0a0fbed', class: "icon left-icon" }, h("img", { key: 'e0209ff07822255dd19f98c88c1f5d9696c95b5b', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'aa721e71f20e23177d51e31203bb3b0ecd14e31c', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '26b45d5ad8f426f684819cf5525bdfaaff237bfc', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '75e3be5eaae69f714067503506b67316682bae55', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '3d80de0d38fdb84cc4e0f3a185e3090594c78da7', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: '9127f7c27e692691ec6abb26fbb063d4f5f9d26f' }), this.action === 'count' && (h("gb-tag-count", { key: '18bd2357085b8f01b2f360d609aef2177dd2788f', size: this.size }, h("slot", { key: '9a90f8f4a2166c52d715e2cca906725d92366152', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '26f08cb39d877ad4213d869a714e1af21faf288d', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

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,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACnC,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;oBAC3D,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC7B,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\">\r\n              <slot name=\"image\" slot=\"image\"></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;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}"]}

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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: '7ffae775e64eedd52f63f7f6ef8b088183cdf58b', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '443ffa700a59f62c7d068e188bec0171a3077307', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '733b42d557b89d526a80667f871f90b3d02073f8', class: `custom-checkbox ${this.size}` }, h("svg", { key: '16847b0f45aa9932a24f5c1c36e67ee7928dafe1', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '1ea1ccc7cc4a27f294fa4c0f3bccd880fb3c7b0b', 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: '1cc922c7282d3323b2e29e308c6a6e1ad2a9f99b', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '9abdf8b41e9080454aa2274efb6bc75d8fadf99a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '8968835f00913b4f5cf2438cc1aeef28f6f3571a', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'd8245eed89156c26d8e03851ede42d2b23b4cf9a', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '23f0140995337de4d5699b9e6ee30db4ea867736', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: '72f961552aca2fb2e45f71a8c53188cfe701fba7', class: this.size }, h("svg", { key: 'df845377603432ad88a92264099c8aa31c280a26', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'b648e081d9e6db1cabf6881ce293333695802e5d', 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: 'b44d228f592d64d6db832f2bee14869514a2cce8', class: this.size }, h("svg", { key: '41c0145f8bfafb9df092acb8d65b57871d9d08f8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '2ef50869bd9d671fd329c8f2010dbce1503349d7', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: '09e6395684f5165271cc8b64b624eb23c346bafe', class: this.size }, h("slot", { key: 'de07e40b96f76be8379850b11d33731ef91ecbdf', name: "count" })));
+        return (h("div", { key: 'f6bace1e1be0a9f3ca3dbd1fa60fe22044581c91', class: this.size }, h("slot", { key: '7bfed313ed4af6457299627641cae7a103c2d468', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: '8fecab916c8a84f8b195fd77d98ca8cd76690eef', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '90fa807cd9523f1905d978021a23ef3a3298b92b', class: `icon_container` }, h("svg", { key: '41b24960cd1ec92e2882bfd1c0b770323ab5f282', 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: '33ed40e7ed4102ae9e1dc8aacf6f040ea3e1f75d', 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: '6f83bb9c2c72d0e8d9e58508b73549692626b9da', "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: 'e7a59e06656954b2fd2ff8db35560e4b5f21f922', "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: 'b0663ac8570387427a2139e08c34d23a6b98218f', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '9af2e8551727ba3b955abb7ce9351779046321cc', class: `text ${this.size}` }, h("slot", { key: '297507041d31bf63817a1a466b4e8e1df3ad52f1', name: "main_text" }), this.showSupportingText && h("slot", { key: 'f32cc6dd632213a0adefcc7acceb870c5b51c27c', name: "supporting_text" })), this.actions && (h("div", { key: '6dfd112753906977c5981f747976495cf06b1fec', 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: '467422ac92cf7e3ccdfa7dc3c38ef2a3b9ec2884', 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: '0d672e858fdcfce43d0ab4b46c68469691b9fce9', class: `container ${this.breakpoint}` }, h("div", { key: '579bf9b1b35f56b76da1884818cae6319181e63b', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '64c7ce87df83dd5290c640d25fcf9bce3e3b09fc', class: `inner_content ${this.breakpoint}` }, h("div", { key: '19f0f24a8c2058c42e65bfd3870af3347ac7ac02', class: `icon_container` }, h("svg", { key: '1413d0881d2e583a9d3a46e6e99da35fba441b5d', 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: '1f0ffcfdaaf192442592bada2e21d18bd9b55fa1', 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: 'd5d88aa2a18496d01f4fbe489407c0d792cf912b', "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: '18db03b37845df4e1476455b26808b596ad856da', "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: '3c1b6dc8ce010702a1d964b46a6738fbcec3d46b', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'c65945333d48e4c1833c9a37ce170787150f01bf', name: "main_text" }), this.showSupportingText && h("slot", { key: '8fe3ddf66eb374944ad1ec1c97b580edac43e939', name: "supporting_text" }))), this.actions && (h("div", { key: '538b44466d5ad7a82c9865385f66c0cd0368b679', 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: 'f0956eb646b21aea06029a8ae64e67770be31ea1', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (h("div", { key: '6fba836f26abb9938abb4b5aa2a546038788fece', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '3b2a5999eb63131023162e798563e5bd5ebd1567', class: `icon_container` }, h("svg", { key: 'f845d0ef20ac77a793fe222b1651f5debd00a106', 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: 'b671336b523aacbd12b109c892e932069e3f3ede', 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: '7fd95385c9d971c0e5025a9181d200aae9a7b8a2', "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: '3c09f7ad005ad411a627cfead77390e36caced06', "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: '0ea1630d5916e429557da6ba59c10dbdcf700728', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'a66182444cc5bb1907b0ea5477dc8a8e6bdfdcdf', class: `text ${this.size}` }, h("slot", { key: '18af559e13dc7fe73dffc5671fb277619b0e3afb', name: "main_text" }), this.showSupportingText && h("slot", { key: 'aced20a3fb3acabf230d078240207612af40ab39', name: "supporting_text" })), this.actions && (h("div", { key: 'fa3e2ff283bca75c83e62877d5a4e005a613a3d5', 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: '4db353df798cb063bda9f9d9f726555b07a37cd3', 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: 'eafbbf7fc932fe638ede43b80055d3543154b820', class: `container ${this.breakpoint}` }, h("div", { key: '2ef0b9df8d62115b8e5997de901904467795e6a8', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'ee5e02a0d581d962fca7177ca2e78145b72163ec', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'e6b934d6872ba727781450d7edc9101a57e49d1f', class: `icon_container` }, h("svg", { key: 'aad52ed45aef20fe04d05f4f6b460125071d2a6a', 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: '898692a3a66e9fb85ee6c42ebb3df0a10dfc33d1', 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: 'f3162676256f475ded219ddf1173facb59895a77', "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: '692d39a72f8a952c38b4199bb21cf73bf4f14c3a', "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: 'fc70929ec8f5e3022184531f08323e4244b0b568', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: 'fffc3801af467e21c9ef91ef49b2ae39eff5815e', name: "main_text" }), this.showSupportingText && h("slot", { key: '7b1cc469b5396486a038d3658d558910d45c9698', name: "supporting_text" }))), this.actions && (h("div", { key: 'd7af263c1e2326e0ba7d8619b2e94f4cc41c33c3', 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: 'd005a4ad82e2b9c49523ce26f84f21dfaa3692a6', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: 'd625bed24b8dc3c076f8ae1949fe2a0b663751fb', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '58b93846b77e2d2f1701399068816b40e999e506' })));
+        return (h("div", { key: 'c976808d58951562486f1998b2ebbbd1f364d0e1', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'f5b97ad0310c75e1ac5ffe58deb89b764402e370' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'f988e59e23dfff5d1c3716b34d9a840d19af6082', class: `toggle_div ${this.size}` }, h("div", { key: '385df9511753dcaba2392430d3495956c4408bfb', class: "toggle_base" }, h("gb-toggle-base", { key: 'eaac1f9730f33c2a02219fcee31ed8e972689f16', size: this.size, state: this.state })), h("div", { key: 'b7ecc6891deb3c457299e262f77c269aec494fe4', class: "text" }, h("slot", { key: 'a1fdde8b11ffcfe840b8ac1f0646148964816c98', name: "main_text" }), this.supportingText && (h("slot", { key: '71701212eced426406a1c29d8f8adcd278526192', name: "supporting_text" })))));
+        return (h("div", { key: '8673b5c920c3e7a3ae4634c2d9ae8396e28a4d7f', class: `toggle_div ${this.size}` }, h("div", { key: '21a1dc4cfcf425d155b95fde3b8b0839358bdd9f', class: "toggle_base" }, h("gb-toggle-base", { key: 'e6ab508c2d09fb53d025ca7c1d81e8d386c70100', size: this.size, state: this.state })), h("div", { key: '872fc1d289386f1eec43f1db50b72707a2ec099c', class: "text" }, h("slot", { key: '4fac55e34e0f01820f9b986d7429ffd65d665523', name: "main_text" }), this.supportingText && (h("slot", { key: '1d48a5e7b0609c5de609261f5cde8337799e9877', 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

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -7,12 +7,12 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: 'e3c2c7e0eeda8a25e990feb17ed550b9d5f21bd1', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, onClick: () => {
+            h("input", { key: '1c28f1162d91dca267de1e4d5902d3dfdceef25d', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, onClick: () => {
                     if (this.state === 'default') {
                         this.pressed = !this.pressed;
                     }
                 } }),
-            h("label", { key: '485e78ef97bbc5447fef07aff68979fdfe1ff808', 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("label", { key: '27e0a85df18543ff7caffecf554fd343c99c7f79', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: 'ae654e66d089a11969b3850e6cf700bfdeaf3ffe', class: this.size }, h("div", { key: '3caa4d26aa81de6d9058b555309a6384cef9bc17', class: "input-with-label" }, this.showLabel && (h("label", { key: '6762280fc96949701894cfdf6028a09a554346c7' }, this.label)), this.digits === 4 && (h("div", { key: '09f7d50725eb847e574cfbf130b7b558780b8ce2', class: "input-wrapper" }, h("gb-megainput-field", { key: '66bb4ef15301746e3d8ec023f10acadcbf477d55', size: this.size }), h("gb-megainput-field", { key: '6721768e336b33fb48c6d3cac39b3b01de29a801', size: this.size }), h("gb-megainput-field", { key: 'eaab0c3af471b19077cf83cd4d9966c1738c21fa', size: this.size }), h("gb-megainput-field", { key: 'afa36159a146b004322d57e24ccb462dbf153544', size: this.size }))), this.digits === 6 && (h("div", { key: '69bc49846fc3ded4b064f17d773ef3603be37c7b', class: "input-wrapper" }, h("div", { key: '9550fa58e26d2fb938bbb4c7bf672551b8d689b2', class: "first=section" }, h("gb-megainput-field", { key: '80a50c7a7dffebda30791cf1b99cbd4b82028058', size: this.size }), h("gb-megainput-field", { key: 'f1c4fee9c0afa813adaac6aa5fff8f268bfedb0b', size: this.size }), h("gb-megainput-field", { key: '0a376665c27918a0dc3aa4873ea66d687e4cd60d', size: this.size })), h("div", { key: 'c6d8451fb28469eca1658a89ffcb15b4cded01cf', class: "second=section" }, h("gb-megainput-field", { key: '9365d6267ceee0a5e77d58237c42309727c2ec75', size: this.size }), h("gb-megainput-field", { key: '1f506e38d9f6c70611a20732735f6096ab16327f', size: this.size }), h("gb-megainput-field", { key: '766a882162afb6777e4a9630f698e81dcf3bcdcb', size: this.size })))), this.digits === 8 && (h("div", { key: 'a98a0302e436a5f2a306ceb1e883873fdb3e5f46', class: "input-wrapper" }, h("div", { key: '9536d1dcfde5cbf72b906b987fff2d9acac81681', class: "first=section" }, h("gb-megainput-field", { key: 'd9b820a5c60d389e75dbf563addcb2f20ec686de', size: this.size }), h("gb-megainput-field", { key: '84d1992dd0f16de2c87063d4e91401fb59a49c74', size: this.size }), h("gb-megainput-field", { key: '3cc6172164da29e9679f3c02087442b2a5c2f206', size: this.size }), h("gb-megainput-field", { key: '279029e4b74d0804c3a9e95511d1987f99d4ef0f', size: this.size })), h("div", { key: '872cc72ca8c028c036f837051dd53c93b78cd0f6', class: "second=section" }, h("gb-megainput-field", { key: '5a6793e7f74306d6d3430734f53df0517e25eba3', size: this.size }), h("gb-megainput-field", { key: '7a8515bd014cf37221da457a65bb3a1bdf89fdbb', size: this.size }), h("gb-megainput-field", { key: '052fce2247b7df9ec2a678fe4d83d49e326d8292', size: this.size }), h("gb-megainput-field", { key: '319b21d7cf30256fd5d944267899b0eada90f360', size: this.size }))))), h("p", { key: '0d17e4946502160b2df8210fdfd6288bcf532e3a' }, this.supportingText)));
+        return (h("div", { key: 'f53411158a0f139a0edc94853d939f6fd388b176', class: this.size }, h("div", { key: '68548a5004595301fadb2633b4e96cfbb9461732', class: "input-with-label" }, this.showLabel && (h("label", { key: '9cf62cee1e9e7b2c6ae8553f1ad819e7b79f58ba' }, this.label)), this.digits === 4 && (h("div", { key: '754ce8cc8746171e82db9be829e20180baa035c2', class: "input-wrapper" }, h("gb-megainput-field", { key: '364bb1c04218a4eb862f75063382d061e37a5517', size: this.size }), h("gb-megainput-field", { key: 'f3695a077a03fb7bfe66b8ea4cbc923869e9f85c', size: this.size }), h("gb-megainput-field", { key: 'edbc845b1cde7613dd5de0739f315d60885a3a1f', size: this.size }), h("gb-megainput-field", { key: 'fba28339118a42e85bdb6d298041e8c0e66b9bd1', size: this.size }))), this.digits === 6 && (h("div", { key: '4c71008781bbfb18fb26a07f312e516dc8d590c4', class: "input-wrapper" }, h("div", { key: '4e83003fe4439caaabf67e7c18f97924ffa4e6a9', class: "first=section" }, h("gb-megainput-field", { key: '2904ec395b41f46a453521f2cc9706b317136762', size: this.size }), h("gb-megainput-field", { key: 'c8abef6753478a0066b09b7de7234033f896d720', size: this.size }), h("gb-megainput-field", { key: 'f54f6c625ed293260c2dac5343614c8c5ce5e900', size: this.size })), h("div", { key: '920214762cb226cc6cd0c40bcada1a3676fd4044', class: "second=section" }, h("gb-megainput-field", { key: 'fcb5d22fd4e402ea98bfb3cefecf942e1408b092', size: this.size }), h("gb-megainput-field", { key: 'c80073f3df63c00acce081fa03ad37433305fde7', size: this.size }), h("gb-megainput-field", { key: '9bdabf5039723061499b0328ffb17a1d21328b31', size: this.size })))), this.digits === 8 && (h("div", { key: '0edef6aea13d6db92a0bf7259707fa0b237f8545', class: "input-wrapper" }, h("div", { key: 'b4663952369a7953da9cedcb34f9793e786ec43f', class: "first=section" }, h("gb-megainput-field", { key: '955575975150e61176759b268da27eb9aa67d91b', size: this.size }), h("gb-megainput-field", { key: 'c4ce98213bbb9b759e1d4c75518faf0920223b9c', size: this.size }), h("gb-megainput-field", { key: 'e23e68c501c544a450e986704e9b75802bf7d381', size: this.size }), h("gb-megainput-field", { key: '01b340ab27a7b9ced77cd58416ada7b0859ed64d', size: this.size })), h("div", { key: '5e05571f2e466ebaf302cf50dbe7e994009f63d7', class: "second=section" }, h("gb-megainput-field", { key: '3c4ab4497f9bc617e865f9ecadf2b217806c3d29', size: this.size }), h("gb-megainput-field", { key: '839b1d6cc2ea31cb8fff9c010582cda6ab3ff891', size: this.size }), h("gb-megainput-field", { key: 'd2a64c1070024b6bd0dfdc772d2cc6f967389e00', size: this.size }), h("gb-megainput-field", { key: '32f06d743c40d2c2ad61cd5173a1e056befd99fa', size: this.size }))))), h("p", { key: '633dc64114946e78fc7af937e7a813b5e0381dbd' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,3 @@
-
 /* @import 'tailwind.css'; */
 
 :root {
@@ -177,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 
@@ -2812,7 +2811,8 @@
 }
 
 ::slotted([slot="supporting_text"]){
-  width: 18.5rem;
+  min-width: fit-content;
+  max-width: 18.5rem;
   color: var(--color-text-subtle, #697586);
   margin-top: 5rem;
 }

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: 'ad50e7708027268e412037d74dde2783ab45e444', class: "tooltip_container" }, h("div", { key: '92f0e6dc952c128a10a0dc06a7222ddfdea93fce', class: "tooltip" }, h("div", { key: '53a264e77cba23e2e7d68f75a3827a13e01c52db', class: this.getArrowClass() }), h("div", { key: '830993708c198159fc2631701c1a1f57974682d5', class: "tooltip_content" }, h("slot", { key: 'f399309dd73fba82960d9ead98f7a80dfe55aa30', name: "label" }), this.showSupportingText && h("slot", { key: '0547b74510fc28a91cb6041742538f19080ee693', name: "supporting_text" })))));
+        return (h("div", { key: 'bf0d20c932e10452dffc0cf814e741b7508d1bff', class: "tooltip_container" }, h("div", { key: 'f6c02c1e506488f48d3d30400e3cd9ebe0f07a3f', class: "tooltip" }, h("div", { key: 'b3da2e29d500d6ad7c124f01252b421daf224442', class: this.getArrowClass() }), h("div", { key: '32083ec4bc0cb90c5fa2694be1d0e6f69b6b4f61', class: "tooltip_content" }, h("slot", { key: '6e9339d88cb5eef4ffdaa734d9f7218310324441', name: "label" }), this.showSupportingText && h("slot", { key: 'da31f4a8b16da1c0a6ad692ab2aecc165469d8a1', 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.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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: '0730d5f678f69f57f21f71c3a38ea4da77c822ae', class: {
+        return (h("div", { key: 'b24813820657b55f392d06b170a2952f371d9930', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: 'd5fa29078eb30701eb07ced65ecf192abce154fa', class: "input-with-label" }, this.showLabel && (h("label", { key: 'd002e9cd4208f9c94f6dd3531cf20ed957f8e6fa', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'b2168562c6ee7acca5e1392c8ef6bd5c227898ac', class: "input-wrapper" }, h("gb-megainput-field", { key: 'b30af01074b050018058b12e6138e0c6139aeedc', size: this.size }), h("gb-megainput-field", { key: 'e3692219ca7f020b396e899ae24aced3e39c52be', size: this.size }), h("gb-megainput-field", { key: 'c592f7a6f5f09e90ba2d2da5b8cc21b2a16d4516', size: this.size }), h("gb-megainput-field", { key: '7d702ac86eae5a0ecb7372464b4bd1dd5a297618', size: this.size }))), this.digits === 6 && (h("div", { key: 'd6117be057ef052629a15bcbbf76fcafa1db2cfa', class: "input-wrapper" }, h("gb-megainput-field", { key: 'bec994f42223d78d50c22df51d5e9d4441785bf7', size: this.size }), h("gb-megainput-field", { key: 'b484791ebee1497e317b9697e9671fa1f0d5a8d5', size: this.size }), h("gb-megainput-field", { key: '0f17366306edff38b11d280963781d940468f0f7', size: this.size }), h("p", { key: '62c710c8f5e399146e9753430af173dbde73cd70', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '50d80ce2d2a2659e8b0e919f08bfd66e8648cc62', size: this.size }), h("gb-megainput-field", { key: 'a94a5ffe7d7acf43a3aaeefda51827712b63de1d', size: this.size }), h("gb-megainput-field", { key: '91819751962b769025aacd97f5ec30c73efacd81', size: this.size }))), this.digits === 8 && (h("div", { key: '3da64117d46ca7cabea6cf4ac8895b61a84bceac', class: "input-wrapper" }, h("gb-megainput-field", { key: '3b362e1e93a22149275788e7e4e2fed87e68253d', size: this.size }), h("gb-megainput-field", { key: '8fcc3932eab8755639b31f87ee6e6e9055c727cf', size: this.size }), h("gb-megainput-field", { key: 'bb0ee4844de6a519accbf5335af831159ea3b862', size: this.size }), h("gb-megainput-field", { key: 'a5fd32b410d481baa418daf517a6aa9c5c801ccc', size: this.size }), h("p", { key: '55d56a2c32bd9c703cbef26d986ae31aecb95d31', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'bc0d5c1df4ce3aa51fa9bfb074dbae4b826302e4', size: this.size }), h("gb-megainput-field", { key: '2a3c481a199eb20a11f99d373185e115b6451b93', size: this.size }), h("gb-megainput-field", { key: 'efb7a4a8d67880e7ff4ed1d53ab91ed56df04ae2', size: this.size }), h("gb-megainput-field", { key: '28c619357a4be97122199ed3b9157dcd96cc1fd2', size: this.size })))), this.showHintText && (h("div", { key: '3d168190715bd3f640082ef523f064c3b67f2b8a', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '94f883526e0332746b8cfc37a8d938c2c2c84280', class: "input-with-label" }, this.showLabel && (h("label", { key: '74ae4e508b30a1937947adae2e0ddbbaf85bb42c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'd5b61f9aace708fb088a5b052949e1858db9db22', class: "input-wrapper" }, h("gb-megainput-field", { key: '50817efbe84f647725e42d89bbdf05c4ac6049ac', size: this.size }), h("gb-megainput-field", { key: '90b2d8cfc7b32d3b04a77a9ac89a4c3800536e93', size: this.size }), h("gb-megainput-field", { key: 'b8f0ce426ccbfa7befc659fe991966746716d169', size: this.size }), h("gb-megainput-field", { key: '8aa4ca1d84296c8a87e7bc3400c3fcfdc376a73f', size: this.size }))), this.digits === 6 && (h("div", { key: 'b3ee9b8bb3d7595bbd990127af067a130a1a3ab8', class: "input-wrapper" }, h("gb-megainput-field", { key: 'b6d46ae2c4041e22e248fb7f37485b2dc3898495', size: this.size }), h("gb-megainput-field", { key: 'f28a2a16876889fe7dfb91ccfb0a025db4d11ccf', size: this.size }), h("gb-megainput-field", { key: '6d9b3dbcedb992c2f009af2c47c04182f99f9ba9', size: this.size }), h("p", { key: '78c65af03fa3bfd47a9922933466d37f69355d48', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '12c30dcfa4d9c792da761f76d28e2991360b3ef8', size: this.size }), h("gb-megainput-field", { key: '37fe3763931d203cff9dbdab99d8138896b17b8a', size: this.size }), h("gb-megainput-field", { key: '9e90d560d712e7835534937dc8bb0ce961012d3a', size: this.size }))), this.digits === 8 && (h("div", { key: '71018c00dc44d5306248ebd1e7d92154f89aedb4', class: "input-wrapper" }, h("gb-megainput-field", { key: 'bec74fea93c4c82867ee29370db92bb0d6b3c945', size: this.size }), h("gb-megainput-field", { key: '52b1c051c0224ab272e2c2c2e3805ea305f3c73f', size: this.size }), h("gb-megainput-field", { key: '1152af609aeb243abb538ce53d2063b105f47e51', size: this.size }), h("gb-megainput-field", { key: 'ed61bd21736f5d63af3ada640d904ee34d555d48', size: this.size }), h("p", { key: '7dca0477329f554bba70fc563dc5caa424baa247', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '8a93038564be0408f057bc83b5767bb122f34e2e', size: this.size }), h("gb-megainput-field", { key: '044e6f83851d57a1ad65b3c3fd67d86e096f79ab', size: this.size }), h("gb-megainput-field", { key: 'e9eeab92699edbff03f65e82ce05e7d8185e9f7c', size: this.size }), h("gb-megainput-field", { key: '2a6dbd26e0d14fa7bfb8bbb85fd321ada18a203c', size: this.size })))), this.showHintText && (h("div", { key: 'c3492f589d97789c9329352b4318e4cb6db734ec', 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/global/global.css

@@ -176,11 +176,11 @@
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="light"] {
+    [data-theme="dark"] {
         --color-text-subtle: var(--gray-500);
     }
 
-    [data-theme="dark"] {
+    [data-theme="light"] {
         --color-text-disabled: var(--gray-300);
     }
 

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

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-86b97b4e.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-f4b686d3.js';
 
 const GbAvatarAddButton = GbAvatarAddButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { G as GbAvatarContrastInnerBorder$1, d as defineCustomElement$1 } from './p-977764ce.js';
+import { G as GbAvatarContrastInnerBorder$1, d as defineCustomElement$1 } from './p-c17ca314.js';
 
 const GbAvatarContrastInnerBorder = GbAvatarContrastInnerBorder$1;
 const defineCustomElement = defineCustomElement$1;