globuswebcomponents 1.4.7 → 1.4.9

package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js

@@ -83,7 +83,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (index.h("div", { key: '98c6f7e45b7a0d3f3973bb2bd0092438a97575f7', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (index.h("div", { key: '583b6c67629731d689289dc2b4a9ed6bd4621590', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
 };
 GbstepperVerticalIconsWithText.style = gbStepperVerticalIconsWithTextCss;

package/dist/cjs/gb-tab-button-base.cjs.entry.js

@@ -47,17 +47,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: 'ed8fde1a4bdcbc98639d2690c642ebf579378c83', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: 'f591de11fbb5b1fbc2471a03a41bc0ccc716fac9', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'cc9262417d4c987f94f927d6062a7964596b4f0e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'a85d29294744bc5dece9365b77236a0133527276', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'f1315c7bf9a8006c1cc457d352c012afbb43e7d5', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '957f297f810516af17a1e3847e2efe8f5c3d81ab', 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' }, index.h("slot", { key: 'b10d50409eec160f87894ca9e6e607ed28f08a26', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: '5ce087587a5bc5a5c7de4d2fe293cefe5cadfbf4', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd56c1962a09bcaff842a14535d4e7e784a7a7eb1', class: "table_cell_div" }));
+        return (index.h("div", { key: 'c1a207d8cb13bebf320de70914713514a932d02c', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js

@@ -190,14 +190,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '24830164c09d450894d160867a00ff91f87798df', class: "textarea_container" }, index.h("div", { key: '0519078e5025891edba5151d6bdc477dc8c15027', class: "input_with_label" }, this.showLabel && index.h("p", { key: '7f126fd7e382395c8875569b5bd3e18cbeec99c4', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '3e27445bf3659914a594c803e8f2f6e38ef083c7', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: 'ff2b0cfb9834b391fc407da6d36ff989f00c0852', class: "textarea_tags" }, index.h("div", { key: 'b66e554c00c4ed4ab7dcffa733ff64e17bee5b27', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'c163db58fcf21b9fb460ade531e89de395b8f0eb', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: 'df7e8852fdba53180b72151796d057caa05777e4', class: "textarea_container" }, index.h("div", { key: '796e75c235f07fdf4c31f1f72e4ada33adcde25c', class: "input_with_label" }, this.showLabel && index.h("p", { key: '4137c2283c53a36ebeaa8f7f63d630f26b824c06', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '884208ee72b1381d30ac3764158febd34dc8bb4b', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: 'c2c9e5c4098ace18ee3c38f80824226a271b5a10', class: "textarea_tags" }, index.h("div", { key: '03f91d70dd25077c859abc5d7e0318997e6b095d', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'f7ac417743cd2d5098cee77c0db7c78324914d0f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '374e590051ac10e0efb109547941b91f6848e051', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'aa484af806f595a6fcc7115c8d5b48d7082a7ea7', class: "input_field" }, index.h("input", { key: '023a161f67b86664006a5a55c3072f02bdd8bae8', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: 'b1020f529307425f5f9373fd11a178ef57d19f6e', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'd9c2d601766035f0c6f1e4afd9ff8cfa37181ae9', class: "input_field" }, index.h("input", { key: '27bb5f2a1f98c5829a160767bfbf31fe594f2c5b', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '5c0d98d1a46cc3eb88ad0748527e69cedeaa2eee', class: "help_icon" }, index.h("svg", { key: 'e013e2fa650ce342c9b6f7ccdcc4a7bb8d4780f6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '1f8ea2de0eb7f28039f224db56427f7db43a2746', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: 'ef3f269e0618a2c64fe223642057982b31910607', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '153f9b461e39fcbf5d851f10da3b22ccaefe4b9c', class: "help_icon" }, index.h("svg", { key: 'e0473e302f34bf2e12cf1fd52b800934d934e7dd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '3a1ed5e9be528c9c1bebff7346c55ef4fb10f7cd', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '2254538210f7952f8ab638f78965a72e1cd60d70', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '365fe2b0513f60cc6a060144b2c29839dccab2e6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'ed18cb3b293f9b603de1456adc54cb0e93fd751d', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js

@@ -13,7 +13,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '316c421cad78a4b916f32234b785f1f265635bab', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '7ac559c9a4b57960b0900bd118c45a99f78e45ac' })));
+        return (index.h("div", { key: '6726d451339b510916fe8007880722603cf199a2', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '103e9a9420c2b3d6ba23478713585c9d196a4d1f' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toast.cjs.entry.js

@@ -59,7 +59,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9b6f6d8a8441b81dbf50b8cc5dcf5c968167dc59', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'f62a7e60131b643d024f897fbd9a89c827f173ba', class: `icon_container` }, index.h("svg", { key: 'd8f43757f92c264a33f360ea4e02976e7b44bb16', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'e14daf20d87e9ca06cd02418c729acd97abc7b47', 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" }), index.h("path", { key: '0ebd58f6e1d93ca96a2ca9d15ccef09f15bedd52', "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" }), index.h("path", { key: 'e6d1c390e84003ad7a4db8bdcb4a5faf95b59f69', "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" }))), index.h("div", { key: '2e02e5972b1dd088fc6c4aee617c3716ba550aaa', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '0ef28d7dfa25e040e96f208f9eecb59ecbb9a234', class: `text ${this.size}` }, index.h("slot", { key: '3ccfe80cb83dda80c7f35e7aab4b1dab22f0db3d', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'd369591aef5bd8ec3074e80247866a3b8d5e4260', name: "supporting_text" })), this.actions && (index.h("div", { key: '2875b5e3719f05469b23cf923931f6e8017d4397', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '238f1f686a2e4e9c89fd2ec4dac43b91d3836fe7', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '32ad77ba2a0df87af532f4b18f8e0d97b6593121', class: `container ${this.breakpoint}` }, index.h("div", { key: '091b0a64d807920df96e4cf812f479404e4db945', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '1e7367daf3dd348fb63a037b2c1bcbc10af4c6eb', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'befac5d10657fa581e34f94fa41491ad1ce11afd', class: `icon_container` }, index.h("svg", { key: 'ee6c039b88d1a1b270873273c486fad5506ce31d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '35dc4feb5a0afeb53d304e94645c2d0ddf31d425', 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" }), index.h("path", { key: '641668c6c65decdba64cb90181cb4b9cabdcdc1a', "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" }), index.h("path", { key: '56695dee23fed326b277f49ab17ae80bb5643087', "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" }))), index.h("div", { key: '447be120f34afdf5a4163c173f82650e5d5cd624', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '664442e9557f31f6eada17638aa5e73d6dcbf452', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'b7cf224897ec8f11bd2c8c24675fd6f56f02434e', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'b875e3d9f93f486eb76bf968ba1238ed7a3eb157', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: 'df0e6ebac1a55cbf0a07c7216b1d218035162a54', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: 'b06813d599dfa75a208517dbdddb1bc1dac39fc5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '691a7a6dc697e0ea5a108dbb1bf75d0d2d804b5e', class: `icon_container` }, index.h("svg", { key: '5657f43b0a8fafeff62908117a374886b9ea1630', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '49ce7ac7d9b208ac408458c3708613308ef82bfa', 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" }), index.h("path", { key: 'd59cfcb6d2b1ce0e51900cca312c1256b406bd3f', "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" }), index.h("path", { key: 'fdc7a38a4929f4eb4908e84fcff99f1056a728bf', "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" }))), index.h("div", { key: '2e8217909d0afc51cd63659ee201980eb5e788b8', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'ad703a0f8a460ea395a7074d503677fdbd9735b3', class: `text ${this.size}` }, index.h("slot", { key: '8d2b9dee8e9f7c1fc52592b06b52086dad920027', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '3b7795d78508f4b64050a36da17ea7b04f3eeef6', name: "supporting_text" })), this.actions && (index.h("div", { key: '3e24d72d7c7d869c895ce20297c27050e59ce066', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '9cea4218c1d0993b6dd9f3673b36ae760850615b', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '236250552a81e9e78571fb654a36b98c3780734a', class: `container ${this.breakpoint}` }, index.h("div", { key: 'cac4d69e33f8d4fb4802d00b387100e10771182c', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'f9b4abf72828fb2234e5587799ecb92f82512124', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'b860923a79dc09bc40da263fc0e780b711104630', class: `icon_container` }, index.h("svg", { key: 'b72b9fbd976ece895bbefba7d095d528925c0190', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '88d7ab31bc2f1af0dd175a43fd9518ae8a96cd49', 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" }), index.h("path", { key: '459c0dbd9de4be1d8e7eada3b4ab0b722739e7dc', "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" }), index.h("path", { key: '4e6990f5d8d5cbfa40fbc0f5792d3e929bc977be', "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" }))), index.h("div", { key: '91cd53d02a7dd8baaa2c43cf2adea80612f72a9a', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'a48c22243c015c231ae39981bd7a4aeb4f2d7aaf', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '87a2651bacf4e274aeac8e3ff04ed963f0c8f552', name: "supporting_text" }))), this.actions && (index.h("div", { key: '2684909b1370287280146c944c90060c5cdd2549', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '10632584c9d9938dede5d0c34fabc9ba340eb508', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toggle-base.cjs.entry.js

@@ -18,8 +18,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '23049af25a80a5b0649f6fbfe73f4622d699b36e', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '84f5711191ba6f7fd7e55155c8fd9e0653c8544c', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.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}` }, index.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' ? (index.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}` }, index.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),
+            index.h("input", { key: 'd4193fee27f56b365cc6ffb604fc5864f13475e6', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '4b458cfa0c615aed3dbab57cedd6660c2b93d227', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.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}` }, index.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' ? (index.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}` }, index.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),
         ];
     }
 };

package/dist/cjs/gb-toggle.cjs.entry.js

@@ -40,7 +40,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '577fb6dd4140ced33fe8dc772fe776cb7f021fd4', class: `toggle_div ${this.size}` }, index.h("div", { key: '2404efb60275bb8049d0f708c66b0b30484c6930', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'a02c7773eaf1ed6dd23d689286f1117c1a08201d', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: 'a75b6ccb2adc6540bdd0dcc09450fd5a8ce80c29', class: "text" }, index.h("slot", { key: '72310e412a0bc39ec92ce9dac78447545d3975d0', name: "main_text" }), this.supportingText && (index.h("slot", { key: '7eeeddf9109bf9ec73e8e943cd1c17d596af3ab6', name: "supporting_text" }))))));
+        return (index.h("div", { key: '3c242139526884494e83117b491c337209797e26', class: `toggle_div ${this.size}` }, index.h("div", { key: 'e9895f339f93a55a1490afef8338b064cc3ca570', class: "toggle_base" }, index.h("gb-toggle-base", { key: '36a5e6a9b2364582e9efb4c907c029133fbd7ca5', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: 'b15c26db29c151de0535cdf95cf42a31f72ac5da', class: "text" }, index.h("slot", { key: 'd1f00fdaef0dfafd0257bc689a1ece9068c80641', name: "main_text" }), this.supportingText && (index.h("slot", { key: '408dde312503fb950b9f9cbb921b75e14ff91bb3', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js

@@ -11,7 +11,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '39af6d8085d1ce32fce32147910f9e46985411f3', class: this.size }, index.h("div", { key: '7ad934a8645f7f43006e27f7fd9a642517527c87', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '8695303176ad35704c45e7d26a21f9f33741506b' }, this.label)), this.digits === 4 && (index.h("div", { key: 'cdaa23b9af973fb9783866fdaddd23c4162d550c', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'f89eb8775ee291e79c7a687549ec44b76f49b122', size: this.size }), index.h("gb-mega-input-field-base", { key: '9f9b39fa10a5c2db9395d9679cae244a886ea76a', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b7bf9b7d49698c3c14372338f843b31b59b1f5e1', size: this.size }), index.h("gb-mega-input-field-base", { key: '034b8a1b2864176f99367f78c9387c96679c45b9', size: this.size }))), this.digits === 6 && (index.h("div", { key: '01440980869f03d07d98b13f697fb746a3ef2591', class: "input-wrapper" }, index.h("div", { key: 'fef25cd895d9daa69d76bc237830a5824b1d0eb7', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '5ddbacea6b522f234dbea86da7c01f03f6c82eb8', size: this.size }), index.h("gb-mega-input-field-base", { key: '4ae1c1057195478842ada321f15636a64be3f8ad', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd6301ae4d3d9b67d641c4311c34c29991bdf9f17', size: this.size })), index.h("div", { key: '25d5138d687083b0cbc2eb10052f9b17e2869a6b', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '1c460ef41ffea9766cf5810ce176979f5b90a167', size: this.size }), index.h("gb-mega-input-field-base", { key: '4df9926c3cea3bca657e6ba272b38204d75f48e3', size: this.size }), index.h("gb-mega-input-field-base", { key: '7b14a18217f1fbe10787fbaf86d33f4a23cd8f77', size: this.size })))), this.digits === 8 && (index.h("div", { key: '045e6e60c2759b7fd1257d07d2a20e850018e6ff', class: "input-wrapper" }, index.h("div", { key: 'f960fd7cfa5b324a1d5d5d2b515b11b34b87f832', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '06b3d49bc316a3895cac964fcc59e800e9ed4d93', size: this.size }), index.h("gb-mega-input-field-base", { key: '2b0f589d2838f61589fa0a5f550c6adaae4cf40e', size: this.size }), index.h("gb-mega-input-field-base", { key: '8c37978af192f78cbe24fdbe8be15cca31976312', size: this.size }), index.h("gb-mega-input-field-base", { key: '4cb29bf43ca39a9c918aea3d09723f7325f62467', size: this.size })), index.h("div", { key: '5639cd96924f972ef52c4c5d4029fc38831b2271', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'e83e60fd30bc06dd3e610b54742d843049aa9f56', size: this.size }), index.h("gb-mega-input-field-base", { key: '400b13892bd4436cdeed21d40554d64a89d9fb14', size: this.size }), index.h("gb-mega-input-field-base", { key: '7ccb61452748f071de3b350fa70d842793abdbed', size: this.size }), index.h("gb-mega-input-field-base", { key: 'aeb6df27380d7db259358fd3d98b4ebcd6ce3b8b', size: this.size }))))), index.h("p", { key: 'fc1c3497dbe4f496265df4f5b5dde4a80f82a9c3' }, this.supportingText)));
+        return (index.h("div", { key: '3253fab985f6d430b0546290d91b05283624c5f8', class: this.size }, index.h("div", { key: '3e4427003d33f63d44f6afa0824f744e5a542c6a', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '9f9c1eec5f284a6992c5397cf49deb7564c8e4e8' }, this.label)), this.digits === 4 && (index.h("div", { key: '2d41ca7d6c86b0d45e5cc39844d29b6916ecc89e', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '2f97e2b3658c3ce3dcf1b5fd714f0b4e94e2086b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd34ce9201320d2d22a1ecf37edddaf11eec0d732', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a7388165c90825059b9498950292b3de2f6f98f9', size: this.size }), index.h("gb-mega-input-field-base", { key: '74f89f5498c0cfabddaa8fc0d0b0d27047b8c170', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'dc9c86f3eb13c62f4ce47558b25466d6120c8479', class: "input-wrapper" }, index.h("div", { key: 'c710c55beffe20c32a142ebc2283c181abbcd391', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '006c87a3f7d134b761204038b318cde8ba04ad4b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd371cbc4c8ae48dda3fef58a5faf9ae9cc2b8ba8', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e971d37661c7c2bef45ff7f0c7192bdda00a6fcd', size: this.size })), index.h("div", { key: '9c1cc5bfb9c6b3dca45904dc7baa443f42770405', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'c6c583191eec27545e553a8d4de4ac28c3d09fca', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bafbe9fad8c9a594858ff56b26f153207e9c28be', size: this.size }), index.h("gb-mega-input-field-base", { key: '11fcdb8e7966dc575ae1d198e3119f9dc520ea2c', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'a3430667ead8afe58740f4391f04ae544407ea78', class: "input-wrapper" }, index.h("div", { key: 'e53b36ddf1f52b90d10cb595a29fe550d7288370', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '23af4fa70d9e5efd7030deec249e4a532b1ad13a', size: this.size }), index.h("gb-mega-input-field-base", { key: '1f95a4ab3ddc8b23d8810b6e826ef016a539729f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b60a586657272d8b9ddd4b4b87b3c49a3da6a747', size: this.size }), index.h("gb-mega-input-field-base", { key: '168dec3d72b58635428ed952b2bb7b7de22694ca', size: this.size })), index.h("div", { key: '1885c3c642e88fef60ad27f7e3b383e8450b751b', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'caa5001b8cc8b9b08f821477620e76bea0d23a5d', size: this.size }), index.h("gb-mega-input-field-base", { key: '5c893a5b1427ff93d2601a3464a7775e9a692c33', size: this.size }), index.h("gb-mega-input-field-base", { key: '12652b7261145711f914667d6a591015d88ef70c', size: this.size }), index.h("gb-mega-input-field-base", { key: '9b873f0ca097a3ddbd6d4ebb26c06421edd412f3', size: this.size }))))), index.h("p", { key: 'e0905598e8f20f8ead28d03953b700dfd8821ebd' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = gbTokenFieldCompactCss;

package/dist/cjs/gb-token-field-compressed.cjs.entry.js

@@ -11,11 +11,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '5d04f0b32ede4ae04a669037b7c2c7bc3add579c', class: {
+        return (index.h("div", { key: '0b61bd29b7497a24e70b9df8162b7249b0a55c9c', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: 'e4a6b20cd2348b85232cb98331a7ff4020d0b1e2', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'abdf7349eb313b16a82a82b6696cd858fd325537', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'c69d55210f33de82d966784d194d1b7eb1827be5', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'f40bba765f033a17583a200675769f0d9cbc9d06', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f86935a838594bbbd368500e883a678d57f6bc47', size: this.size }), index.h("gb-mega-input-field-base", { key: '6549631f50b0bad41f09984efbc01a0f50f73194', size: this.size }), index.h("gb-mega-input-field-base", { key: '8b43ab3400250f4209e723ce77899a846234ede0', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'bed1572991d23688f76f0f0720bc1595c6ac7a93', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'b4f27d2b3bde091c870dc6bd9e173af49416d1a9', size: this.size }), index.h("gb-mega-input-field-base", { key: '56281d30152462c47f12f021954e7380442b65ca', size: this.size }), index.h("gb-mega-input-field-base", { key: '42ec18797dd733ec912fe496fee4aba33242ea23', size: this.size }), index.h("p", { key: '01dd624cbd57ee4800cf4842f5d4d1b7d6f2d52d', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '1a939b78f1cc70ea41d557131ff50c04a690bf5f', size: this.size }), index.h("gb-mega-input-field-base", { key: '44cc73a29ecb47791b5644838be9701668bb0fa9', size: this.size }), index.h("gb-mega-input-field-base", { key: '6b261541316852b5112bd3f9ca9019c74c96ae80', size: this.size }))), this.digits === 8 && (index.h("div", { key: '836084f0281d9f848c0faae90102fed7d96c5820', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '70d0972973ded5b0aa4f1a6b7926dd28f75ca58e', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c6310af79b3f50deb40f2f980f31cad36d4c0392', size: this.size }), index.h("gb-mega-input-field-base", { key: '8c0954d891358a692db20c1d046a076a8aeaab77', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c62b0009308ea9be6abd7a68017a304146fce55c', size: this.size }), index.h("p", { key: '37dddae8fbac8b0f88eeea52b18d457dec023e67', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'b56b675755baf2184eb53b89698bea5dce8fe198', size: this.size }), index.h("gb-mega-input-field-base", { key: '4f1acc7d984fe834a135664f0be265cfcc159df4', size: this.size }), index.h("gb-mega-input-field-base", { key: '834797de3f693915f673767b76b790931d19f5ef', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f3492b4f56b2b88bbe8ff54bcc616f4581f4bcda', size: this.size })))), this.showHintText && (index.h("div", { key: 'd31274309be96a62b0dc40601a9e21e7be3d5fff', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: 'ff0259aa90f8888fd5d6109e275c27ee855bfa87', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '6707c3fc6b97fbc99db7f6b5c888289bd5f47229', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '95838694e890cad75f5ce13ecee61310f158c722', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'ee5011a40e5cb3a49aec9127c11f7f8fcb043dc3', size: this.size }), index.h("gb-mega-input-field-base", { key: '8c203953689abce2b81ee3b948645aea930d7da7', size: this.size }), index.h("gb-mega-input-field-base", { key: '0e6f9ad27380d5dfdd133992d778a045a05fd0e0', size: this.size }), index.h("gb-mega-input-field-base", { key: '7f3b6798256fd7fb84e83fc48049a3d0ded5b53c', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'd8fb149beecf1a4f74c348f8c71699067bac9a56', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '77281159cd058b3e5f09516e7b050897328c1eca', size: this.size }), index.h("gb-mega-input-field-base", { key: '0b7f8795db6f85acd54de310976c5ac627f77c4a', size: this.size }), index.h("gb-mega-input-field-base", { key: '8327f314bded3511bcfc8c5437f8eb1bc27eb9e2', size: this.size }), index.h("p", { key: '92a3445710e636dd2393fd4ac594d11054267511', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'ae2eae23e4a5a2aca8aa82a75cc68051a2e4a118', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd666c1bfba33808ac5d138b1b06ffc8c41e623d2', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd8cefd4f2c964b074ea9e182ce2b71e9bcf025d6', size: this.size }))), this.digits === 8 && (index.h("div", { key: '60c88875b800611b7a687c7006659ce4df58b9d4', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'ba97ae671e3ea0dc1f38866cd911c89aca2e0133', size: this.size }), index.h("gb-mega-input-field-base", { key: '09cbedad7c32c2e5f99e7627a56e3106b5ab22fd', size: this.size }), index.h("gb-mega-input-field-base", { key: '5f6f03efd728d0ecbbf4b06c0c7e71f549da815a', size: this.size }), index.h("gb-mega-input-field-base", { key: '1bbbb788bf5fadc2ce6fbc1687d4a671e1893806', size: this.size }), index.h("p", { key: 'a19bfebef4b1cb8781e000e9a24a1da9bb1a7f57', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'a60052aac5650a29c240e013d4b77f8e773e780e', size: this.size }), index.h("gb-mega-input-field-base", { key: '3ced07d579ef92be721f0bd0ef310696bbba7bba', size: this.size }), index.h("gb-mega-input-field-base", { key: '3d5b94955671b4dfc4cfcc547afb0f8dc7bdb673', size: this.size }), index.h("gb-mega-input-field-base", { key: '7e54ad53127f6d4d95649cafca700572656cff89', size: this.size })))), this.showHintText && (index.h("div", { key: '63fe571a89e958ed2a61d667e5b9a17b5a8741e6', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = gbTokenFieldCompressedCss;