globuswebcomponents 1.0.9 → 1.1.0

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: '5bc27a97dd38d0bf0780ea99e0c91077e7b33f99', class: this.size }, h("svg", { key: 'aeadd55df8f0fbfed586d20d359bd28e95d0461d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'a6d9b1d8ea9201821ff2c406c8813298ccd5a57f', 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: 'd1483e889a5be95d732aad1f5e1cdcad82e3602c', class: this.size }, h("svg", { key: 'cac8d89d038693d7fdd8d5513d96254262d02b14', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '83e84bc132d3fea34b632989a226f9c4368e95a9', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'e599e05b0e281f968f529e7a133190c286268db4', class: this.size }, h("slot", { key: 'b53ccf7dbc2f9cd222b0dcf8ae0536084a85c661', name: "count" })));
+        return (h("div", { key: 'cd92ef3deb7297192ccdb37a70bd96a8e5323965', class: this.size }, h("slot", { key: '8c775853d919a644738f4dfb9b7455284845803d', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -187,14 +187,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'f2ea01458ced3899bac0ffa515123c1fa8727e7f', class: "textarea_container" }, h("div", { key: '009326c4a308fc377eea62cd259ccbba46ada47d', class: "input_with_label" }, this.showLabel && h("p", { key: '67fe1168ac116ed48152bc4a75bad732abb40d45', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '12666345c4010ac411f183ccff9d3375fd17a937', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '53626796937810d11dd45f65156aefab55735fd6', class: "textarea_tags" }, h("div", { key: '98756532dc3061ab7ae09ca7de0c23d2db39e107', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '4c83889adaa8ada3aadfa11097d0e2d17f40772a', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: 'd7c6b8874dd1de7a1e8f380ad77d76053a04b5fc', class: "textarea_container" }, h("div", { key: '6133e8c0ee2544423fcad78e59138baf2d5ed6e0', class: "input_with_label" }, this.showLabel && h("p", { key: '4af67e90918bd56c80f2c68ae13a0cf9b2f9bac9', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '12f55554bd8a5cc710f2ba3b74b6684bbaa23ac0', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '5d7a94e3d6f854d04bb4051343278adae8847bb0', class: "textarea_tags" }, h("div", { key: 'c3d140ec16f29a74fb3922eacb4cd1a54cd4d6d4', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '32c518bf839d685963d179f50a59eaaaa5daa960', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'b953a77b6a8b62b163e9e749417a899bf942508c', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '91d56a9ffe4e7c2d6c86f81508ce87b851f412d7', class: "input_field" }, h("input", { key: '6d86542cdf7fc26e2222d27fdad8f5dcde924c94', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'b834bf4b52fc137d977d19afc208d6911f8092f9', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'bc8bf15bd8f539f253fd674df277551cde486dd3', class: "input_field" }, h("input", { key: '3917bed9a6381a0964f7827cf3af706cc64bf98a', 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 && (h("div", { key: 'f42c81f27b18b81e81b1d41d4c122ba8d1cb2ad5', class: "help_icon" }, h("svg", { key: '6d2373a14768b1833275f8a91c52fdc6104c6652', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'd72e5f12fffd9f8a1e7e6d2f8832e81556784b03', 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 && (h("div", { key: '6d8d351e0abe69a28cb3a0848ecc9c7ca1b52720', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: 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 && (h("div", { key: '276dac4ddea7c5459d847316fa46df5c3f51281d', class: "help_icon" }, h("svg", { key: '35c5cc6100c8caec7d13d60a3b9484caad1f0040', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '80416a9f27157164fbb8b61f3ff771073e81d56e', 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 && (h("div", { key: 'd50c02cbaea54ee327037445ad7f26f1904b72cd', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'c976f5fc802d52e28c5ae46e4ba0bb27340233d4', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'bfd4e7cf944d116fba7771948772c635cca5e241', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,12 +47,16 @@ export class GbToast {
     componentDidLoad() {
         const slottedMainText = this.el.querySelector('[slot="main_text"]');
         const slottedSupportingText = this.el.querySelector('[slot="supporting_text"]');
-        slottedMainText.classList.add('text-sm-semi-bold', this.getMainColorClasses());
-        slottedSupportingText.classList.add('text-xs-regular');
-        slottedSupportingText.classList.add(this.getSupportingColorClasses());
+        if (slottedMainText) {
+            slottedMainText.classList.add('text-sm-semi-bold', this.getMainColorClasses());
+        }
+        if (slottedSupportingText) {
+            slottedSupportingText.classList.add('text-xs-regular');
+            slottedSupportingText.classList.add(this.getSupportingColorClasses());
+        }
     }
     render() {
-        return (h("div", { key: '603db9daae4dd228ef9c5d31688a67718badbc43', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '214a2deefaf93ec28349a3552968892a46ac3f10', class: `icon_container` }, h("svg", { key: 'b7be43f62fe6facd87df32bebfa752e79ec24005', 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: 'aa9b576148de5899a48a2fca368f74d8d09b4b2c', 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: '83158d2fc985f6e8d909bdc8da0bdc7acb03eb55', "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: '91ed40fd57fc36d8ef4c27ec21a308d83635c0ba', "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: 'ae310c2c004f20e4a1dc80dd1895a63698dddd1f', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'bb5b03bf3b64d94b03943c43dc3841e551ce05ed', class: `text ${this.size}` }, h("slot", { key: '384120579753dfaf9d574f4da3e0791c7414a50f', name: "main_text" }), this.showSupportingText && h("slot", { key: '47bdb6cb198ba2f52c38e12908f6bc65555e0421', name: "supporting_text" })), this.actions && (h("div", { key: '0380449052a5f2cab4c26e36315a2252b1141540', 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: '378c20097b9343aa7b443f12ef589b9af7c32959', 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: '5e36482cbf6b825f69773dac63396f4ee6fd00d9', class: `container ${this.breakpoint}` }, h("div", { key: 'ae76cb65fa3f4b01fbda02612518807e7236ad30', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '02d97485a18375af976960c32c78f04973df6365', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'e6f1e949876c7a8e1ac7a155947059e999921d5c', class: `icon_container` }, h("svg", { key: '8c2f644a800dc5f63f6eb8e77cfc5668061c80bc', 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: '6ccfc25fa3c5ec2080c7fe3b56a3d0001c387362', 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: '18e84817c7c1adb4d1abcdd5a49504f8e8917756', "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: 'dcfac07e5d2fd6dc58a2af5e4455d6f580d570f3', "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: '8b8003c10e73efad7c0e2e98c32a2ea7af575f18', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '619c3a961de0de1814d5a2fa1071f18d09f4eb2d', name: "main_text" }), this.showSupportingText && h("slot", { key: '993dedf69009cc2db17dbedfd6865e0c68bb9bc7', name: "supporting_text" }))), this.actions && (h("div", { key: '05e37022811248df7f11ad1b84378853d1f7f5bc', 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: '74a95b00dc555e2b9e026d17c201f0f2570a0916', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '959d0aeb13c45ef16416bba3c922c4df16e030ba', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'a0909b4794ffe449e9143938438380e91c02e042', class: `icon_container` }, h("svg", { key: '51cafd6af7c93cc75719e3a3b2ecc10f67414faa', 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: '2b64066cf5b0c7d7d8b824d959c9f5ba2440dd01', 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: 'd6dc419308ee7e097623d8b15a56d062a15d466b', "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: 'caa90c75dae5f4a7e78a1c3317ef8159b8768680', "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: '5f7238a741d2152e168430b28f0422627c5fa2dc', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '9c64b39e7a8fb0b5441f3d9eae4e04ff8cae0de8', class: `text ${this.size}` }, h("slot", { key: '3cf84a28a60f4e7bfe6ceb917aebde37debb28b3', name: "main_text" }), this.showSupportingText && h("slot", { key: '7c0787ce3199bd00f0acc75dd8c0b49df0980533', name: "supporting_text" })), this.actions && (h("div", { key: 'e391b59270f1c2de0ad231e730e5fad9a05d31f3', 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: 'dd40f17521a14beb696d6ce48050e7cc8f3b952c', 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: '142854bba5a3e294cbeb39f061bdac935e86a0c9', class: `container ${this.breakpoint}` }, h("div", { key: '20c9725fd764c05aeb688dde1bf128d962d44f07', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'aabb2815c7959c83e03ce3f0911653b414e20e4b', class: `inner_content ${this.breakpoint}` }, h("div", { key: '49bfe4e5b905aff051a2b98bde458f57563f58bb', class: `icon_container` }, h("svg", { key: 'ca876d6a8161589a3fd4221b4fa2a708d6c02f38', 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: 'da7a462d98510536c6973579142700006f9b8641', 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: '2fac0458261c28e79ed109a48ab82975f0704591', "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: '5dfeafd8d5fd7e559599c9b1f61f56ee0cf663f2', "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: '03f282fa0402ea24168291722856fae02e489deb', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '9387179d5efebb69f245e91117ab1599fae77a21', name: "main_text" }), this.showSupportingText && h("slot", { key: '0495af7582ea1cd640271b9c0c23b5ac2db6c8b0', name: "supporting_text" }))), this.actions && (h("div", { key: '9262d63db3f8ab39ea8f3d2cf0d642e8d4336cee', 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: '073e0a2538077434c4f194af86683b1451621793', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gb-toast.js","sourceRoot":"","sources":["../../../src/components/gb-toast/gb-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralColors, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-toast',\r\n  styleUrl: 'gb-toast.css',\r\n  shadow: true,\r\n})\r\nexport class GbToast {\r\n  @Prop() color: GeneralColors;\r\n  @Prop() size: 'floating' | 'full_width';\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() xCloseButton: boolean = false;\r\n  @Prop() actions: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  getMainColorClasses() {\r\n    switch (this.color) {\r\n      case 'default':\r\n        return 'main_text_default';\r\n      case 'gray':\r\n        return 'main_text_gray';\r\n      case 'information':\r\n        return 'main_text_information';\r\n      case 'error':\r\n        return 'main_text_error';\r\n      case 'warning':\r\n        return 'main_text_warning';\r\n      case 'success':\r\n        return 'main_text_success';\r\n    }\r\n  }\r\n\r\n  getSupportingColorClasses() {\r\n    switch (this.color) {\r\n      case 'default':\r\n        return 'supporting_text_default';\r\n      case 'gray':\r\n        return 'supporting_text_gray';\r\n      case 'information':\r\n        return 'supporting_text_information';\r\n      case 'error':\r\n        return 'supporting_text_error';\r\n      case 'warning':\r\n        return 'supporting_text_warning';\r\n      case 'success':\r\n        return 'supporting_text_success';\r\n    }\r\n  }\r\n\r\n  closeToast() {\r\n    this.el.remove(); // Remove the component from the DOM\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedMainText = this.el.querySelector('[slot=\"main_text\"]');\r\n    const slottedSupportingText = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    slottedMainText.classList.add('text-sm-semi-bold', this.getMainColorClasses());\r\n    slottedSupportingText.classList.add('text-xs-regular');\r\n    slottedSupportingText.classList.add(this.getSupportingColorClasses());\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`toast_div ${this.color} ${this.size} ${this.breakpoint}`}>\r\n        {this.size === 'floating' && (\r\n          <>\r\n            <div class={`icon_container`}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" class={`svg_icon ${this.color}`}>\r\n                <path\r\n                  opacity=\"0.4\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n              </svg>\r\n            </div>\r\n            <div class={`content ${this.size} ${this.actions ? ' actions' : ''}`}>\r\n              <div class={`text ${this.size}`}>\r\n                <slot name=\"main_text\"></slot>\r\n                {this.showSupportingText && <slot name=\"supporting_text\"></slot>}\r\n              </div>\r\n              {this.actions && (\r\n                <div class={`actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}`}>\r\n                  {this.color === 'default' ? (\r\n                    <>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_gray\">\r\n                        <p>Dismiss</p>\r\n                      </gb-button>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_color\">\r\n                        <p>View changes</p>\r\n                      </gb-button>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>Dismiss</p>\r\n                      </gb-toast-button>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>View changes</p>\r\n                      </gb-toast-button>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <gb-button-close\r\n              size=\"sm\"\r\n              color={this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color}\r\n              class={`close_button ${this.size}`}\r\n            ></gb-button-close>\r\n          </>\r\n        )}\r\n        {this.size === 'full_width' && (\r\n          <div class={`container ${this.breakpoint}`}>\r\n            <div class={`full_width_content ${this.breakpoint}`}>\r\n              <div class={`inner_content ${this.breakpoint}`}>\r\n                <div class={`icon_container`}>\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" class={`svg_icon ${this.color}`}>\r\n                    <path\r\n                      opacity=\"0.4\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                    <path\r\n                      fill-rule=\"evenodd\"\r\n                      clip-rule=\"evenodd\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                    <path\r\n                      fill-rule=\"evenodd\"\r\n                      clip-rule=\"evenodd\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n                <div class={`text ${this.size} ${this.breakpoint}`}>\r\n                  <slot name=\"main_text\"></slot>\r\n                  {this.showSupportingText && <slot name=\"supporting_text\"></slot>}\r\n                </div>\r\n              </div>\r\n              {this.actions && (\r\n                <div class={`actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}`}>\r\n                  {this.color === 'default' ? (\r\n                    <>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_gray\">\r\n                        <p>Dismiss</p>\r\n                      </gb-button>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_color\">\r\n                        <p>View changes</p>\r\n                      </gb-button>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>Dismiss</p>\r\n                      </gb-toast-button>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>View changes</p>\r\n                      </gb-toast-button>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n              <gb-button-close\r\n                size=\"sm\"\r\n                color={this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color}\r\n                class={`close_button ${this.breakpoint}`}\r\n                onClick={() => this.closeToast()}\r\n              ></gb-button-close>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-toast.js","sourceRoot":"","sources":["../../../src/components/gb-toast/gb-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element } from '@stencil/core';\r\nimport { BreakPoints, GeneralColors, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-toast',\r\n  styleUrl: 'gb-toast.css',\r\n  shadow: true,\r\n})\r\nexport class GbToast {\r\n  @Prop() color: GeneralColors;\r\n  @Prop() size: 'floating' | 'full_width';\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() xCloseButton: boolean = false;\r\n  @Prop() actions: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  getMainColorClasses() {\r\n    switch (this.color) {\r\n      case 'default':\r\n        return 'main_text_default';\r\n      case 'gray':\r\n        return 'main_text_gray';\r\n      case 'information':\r\n        return 'main_text_information';\r\n      case 'error':\r\n        return 'main_text_error';\r\n      case 'warning':\r\n        return 'main_text_warning';\r\n      case 'success':\r\n        return 'main_text_success';\r\n    }\r\n  }\r\n\r\n  getSupportingColorClasses() {\r\n    switch (this.color) {\r\n      case 'default':\r\n        return 'supporting_text_default';\r\n      case 'gray':\r\n        return 'supporting_text_gray';\r\n      case 'information':\r\n        return 'supporting_text_information';\r\n      case 'error':\r\n        return 'supporting_text_error';\r\n      case 'warning':\r\n        return 'supporting_text_warning';\r\n      case 'success':\r\n        return 'supporting_text_success';\r\n    }\r\n  }\r\n\r\n  closeToast() {\r\n    this.el.remove(); // Remove the component from the DOM\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedMainText = this.el.querySelector('[slot=\"main_text\"]');\r\n    const slottedSupportingText = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (slottedMainText) {\r\n      slottedMainText.classList.add('text-sm-semi-bold', this.getMainColorClasses());\r\n    }\r\n\r\n    if (slottedSupportingText) {\r\n      slottedSupportingText.classList.add('text-xs-regular');\r\n      slottedSupportingText.classList.add(this.getSupportingColorClasses());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`toast_div ${this.color} ${this.size} ${this.breakpoint}`}>\r\n        {this.size === 'floating' && (\r\n          <>\r\n            <div class={`icon_container`}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" class={`svg_icon ${this.color}`}>\r\n                <path\r\n                  opacity=\"0.4\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  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\"\r\n                  fill=\"#4B5565\"\r\n                />\r\n              </svg>\r\n            </div>\r\n            <div class={`content ${this.size} ${this.actions ? ' actions' : ''}`}>\r\n              <div class={`text ${this.size}`}>\r\n                <slot name=\"main_text\"></slot>\r\n                {this.showSupportingText && <slot name=\"supporting_text\"></slot>}\r\n              </div>\r\n              {this.actions && (\r\n                <div class={`actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}`}>\r\n                  {this.color === 'default' ? (\r\n                    <>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_gray\">\r\n                        <p>Dismiss</p>\r\n                      </gb-button>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_color\">\r\n                        <p>View changes</p>\r\n                      </gb-button>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>Dismiss</p>\r\n                      </gb-toast-button>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>View changes</p>\r\n                      </gb-toast-button>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <gb-button-close\r\n              size=\"sm\"\r\n              color={this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color}\r\n              class={`close_button ${this.size}`}\r\n            ></gb-button-close>\r\n          </>\r\n        )}\r\n        {this.size === 'full_width' && (\r\n          <div class={`container ${this.breakpoint}`}>\r\n            <div class={`full_width_content ${this.breakpoint}`}>\r\n              <div class={`inner_content ${this.breakpoint}`}>\r\n                <div class={`icon_container`}>\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" class={`svg_icon ${this.color}`}>\r\n                    <path\r\n                      opacity=\"0.4\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                    <path\r\n                      fill-rule=\"evenodd\"\r\n                      clip-rule=\"evenodd\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                    <path\r\n                      fill-rule=\"evenodd\"\r\n                      clip-rule=\"evenodd\"\r\n                      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\"\r\n                      fill=\"#4B5565\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n                <div class={`text ${this.size} ${this.breakpoint}`}>\r\n                  <slot name=\"main_text\"></slot>\r\n                  {this.showSupportingText && <slot name=\"supporting_text\"></slot>}\r\n                </div>\r\n              </div>\r\n              {this.actions && (\r\n                <div class={`actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}`}>\r\n                  {this.color === 'default' ? (\r\n                    <>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_gray\">\r\n                        <p>Dismiss</p>\r\n                      </gb-button>\r\n                      <gb-button size=\"sm\" icon=\"default\" state=\"default\" hierarchy=\"link_color\">\r\n                        <p>View changes</p>\r\n                      </gb-button>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>Dismiss</p>\r\n                      </gb-toast-button>\r\n                      <gb-toast-button state={StateEnum.Default} color={this.color}>\r\n                        <p>View changes</p>\r\n                      </gb-toast-button>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n              <gb-button-close\r\n                size=\"sm\"\r\n                color={this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color}\r\n                class={`close_button ${this.breakpoint}`}\r\n                onClick={() => this.closeToast()}\r\n              ></gb-button-close>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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: '7ebcf7d1741ec281b3d7fadc6e87fc52c3d3ed8e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '689b348a53cba40b6df133deb2f4dcd1b25e10c5' })));
+        return (h("div", { key: '08aeaed1c4d4a779180c33391ece2088b88cc3b6', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'd9abd8f0258d85226767f449e189a019cd50986d' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '21766395055174163d5a709cf63319b8916530dc', class: `toggle_div ${this.size}` }, h("div", { key: '94033618b7bf66b6a461eb4e1dfdf203694b6e75', class: "toggle_base" }, h("gb-toggle-base", { key: '71e4c1c684036f378798d7a609b5995e7b7ef181', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '88235efbe660ae52968ac008c5ef54b75a017393', class: "text" }, h("slot", { key: 'babac84388f11f72289956443116b31212fef9bc', name: "main_text" }), this.supportingText && (h("slot", { key: '04d589e1983a6fbd425cb2ba16e9816a675c47d9', name: "supporting_text" }))))));
+        return (h("div", { key: 'c2a9508e131b64f808d74c4d4d2c08f5635f74bd', class: `toggle_div ${this.size}` }, h("div", { key: 'c8b37e51854f4a58ba2e70f1f81bf2596b8f6df4', class: "toggle_base" }, h("gb-toggle-base", { key: 'cbfb845d4cf7bf42cf3ce26e5810aba6f6a59701', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '7735c211c7183735a2de8295205f094ff36f817c', class: "text" }, h("slot", { key: '03567317ae51acee072a5ed85cead63217669c72', name: "main_text" }), this.supportingText && (h("slot", { key: '3c91f2ab4bac724d7232ea0f973af263397d4896', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,8 +13,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '493165434db5c843e43230382fd10447766ffe57', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '1c2f76978e3b03ee7e22aa8ad66929a5cea1c43f', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '90a9259748c5a7d954d75a738aa10a63ee369d4c', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '16eb900af381b7906d14147fd483d0a30e105c87', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

package/dist/collection/components/gb-token-field/gb-token-field.js

@@ -9,7 +9,7 @@ export class GbTokenField {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: 'a131943d4a8c11fd3212f7a96eef5d337b9c329d', class: this.size }, h("div", { key: '9b6c9c0b81e8ef95b70de829e2c1837d230b846c', class: "input-with-label" }, this.showLabel && (h("label", { key: 'da6071782841fd970c6be89a6dd9d43e02b13402' }, this.label)), this.digits === 4 && (h("div", { key: '16da38c743e578b4051fcfb5ee8af54291dd8a06', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a39449686aaa3904916d3a63c0fc130c48df7cfe', size: this.size }), h("gb-megainput-field", { key: '63ac517f713f4385a7d35b8f696c24e57dfc517c', size: this.size }), h("gb-megainput-field", { key: 'ef038e2793f10d1a68a275dd04afd0b2416504f5', size: this.size }), h("gb-megainput-field", { key: 'ea9785a44621ce457ff3b3c9ff3d726dd6d4f5fc', size: this.size }))), this.digits === 6 && (h("div", { key: '9e5490591a22536008cd69dfb90842146a5003ea', class: "input-wrapper" }, h("div", { key: 'c471f9beaceed30719b8f0d57bee02ac62e7294b', class: "first=section" }, h("gb-megainput-field", { key: 'c70bba57e3bc3a79e704f30c29e313126678984c', size: this.size }), h("gb-megainput-field", { key: '845303f63fe08aecd066b880172c9ada1ae4edce', size: this.size }), h("gb-megainput-field", { key: '1a8988218686b46a3fa59405465a2d2c655389ff', size: this.size })), h("div", { key: '7f52ecfeb5c17d9367f6628c4a34b2b6c188bc9e', class: "second=section" }, h("gb-megainput-field", { key: 'cb40396349036cfadf232b0a954f93257fe48c73', size: this.size }), h("gb-megainput-field", { key: '6915d2bbe9a3a07b624a14caff02611a48eee3f8', size: this.size }), h("gb-megainput-field", { key: '5dc64debf1f3cdcabcf39b226dbcab926d307ddd', size: this.size })))), this.digits === 8 && (h("div", { key: '5677707aaec7f1f418f806fcb77bf3cf2a1dbf12', class: "input-wrapper" }, h("div", { key: '557d020b78589416d287ff858b177f9643335fb6', class: "first=section" }, h("gb-megainput-field", { key: '0141d2c6075eb4302083b756f5f000274a3c0542', size: this.size }), h("gb-megainput-field", { key: '0b766f1588de14b4f3c741609dffa035755edd53', size: this.size }), h("gb-megainput-field", { key: '7e19dd132768f2b23e00b1b8dafe31fcc11711e2', size: this.size }), h("gb-megainput-field", { key: 'e2fc2d64d52bc1e124e4b1d8cbad2b95f72eca8f', size: this.size })), h("div", { key: '127436c86c259c3c4498b6ee2f98453ad90f864b', class: "second=section" }, h("gb-megainput-field", { key: 'a2946c7bb5d16bf787f0de2a9ba51ee5f2753a62', size: this.size }), h("gb-megainput-field", { key: 'c647cd4d7b919808f5db310550fc70a926a9854c', size: this.size }), h("gb-megainput-field", { key: '2d3bc5811bc5119b2df8339cff63331cb6c7850b', size: this.size }), h("gb-megainput-field", { key: '98b14166f8030a379adf06b5247d3c37a7bda99e', size: this.size }))))), h("p", { key: 'f4edf71cf3a9284228663f091b90fcdf05ad6a5f' }, this.supportingText)));
+        return (h("div", { key: '288a0f8b6adb82b50a19648bf635e745e7043014', class: this.size }, h("div", { key: '4dd4ee43120f38f0e0363ab92ae5bd1e3bb44619', class: "input-with-label" }, this.showLabel && (h("label", { key: '94ad95cca9bc6894dd426d584150b5fd5f336e2f' }, this.label)), this.digits === 4 && (h("div", { key: '21d4416472de13599f3509e9662bde0391a5cb38', class: "input-wrapper" }, h("gb-megainput-field", { key: 'f0f62e1265454bd22b950448732b7d91f75639eb', size: this.size }), h("gb-megainput-field", { key: 'c6a73eed158e3f13f4bb4313590723d41a396ed9', size: this.size }), h("gb-megainput-field", { key: '5447aaa9a9e65c82c50743aa9e6b7d8d3443a928', size: this.size }), h("gb-megainput-field", { key: 'd4e7462b563be319a6add7059ab5330f4820f8f8', size: this.size }))), this.digits === 6 && (h("div", { key: '25c01ef62f15e2dc1d0917a0a090c73f46ea3f51', class: "input-wrapper" }, h("div", { key: 'c01180e5b7534571b48e75664e55b9be575f1f23', class: "first=section" }, h("gb-megainput-field", { key: '238522472cd2a496d27a3848949bb3bb98eb567e', size: this.size }), h("gb-megainput-field", { key: '320431e5c1ef029e5e7ff8ac1e523026b9335d94', size: this.size }), h("gb-megainput-field", { key: '4f1b79cdf2f04317ff0d82396162d760dc1d0fbe', size: this.size })), h("div", { key: 'e71b09b4ddbeba7c0b5493dec07293c634290342', class: "second=section" }, h("gb-megainput-field", { key: '94a042154b9e9aaf74f1961c41f840e0926d1931', size: this.size }), h("gb-megainput-field", { key: '5ff0ca7509cf60d9b66c546cc9dbe150d069d248', size: this.size }), h("gb-megainput-field", { key: '9ef074a3f87cde0ec6e9442cdd732b5c1d52b420', size: this.size })))), this.digits === 8 && (h("div", { key: '882303abc103ac96011837047d4a17f9cd4b3018', class: "input-wrapper" }, h("div", { key: '711f7c4e8b873714c212db8603b39048495cf48d', class: "first=section" }, h("gb-megainput-field", { key: '0b9de92143d3de81f7504ed5174c44f46fb44024', size: this.size }), h("gb-megainput-field", { key: '94ddb16d135beb46e6c8f7994f3875d83a5a3341', size: this.size }), h("gb-megainput-field", { key: '4df5175d02b2a172b1e2e165cb546c41af4a5ce1', size: this.size }), h("gb-megainput-field", { key: '4ce3134acd1074d4bb54d22175acd4c5f8435f5e', size: this.size })), h("div", { key: '74a45d3964030a9cc2b427983fe5b2e3c13544ff', class: "second=section" }, h("gb-megainput-field", { key: 'abb71cc04b44a2d804d77c640ea8143a540d19bd', size: this.size }), h("gb-megainput-field", { key: '57350c9f77e342615d24c4f202d3d2cfb6de9b4f', size: this.size }), h("gb-megainput-field", { key: '21a57c054f44de2bfc8c3c7ae363b4897fec191a', size: this.size }), h("gb-megainput-field", { key: 'b5e5403c4a0f3e1155fb31f4f026b316f9f0168f', size: this.size }))))), h("p", { key: 'afa468c974d15c6460f540635853d41fdbe4e6b7' }, this.supportingText)));
     }
     static get is() { return "gb-token-field"; }
     static get encapsulation() { return "shadow"; }

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: '7f33521503cc8cdfcf24f3193756c766e8d90eb5', class: "tooltip_container" }, h("div", { key: 'd8d73940354b16877d67816b4481ab43e2d4c34a', class: "tooltip" }, this.showArrow && h("div", { key: '829c8c3ba6ec13a0c9d74e3e8ca0d52ae5577a6d', class: this.getArrowClass() }), h("div", { key: 'dc259bf8a055b50d61c11448b1835411228d57d8', class: "tooltip_content" }, h("slot", { key: 'dd8406f6df7433d5c2f46f176d24c41783583a68', name: "label" }), this.showSupportingText && h("slot", { key: 'ffbfaaceaa997b54f55c615b729d7de8b8ea8973', name: "supporting_text" })))));
+        return (h("div", { key: 'f735a0532754540f6f8d2b789193904f580ba981', class: "tooltip_container" }, h("div", { key: '9a3dfbc6ea55498d40a67b65f7ad089856a8c1f2', class: "tooltip" }, this.showArrow && h("div", { key: '8a77a1c974125043c109609ccbe4d1ef07c2cd6e', class: this.getArrowClass() }), h("div", { key: 'adfa37dbaa751414e8194c3961b93c09fdf94272', class: "tooltip_content" }, h("slot", { key: '217a7346e0dcd130f0cef57787148c9ef8be774e', name: "label" }), this.showSupportingText && h("slot", { key: '128f4f8d47b5328ed270d794f65f3042bc8ec433', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,11 +9,11 @@ export class GbVerificationCodeField {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: 'bdd8d8baf968018b70fbbdf62bfef7c20fee3eda', class: {
+        return (h("div", { key: '6b3c8707b2f47e4a04525f295747f18a2979b307', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '0ca51a908202002758379e543fd95f3970f3ddbe', class: "input-with-label" }, this.showLabel && (h("label", { key: '88b0cbda72f61c7f6ea7333062c2e96a713ae668', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '98e6dc7fadb3806ede8ec84900546f22624866e6', class: "input-wrapper" }, h("gb-megainput-field", { key: '53342643abae2adb9dc8c55e0299800e1b5151b2', size: this.size }), h("gb-megainput-field", { key: '74cb2715cae7868df0bb87b5b6ab2bf4523e0b6f', size: this.size }), h("gb-megainput-field", { key: '4ec34be4a8e09d1288b7f83d06fcd2df2e8e6544', size: this.size }), h("gb-megainput-field", { key: 'a5574c886e6cfe36a2d7f8c40fe439392621db32', size: this.size }))), this.digits === 6 && (h("div", { key: '2156c75d06d1434bf7cb66a5a433123d4ede676a', class: "input-wrapper" }, h("gb-megainput-field", { key: 'a76469a46e8e755a2c2588f7bbd1bba486db2499', size: this.size }), h("gb-megainput-field", { key: 'd8c6c416331f65ff882936f906ad83db5666d11d', size: this.size }), h("gb-megainput-field", { key: 'd297756e1d6e52f8671832ce2da7ee11564bf8f5', size: this.size }), h("p", { key: 'f98474b479cea67f677a9d4f528f6df1dbfbb332', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '1cbd3bc8bf69b5697d9e7d6bd88697730b55d78a', size: this.size }), h("gb-megainput-field", { key: '6697d8fd130c2702e31a508a57c395827037ddb1', size: this.size }), h("gb-megainput-field", { key: '84bf8f3c024ac8463b1c5f061f19352003e8feb9', size: this.size }))), this.digits === 8 && (h("div", { key: '85c5e4a6c092ee11e5f477a03cd33505920854ec', class: "input-wrapper" }, h("gb-megainput-field", { key: '9bfbcba51692339840675fb4336944667a653b5f', size: this.size }), h("gb-megainput-field", { key: '18028b21e79efff006dd95722f96942ea89ac657', size: this.size }), h("gb-megainput-field", { key: '4ff19968250ccd20fd8958a832194b02c6310363', size: this.size }), h("gb-megainput-field", { key: '4e378ac35c1f76e6763ed778fcc93e618a523788', size: this.size }), h("p", { key: '497053007030ae211c50a70a2587a518d666fab6', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '1b972891ba5a93990f4d5b1f21779fbb05c10700', size: this.size }), h("gb-megainput-field", { key: '82bcb6546d4071a1805cf06013f6a19cde22e08c', size: this.size }), h("gb-megainput-field", { key: '31de54bd02440914fd600bf18f467d43b814aa3e', size: this.size }), h("gb-megainput-field", { key: 'c94e86090831700061e44fb852f5a16696da8d14', size: this.size })))), this.showHintText && (h("div", { key: 'c66031502eedb393f142239f6e08217aafeb29f4', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '431611cc9c501a459f488852decc799f2bec0ea0', class: "input-with-label" }, this.showLabel && (h("label", { key: 'e97a0f35a52aa3b1748de08f722691a62e595a8d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '05c6e2b1fc378636c55d5779076fdfa9646df35d', class: "input-wrapper" }, h("gb-megainput-field", { key: '71777863e87fe3a190f5f67c1d8e421df5eb6403', size: this.size }), h("gb-megainput-field", { key: 'b457d945247f30295fdf8406e955cfd425666e86', size: this.size }), h("gb-megainput-field", { key: 'f9bf70bb0a88d897e71b87786f8417958c981314', size: this.size }), h("gb-megainput-field", { key: '160b4c706c7caa6edcaa74b8293a2316bdb2c5f2', size: this.size }))), this.digits === 6 && (h("div", { key: 'b2d072e58b8940aaf52d43a64805ce5836e74ea1', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e2bd2e4e52cb43250208292f45680306a0c3a9cf', size: this.size }), h("gb-megainput-field", { key: 'a45b4e968e86f965c5e9df9515a80afa4bc0f39f', size: this.size }), h("gb-megainput-field", { key: 'f6c724fe10bea1b8fc61a77aad749652ee85d881', size: this.size }), h("p", { key: 'a81c42ee344be08a0a31c6e4dd1d685d66a09892', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '7ddf4ff8c0a8ee994230cd40a618ecdfd1058d12', size: this.size }), h("gb-megainput-field", { key: '52058da3c9798ae20cef0d54ef57245e82257ddb', size: this.size }), h("gb-megainput-field", { key: '836064d5147c1fa85f949c9c9056847a2754472f', size: this.size }))), this.digits === 8 && (h("div", { key: 'b13e27f72d0b272ab4065526ebba1d5b77216141', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e9525fef23ed1e57860db28812fb4192c42b5f95', size: this.size }), h("gb-megainput-field", { key: '4752a066faef146a0c1688d5f8d34575a63b7a5d', size: this.size }), h("gb-megainput-field", { key: '74432bc979d6ef1b0babb599c2802c690ac97488', size: this.size }), h("gb-megainput-field", { key: 'fb560de711e631c975090b89d78b4407bf800208', size: this.size }), h("p", { key: '7e41eab2d17ec13cae05618cd3af5338bbe2d2f7', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '26d805d1a7594aecbd9c5ec5ddf1cc455e514a4d', size: this.size }), h("gb-megainput-field", { key: 'ba9d004b90926679b5d72651616df6d12e528996', size: this.size }), h("gb-megainput-field", { key: '82a16b8d50c27e49f0d0637350eb51afb2adf6cb', size: this.size }), h("gb-megainput-field", { key: '3ef26e8407d6a5cd26b1a1e17e6ef33ad4ab73b3', size: this.size })))), this.showHintText && (h("div", { key: 'd8883760edd5bb4c3b79421d2cb87c37f96ef803', 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/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -30,7 +30,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: 'a2e363b48419623bd35fab4958f3353b842e21c8', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '184c53a6f030cfbb63a84f94d46f5a94e2b355bf', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: 'b929d34b6d9a3787b098f4c9ce781ab9e51a6a60', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: 'd74557cffaa9c4190d6854fd0d784468e8b08f77', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '3da645513e49f7facd4fa8f919d7127d9c7b9140', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'b0e1976540c51e9132178b33635e3f4e68354f57', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: '376be4340c636e3446ac7478358195c3565e12e3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: '42915b21f316174ed318986c46796242b68bfedf', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: '3ef68bdd5b373d096f06bb2a3243ad8415c7fa6d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: '2ea412d88261e4cc46b88272881261db9cc3609d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: 'd090d7a1cf039bdae96947827807fafaa7ba6d24', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'b988d160468f8df62bb6bd3ba3e87b8f12dcc383', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: '31ba7c9f211cac0c4c4aa15ee8a11ced70636b06', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'e36dfaa92220fbea7a5a903566c1b12f0994c069', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '8fe724c1dd7512ffd04093064d66e611db352349', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '04029b84110c9579660d64360c756fad2b819753', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'a8d8f3823609866514bca7c6b7b6a9537fad5b55', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'a376bfd9eeef33633ef9d3b97b65e63b272434bb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '6f75b197ca042bc9de04f636a3d1b36e96e872dc', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '0708daf5150bbd49afb2c694d144332a304283fc', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: '4368450932e37d9dfc75e6bc121caa89ac1cc8f2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
+        return (h("div", { key: 'b931ce39a82eb4ce60fecf03206c9aea34419e7e', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '38cc1a8cd0f9e4a4916b078d980122d8b24c54f1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: '3d753a1c865a6113d164b1c77ee2aa2b76ff0b06', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '70d62339f438da4362b0e1a6e55db4141d238306', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: '373e1345b85ac6beacfdb103edf0ff57ca1cfba6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: '9741d6c17604c51364929453ea1d171f90e41f9f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: '1f4e55e3d1bffa454a5cb83ea6cafe8d88e91214', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: '8db4a680625e443821b5378ce7378c32a0c73d07', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: '98e065f81086e2d32c361a0b666146b04b8897ba', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: '01e00cb9779cbd5b1ec043fd7da8353c146c2c3f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: '7d0adc32ebe80487c1356dfe9101517bcae65b81', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: '041c88c9651221fa609a61ddf3530dce18a92508', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: '0bdcd1a5f8e1e2c39f1b3c25a5a818ef6ae27d9d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '8fe059f301061d084b9c0ee1c62006c192b5390b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '31f2134b9981a23f30fcc778b6d725f0b6188dc4', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '8838e775a8feddf2c31d229f2775d0dde192d511', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '5508fc0a8ec5dad0fe894690fe1c1fb07b1ca802', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'beecc52dc15fedf9d028e32939e39450d14100cb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '9ee4401c8a19ee7322969257dd49f61f1df8e719', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '28760b2d9beefd0f38cbc6f47bd14c8b1e2553f3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'f6adbf93a19bdcb1f9a59f2a1000592c2c1af537', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js

@@ -0,0 +1,80 @@
+import { h } from "@stencil/core";
+export class GbWysiwygEditorIcon {
+    constructor() {
+        this.active = false;
+        this.type = undefined;
+        this.state = undefined;
+    }
+    render() {
+        return (h("div", { key: '7948af65b55471581ce6074150090c633f6066ea', class: "editor_icon_div" }));
+    }
+    static get is() { return "gb-wysiwyg-editor-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-wysiwyg-editor-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-wysiwyg-editor-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "active",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'bold' | 'italic' | 'h1' | 'h2' | 'quote' | 'link' | 'photo' | 'list_bullet' | 'list_numbers'",
+                    "resolved": "\"bold\" | \"h1\" | \"h2\" | \"italic\" | \"link\" | \"list_bullet\" | \"list_numbers\" | \"photo\" | \"quote\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-wysiwyg-editor-icon.js.map

package/dist/collection/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-wysiwyg-editor-icon.js","sourceRoot":"","sources":["../../../src/components/gb-wysiwyg-editor-icon/gb-wysiwyg-editor-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,mBAAmB;;sBACF,KAAK;;;;IAI/B,MAAM;QACF,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB,GAiBtB,CACP,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-wysiwyg-editor-icon',\r\n    styleUrl: 'gb-wysiwyg-editor-icon.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygEditorIcon {\r\n    @Prop() active: boolean = false;\r\n    @Prop() type: 'bold' | 'italic' | 'h1' | 'h2' | 'quote' | 'link' | 'photo' | 'list_bullet' | 'list_numbers';\r\n    @Prop() state: 'default' | 'disabled';\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"editor_icon_div\">\r\n            {/* {this.type === 'bold' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M7.032 1.66666C7.04906 1.66667 7.06617 1.66667 7.08334 1.66667H10.8991C13.4079 1.66667 15.4167 3.73266 15.4167 6.25C15.4167 8.76734 13.4079 10.8333 10.8991 10.8333H4.58334C4.1231 10.8333 3.75001 10.4602 3.75001 10V5C3.75001 4.98283 3.75 4.96572 3.75 4.94866C3.74995 4.40356 3.7499 3.91379 3.8032 3.51737C3.86139 3.08457 3.9965 2.64056 4.3602 2.27686C4.7239 1.91316 5.16791 1.77805 5.60071 1.71986C5.99713 1.66656 6.4869 1.66661 7.032 1.66666ZM5.5391 3.45494C5.53893 3.45514 5.5388 3.45528 5.53871 3.45537C5.53862 3.45546 5.53848 3.45559 5.53828 3.45576C5.53285 3.4605 5.48714 3.50041 5.45501 3.73945C5.41844 4.01141 5.41667 4.38719 5.41667 5V9.16667H10.8991C12.4598 9.16667 13.75 7.8748 13.75 6.25C13.75 4.6252 12.4598 3.33333 10.8991 3.33333H7.08334C6.47053 3.33333 6.09475 3.3351 5.82279 3.37167C5.58375 3.4038 5.54384 3.44951 5.5391 3.45494Z\"\r\n                  fill=\"#697586\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M4.58334 9.16667C5.04358 9.16667 5.41667 9.53976 5.41667 10V15C5.41667 15.6128 5.41844 15.9886 5.45501 16.2606C5.48714 16.4996 5.53285 16.5395 5.53828 16.5442C5.53848 16.5444 5.53862 16.5445 5.53871 16.5446C5.5388 16.5447 5.53893 16.5449 5.5391 16.5451C5.54384 16.5505 5.58375 16.5962 5.82279 16.6283C6.09475 16.6649 6.47053 16.6667 7.08334 16.6667H11.8056C13.3103 16.6667 14.5833 15.3908 14.5833 13.75C14.5833 12.1092 13.3103 10.8333 11.8056 10.8333H10.7738C10.3136 10.8333 9.94048 10.4602 9.94048 10C9.94048 9.53976 10.3136 9.16667 10.7738 9.16667H11.8056C14.2895 9.16667 16.25 11.2486 16.25 13.75C16.25 16.2514 14.2895 18.3333 11.8056 18.3333H7.08334C7.06617 18.3333 7.04906 18.3333 7.032 18.3333C6.48689 18.3334 5.99713 18.3334 5.60071 18.2801C5.16791 18.2219 4.7239 18.0868 4.3602 17.7231C3.9965 17.3594 3.86139 16.9154 3.8032 16.4826C3.7499 16.0862 3.74995 15.5964 3.75 15.0513C3.75 15.0343 3.75001 15.0172 3.75001 15V10C3.75001 9.53976 4.1231 9.16667 4.58334 9.16667Z\"\r\n                  fill=\"#697586\"\r\n                />\r\n              </svg>\r\n            )} */}\r\n          </div>\r\n        );\r\n    }\r\n}"]}

package/dist/collection/components/test-input-tag/test-input-tag.js

@@ -74,7 +74,7 @@ export class TestInputTag {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '3db7d4f6dfdbd29a78e721c9635c32ff579f7a4c', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '5388fb7c660a431ff2efb8992f8a38948bd7ef58', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'b4713af44a92cfa3a9e6cce848e0bbd229df7389', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '0d1f9b97c618611beb37e977ea0348d31e0b20fe', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'fb62201338078ac2f71d13320cffe74ae78ae742', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '83cdf5ed206fefff71f2bb5fe5022591624209ae', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: 'd5f69e9de4a5ca33f98bc80fbb7bd8cc5f015414', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '8507547d78e0ab37fb7cb4240ebfe6578518aa38', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '0953e5a3dc73c0be86418906d19a170b80d8f1f5', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'c6e441647fdfa8f47437841af87efecd0623b34e', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -83,7 +83,7 @@ export class TestInputTag {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'e9abf6a820734e85c951f7bb46c7a9496183eb9b', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '35b3b6122ba8fd36ed81da116b06ed1745a588e3', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/collection/models/reusableModels.js

@@ -10,7 +10,6 @@ export var BorderWeights;
     BorderWeights["Regular"] = "regular";
     BorderWeights["Heavy"] = "heavy";
 })(BorderWeights || (BorderWeights = {}));
-;
 export var OnlineIndicatorStates;
 (function (OnlineIndicatorStates) {
     OnlineIndicatorStates["Online"] = "online";

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

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

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

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-2b6fcf3b.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-f99a8c69.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-16e21718.js';
+import { G as GbAvatarContrastInnerBorder$1, d as defineCustomElement$1 } from './p-236c07db.js';
 
 const GbAvatarContrastInnerBorder = GbAvatarContrastInnerBorder$1;
 const defineCustomElement = defineCustomElement$1;