npm - globuswebcomponents - Versions diffs - 0.6.4 → 0.6.5 - Mend

globuswebcomponents 0.6.4 → 0.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/dist/cjs/gb-button-close_2.cjs.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: '8a651bfeabb23c6e3141864ce7629b5a7fb500bb', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '99858e5315d21baf08edb865d58e70e6d2d59c6b', class: "progress_bar" }, index.h("div", { key: 'f6e4b89de5cc13b2a2a7cb9bfc7f0913c0c4bf8e', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'f627582d52b981cc9d23ddb17876e3b67285ad94', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'ce42f366e7e98642e256eb6bce04e07fb880b4a6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '5e28dabf0e364299d2c256dcb01663839281c216', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'a886fd8c51816adc91e715ee62cb3f752eb08253', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '98e7c2561c2b18319beef6a83e92cecdd447bf3d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '9ea2f7a6cdcb08e1b9b991f6bcd293cb3a39f54d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '5b96e843b44860a7fee0feef5d7401cd4c9867a3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '76a1e2a4ff1153b704b2e48704b5ac02ad0a1b8d', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '11616345c68cfc3e5feb5f9a891515e2dbd4ec7c', class: "progress_bar" }, index.h("div", { key: '696034c072a435dd2ccac0ab67ea33234f0c0abf', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'b5c4201817456f6a179a81e6eb3b9056806da55f', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '2e453a483626395e8a92389cd8aa318fbce5634b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'b90b2a8483e68e4a9d43b3f6af8c32b08c4eac7b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '86691537f27ce5967aa0f1f90d1beb2f1a2c5d1c', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '4a87277511b3b155e83ecba705c1a2c6af438e15', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '6ff93f6de552e7e63b816720a5b4c447002dc95c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '074494fae4c1dd65b66656e9c177a2022e1ed323', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

package/dist/cjs/gb-megainput-field.cjs.entry.js CHANGED Viewed

@@ -25,10 +25,10 @@ const GbMegaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2a769baa8a88a41d539d5a91045cafd58a9cc47a', class: {
+        return (index.h("div", { key: 'c99c7070a6753a01a8f4423898f01ee91df4f260', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '932fc987a6fa2d2438979a9098b5bc486b7856af', class: {
+            } }, index.h("input", { key: '6fe3f44656d8ed1a254384b64f85c793273837a0', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "number", min: "0", max: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/cjs/gb-progress-circle.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const GbProgressCircle = class {
         this.progress = 0;
     }
     render() {
-        return (index.h("div", { key: '4c6c41ab273b175895151bb27001c9cd905ab0c2', class: "progress" }, index.h("svg", { key: 'b7ea5503a1c2d1759f158d4b5399a74e8453b4a2', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '818d4537928ba1e77cc7f8cd018bcdef274a4cee', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '37e63b58c73865b8664b79127acf415fc9ec5d0b', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: 'dfeb19c3c8475ede59c919d7db2f268d345a4bf2', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (index.h("div", { key: 'c115f80e94f454dd4db5558252eec6e06a073970', class: "progress" }, index.h("svg", { key: '2e91f7c8b7939a16a480f328a9a4d387fc676308', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'cb3f107b0339e28ad8df4feca99e370b6e14526f', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '759cf5c48d80fca667b12425cf07b70f5b28f8a1', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '3b4b1e6073b5cde1cc77f6ebc0b79856fddb138d', class: "progress-text", "data-progress": "0" }, "50%")));
     }
 };
 GbProgressCircle.style = GbProgressCircleStyle0;

package/dist/cjs/gb-rich-text.cjs.entry.js CHANGED Viewed

@@ -24,7 +24,7 @@ const GbRichText = class {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (index.h("div", { key: '8df669d680c1b8e463109adab0e1358e6fcdd466', class: classes }, index.h("div", { key: '40170a5167746223016a61156b9ba9e0eafa704a', class: "input-with-label" }, index.h("label", { key: 'f0a8bf99e86cae911cd40d7e4185f53f38753c0c' }, this.label), index.h("div", { key: '5d4918cd2750d6874ec734e230a601f7fc1fa69a', class: "input-container" }, index.h("div", { key: '1e17138eb01efb14b1e57104b0a67a73d0c7a93b', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '14969fb898ffeeed7a9ce4c0644437746848c881', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (index.h("span", { key: 'ecc995d2db6c4024856b545003feee88e5205d97', class: "error-icon" }, index.h("svg", { key: '757ade9ff0021f8a224b54e77957f65a31caaf16', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '0f4a7b5ae820a955f64d2e99c172e1a74a8f1bd1', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'df22dc5810c097340fa42940415928ef12c9b615', class: "text-container" }, index.h("textarea", { key: '3d9ee2ff949f0d245aa54b1e5f84c83687be5103' }, this.showPlaceholder && (index.h("div", { key: '412fcbf28b8a502ceabfd33652e40a1e3e2d2880' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'cfa4e59e675eeeaf306dfe7a54ab92b57af6a7f7', class: "hint-text" }, this.hintText))));
+        return (index.h("div", { key: '5568e9945fad4c75710abd269ca5b1e36285c910', class: classes }, index.h("div", { key: '3c0700cef81c940a06bed6be626792aae3698b4d', class: "input-with-label" }, index.h("label", { key: 'e7bbf2e879cb6b585bd23e08622925870cc2ebcd' }, this.label), index.h("div", { key: 'a7648cf02650fae784ae59cb0b974f9f6c5c12a6', class: "input-container" }, index.h("div", { key: '15c35f4dd3a749f1ea8b73610d4c6e374c567a87', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '37c77f0b7606059602b62cb712cae8014e630733', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (index.h("span", { key: '60c4611e3e182932bc66d6fe17438a015981c4da', class: "error-icon" }, index.h("svg", { key: 'a638cd9177a8c642fd19075e24eab9e868cad239', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '17841a86131ea319df5dc3f6d63c316fc42160a8', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'fb6c5bc96ddc557ff8b9d6a47430824cf99a1bfc', class: "text-container" }, index.h("textarea", { key: 'a24682a41354ee4a5dc74b5dc18434249bbc8644' }, this.showPlaceholder && (index.h("div", { key: '1155f430e00c9c2c78d16e93b9cdf2f28c8ca792' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'a8317c29d3a0a060d7dc25b295aef67bdbef22ea', class: "hint-text" }, this.hintText))));
     }
 };
 GbRichText.style = GbRichTextStyle0;

package/dist/cjs/gb-scrollbar.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '151a1ea86aaa952790dc0e936cf0cd67fa85ac02', class: "scrollbar-container" }, index.h("div", { key: '609557846d47f64e0e1553e3a1197be51e159faf', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '629db9fa9e7356e7a63df1a5fc3e47faf44ef10e' }))));
+        return (index.h("div", { key: '0b4592dc199669e17dfa5228d48d10fc21ad39a9', class: "scrollbar-container" }, index.h("div", { key: '47b86b7f98cf49307a62874530d6a0c7e94d2005', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'e5ba42888a4c54e0d20c4c1de0f5e3f67ce31a78' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

package/dist/cjs/gb-slider-control-handle.cjs.entry.js CHANGED Viewed

@@ -28,7 +28,7 @@ const SliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: 'e034118ae02023a7d602ff0d94135f0581feea26', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '3f96cc62b3de386207ad0083f2f0f5c7a7ca62c8', class: "tooltip-container" }, index.h("gb-tooltip", { key: '298cb3265794a65302a86aeb259eca97dc4fa816', arrow: 'none' }, index.h("p", { key: 'fea30659fefb6cd5e96284e9dbab85ab5db4334f', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '051e320191d8694b3afe135a4c51b38c8adbaaff', class: "thumb-label" }, this.value, "%"))));
+        return (index.h("div", { key: '48f8b646b800a00c08ea47de36e1d50ff6a86b11', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: 'f977845d438d2c8cec6f29834ab6cf28fb75bf4e', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'ccf31a2a891b8d363c71ae3753401b4695ed0fa5', arrow: 'none' }, index.h("p", { key: 'a59d5d3f42e59cb73ee768fa7b9e56f9ca9d7da1', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '23712c08e53d685648fbd991dc861e134b0434ba', class: "thumb-label" }, this.value, "%"))));
     }
 };
 SliderControlHandle.style = GbSliderControlHandleStyle0;

package/dist/cjs/gb-slider.cjs.entry.js CHANGED Viewed

@@ -66,7 +66,7 @@ const GbSlider = class {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (index.h("div", { key: 'eae01ebaac43b6fbf443788fc6fa9fb09a33aa11', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '644162a951a5c07ab8b02256dbcb4bef5e40d055', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '6ea263a99347dafeb49999f81be85f2b05535294', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: 'b3ca44968e238c9f0bfd2cbd2f4f9a34e6df2dba', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '3794bcc7560517969d19351db2cc46a06066013c', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '8ce511e1b1d75d79c884024544ebda83dc5668b3', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '87c579d8155e86eb604466be086ebb614f37119c', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: 'f8b6d416ead8ca395cce0ac822c21469844cd310', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '8528b384f3c85eca2d301774ea64d648b83dced2', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '9a6a36ef088a3f5fdd0ae3e85833cc2fa83d23d6' })));
+        return (index.h("div", { key: '79ba948be3ff744bf4efbf0a90c2bf575dd06752', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '4eb2136abac313e535626dace325ccb6ad196fa2' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const GbToast = class {
         slottedSupportingText.classList.add(this.getSupportingColorClasses());
     }
     render() {
-        return (index.h("div", { key: '3cdc2d97d81c92fb342f817e684527c3f0aa60ba', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '53d67aae904203b7384413bca747b5158a9f8444', class: `icon_container` }, index.h("svg", { key: 'a1301a987571b9166bfe627455fa897f7e231ad7', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '9d4c4a4f7dd451536c1938ee3703d232727391db', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'e1898f3e8e6a8d604d905ecc6d6acf116bb7cf78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'dc38d482456f4a23c9ce9f645b08e50c3a83514c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '531dd2451ad06d1ab69b923d00bd108d7069767c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'd7bcf750f2cc45ac7c2648485345d3b6a55429f9', class: `text ${this.size}` }, index.h("slot", { key: '9456229b4e37cd24b3dae68ff9c5ce01a34a1243', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'bb6f2887d62adbc5ca38f81f34eb9e6adf7f8ceb', name: "supporting_text" })), this.actions && (index.h("div", { key: '6de04a66b941089cd22edc9c4fd62baeecf4465f', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '9abbf6bc0a13415269319675e5d48e0305b4b684', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: 'f4b9ad67e938526d84d6511cb56b2387d028ff67', class: `container ${this.breakpoint}` }, index.h("div", { key: '67dc5144acc372ed299bc51d2a566d5bdcbc6992', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'ece5adb727048bdce9cbf00e60585dd81231a5af', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'e796f354bccb88c9dfb4b594898e068093b77e2c', class: `icon_container` }, index.h("svg", { key: '2f772935d6846dccccb5f1b10ecb2b768eb314bd', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'c6f4d13e27cd62732af3ab112a64df7339e0dea6', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '9458fac79d680d4bc98d6a693db2fdcd1f47bf53', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'c491988e44145aaf7e4b6c0123bbe44f664876ce', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '09bfa43682befe8cccb81a2fa34171ad7deddecb', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '812fdc309465d2cb22a42fc2822fd3539bda5803', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '9870ec2d2f935622f126f77a137605e67d26cef3', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'd16bc66cb1e968f66d938013726d03570b05cd75', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '8ad08f05aff77da18d13b989d8c116316afd76fb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (index.h("div", { key: '22331c949a13e1205d971eb9c33878cbdaa22333', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '1e93bacbb692dc3dfca592f1a4cbfbc1bed133c1', class: `icon_container` }, index.h("svg", { key: '4990c5d2dfb273ac69c9d24eb7cfcf4207c3a11d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '03d103aca407ec514c88365cd8dd3924c80c0304', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'ce660e7fb6b773672403d7b9a9d44bb36dc267fa', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '451969d18e6954745ea927ef5a740f09c741f02d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '44bd63ad5d2bbb28dc13270582d4125aff21ed9c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'ccc26a652c8e2f04990b4128a871ba68209b320b', class: `text ${this.size}` }, index.h("slot", { key: 'd4b04da0b54b640f938554c9d87508e7a59326b4', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '1d3d09e55f58f372628ec721dc383d0791eac8d0', name: "supporting_text" })), this.actions && (index.h("div", { key: '26b8482acb1479d847845d10eb5750874b0dd376', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '644daefdf656f41696d9b1013cc8ed1de6a6b4c3', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '51cb39d7d283008605a5ff250ac8f970b1bd4da1', class: `container ${this.breakpoint}` }, index.h("div", { key: '82fa8e940cdef16a7e4855433a8205f12920c6cd', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '446eea2cba0174f93910f2fd634068457559dc82', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '98340e43bd3792e50bbfedd1bf13b4c0827fc279', class: `icon_container` }, index.h("svg", { key: '6af6aeb113bca7a62de476d6de9f17126a4a946d', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '3379033280dcbc79ee4fdf1f31b5430d96e9790d', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'dbe374154a7392357ebbf8883b0530217b36b1d4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'c329dbc1c8a1783c7c8a80ead3d862dc4c1fbf39', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '7ed31eff7fd843c2691266ae02234fded165e709', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '9a2860fd9aa9e5a26cd5992c149b16b473d8c81f', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'd7b3546787d91034d5e6a6ef2c9e9775dbb80502', name: "supporting_text" }))), this.actions && (index.h("div", { key: '9494c6e6a37c527c3c42126b1743637ed4702e3d', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: 'e7ffdadcc320d20083583d8e52330dc5b17109ad', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -42,7 +42,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9d6db64f63f81b36c948b93e1abe081fccc1adba', class: `toggle_div ${this.size}` }, index.h("div", { key: 'f0c0a943b471a7c5d14cd5baa1c961ae7108a8f9', class: "toggle_base" }, index.h("gb-toggle-base", { key: '77f8d44dca42ae45c5543d71c25a1c7042549a75', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: '9c4fbe159ae3f5b7099e4a5796f18c81656df8c1', class: "text" }, index.h("slot", { key: '640ac4d9c395fe24325b2e85801b37c0835e9657', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'd53984a05e2c997eec8af85aa8ff3b7e2652d6d9', name: "supporting_text" })))));
+        return (index.h("div", { key: 'ad2f98ccbe4f6fb8b60936b2dc9c8348af5cedd4', class: `toggle_div ${this.size}` }, index.h("div", { key: 'b3cbdec537f87263a3f3b72fdb15a601ddf0af90', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'e562e5ffbd3865a37674484660aa7d194febc72a', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: '9da0356335de91ee3cee1e6b9ea8f6a500e431a2', class: "text" }, index.h("slot", { key: '80fb479b6849004dc4326255375321d1dbf36ea8', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'd3e9463a92db87100672a244397984d9fb7c8a28', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const GbTokenField = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: 'f1fb2e81f8b8e0ae55506530431931cf84406f35', class: this.size }, index.h("div", { key: 'cad8e4f541a625fc561e889bfd046cbb292886be', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '7c369936e3621243946766c233a841066a9969f1' }, this.label)), this.digits === 4 && (index.h("div", { key: '6f3aaedea3c3eb06e64bd803d21dfda7c6bfe09b', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '9747d78e0c5dbaa895517ed724fb8a92f416d6ba', size: this.size }), index.h("gb-megainput-field", { key: 'c7ae3707bbf5f80323d1595b2c4388c4d168e315', size: this.size }), index.h("gb-megainput-field", { key: 'fc3617611390ae4e45a45494cc0b3f53f49d81ba', size: this.size }), index.h("gb-megainput-field", { key: 'f4450208170d57d76840b31c92b270ad3d1de73f', size: this.size }))), this.digits === 6 && (index.h("div", { key: '84ad6b734ec0f7a104bd7d294ca7921e04437aa1', class: "input-wrapper" }, index.h("div", { key: '9296fa1601c9553336822158b641cd06d3c45916', class: "first=section" }, index.h("gb-megainput-field", { key: '477897d0f8735c19bddd86350f9ddbff2982dbc3', size: this.size }), index.h("gb-megainput-field", { key: '8d70164c602a28b99a76d64b1bc9559f1d67d1f7', size: this.size }), index.h("gb-megainput-field", { key: '2c9d67c18960fa3c14044348a5e077cd87e638c8', size: this.size })), index.h("div", { key: 'a62b1f4ca2f5147c0ee0078fd1a9d132fc6d2962', class: "second=section" }, index.h("gb-megainput-field", { key: '73e59a752f7b23133a7bb27b61d02f1b9fbcf0c2', size: this.size }), index.h("gb-megainput-field", { key: '38201f2da936f5b3722175b631b25a233cca852c', size: this.size }), index.h("gb-megainput-field", { key: '8f2e5e55386ff2281b2ff97b8f1f14d172dd96eb', size: this.size })))), this.digits === 8 && (index.h("div", { key: '4517d00be5130ebaa9a6e8fe4b3b8df7d9e18274', class: "input-wrapper" }, index.h("div", { key: 'fa7d1acd26b088debe9bc0fdfd0ee791356cee0b', class: "first=section" }, index.h("gb-megainput-field", { key: 'a0e86adcefe7b35763bf2b6ae04835b2ac71b09b', size: this.size }), index.h("gb-megainput-field", { key: '030862be4aa9ea185ca6cbee9debadb535e7064b', size: this.size }), index.h("gb-megainput-field", { key: '0a4a342d73929871216c16bd68bd048be52bae45', size: this.size }), index.h("gb-megainput-field", { key: '32300d5e77914b4ce484e4a2ce0fd592eeed84e1', size: this.size })), index.h("div", { key: 'd69678db685182c60510f111f35dcceb0ad581b4', class: "second=section" }, index.h("gb-megainput-field", { key: 'b815826d27aecb77de6ba21a59982358db86b7cf', size: this.size }), index.h("gb-megainput-field", { key: 'a9ca434e607486c7279df333b1aae27f45b6f6b4', size: this.size }), index.h("gb-megainput-field", { key: '01d8ba5ec527fa045abdbdc0fffa0ffb7462a3e6', size: this.size }), index.h("gb-megainput-field", { key: 'd3c856b2d6fe6f297d613099f68d8ae8d317784f', size: this.size }))))), index.h("p", { key: '5addad28db7fde38de24d4ff3199006ff685b112' }, this.supportingText)));
+        return (index.h("div", { key: '40cfea11fb71c7a4ab7aee327eeb7f803ce1cffe', class: this.size }, index.h("div", { key: '14338c33695797b4316f06165d38ac49f78ab2ba', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'ddcbbfe2fb7eba8102275a25a59a4ece27bda4eb' }, this.label)), this.digits === 4 && (index.h("div", { key: 'aa93ad78f1ca78abde44229cd252322f2c50e9da', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '413cc19eb3095c1ebb3eb57bad1923f5ef258dd0', size: this.size }), index.h("gb-megainput-field", { key: '2673771dcb5b387214554eca541c5e8b6ced0aab', size: this.size }), index.h("gb-megainput-field", { key: 'ce30d5ab01f1c119d31a36b6a77c1e136db63157', size: this.size }), index.h("gb-megainput-field", { key: '023af397e95480afb29128e2ebf9a4af8140607b', size: this.size }))), this.digits === 6 && (index.h("div", { key: '0df739aab47ed746cbe3c166d79d2eee31d9f51a', class: "input-wrapper" }, index.h("div", { key: 'cef947415a900cd44cb934814e48bc44b5e36ee9', class: "first=section" }, index.h("gb-megainput-field", { key: 'f2422f7514c732b89c03f49816de2093019e2f40', size: this.size }), index.h("gb-megainput-field", { key: '1110d186cfea016c05edf41bf016fc605c107f62', size: this.size }), index.h("gb-megainput-field", { key: '1311ae17ed531a6d425bd2b29c3aeb239e556385', size: this.size })), index.h("div", { key: 'b2b3cfe0c2dd393a3a9f796b32459ae4ac7157d4', class: "second=section" }, index.h("gb-megainput-field", { key: '75359353032d8125e8a283868ef6c7a8dbe77ae1', size: this.size }), index.h("gb-megainput-field", { key: 'd86a02c105fa228fdd36d06820e52bafcb5543b1', size: this.size }), index.h("gb-megainput-field", { key: '01781637dbb375cfc7864e8a0aa4ab1d64c986d9', size: this.size })))), this.digits === 8 && (index.h("div", { key: '235e0eab3b705a694e6a14f469790c2d85e6a5ca', class: "input-wrapper" }, index.h("div", { key: '5f05f66613961f52c7d05b287a1bcd4954542477', class: "first=section" }, index.h("gb-megainput-field", { key: '7afa7e6594d0468d8f91f90865960f34eb421486', size: this.size }), index.h("gb-megainput-field", { key: 'f3403d030ede478f01f42f8a0c35f682d7438574', size: this.size }), index.h("gb-megainput-field", { key: '7cde18ca05b04d5033ceb19596b13a3f4bff0455', size: this.size }), index.h("gb-megainput-field", { key: 'c318458948f47030b0e31bd89d37c7484f17defb', size: this.size })), index.h("div", { key: '4e790af03ad681155ee7a4c1717cc46cff939d2f', class: "second=section" }, index.h("gb-megainput-field", { key: '15769aeb646ac7df31b4d155682d8c007481e425', size: this.size }), index.h("gb-megainput-field", { key: 'c23fe88dab35544f5234d69552a9aed2677148a3', size: this.size }), index.h("gb-megainput-field", { key: '590009fed1419307d3471e0686cba17a45ef13fa', size: this.size }), index.h("gb-megainput-field", { key: 'f3dfe6337498895fadfe1362180ddba5a85b6d0e', size: this.size }))))), index.h("p", { key: '214dd88e3bff59bcbeeba0fb47c5013b57577534' }, this.supportingText)));
     }
 };
 GbTokenField.style = GbTokenFieldStyle0;

package/dist/cjs/gb-verification-code-field.cjs.entry.js CHANGED Viewed

@@ -18,11 +18,11 @@ const GbVerificationCodeField = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '932c73f42d34ac041e6d8f36c8eec4b71091045d', class: {
+        return (index.h("div", { key: 'bafb57932cd09efb3b46799c124db4fb6c6b4598', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '168e6e10afd46ba3632da0fbc8572de3b4c33b88', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'b051e8874018ef3224873c69f00da2c05e2e3008', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'e9da3e2140182e8b4f9b7e8d6502cf5adf123688', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '66ee7aef8e6df0b963b0abd50a105dc2fc2ab2ae', size: this.size }), index.h("gb-megainput-field", { key: '2a3a257a35d3a31b7bf0ebd254c1a178e8220914', size: this.size }), index.h("gb-megainput-field", { key: '9beb1d3527e00db1c32c6d86a902918d317c17e9', size: this.size }), index.h("gb-megainput-field", { key: '45246a0ccadf738ed3c80449b0c01415c2b57732', size: this.size }))), this.digits === 6 && (index.h("div", { key: '1fda4b6484262e0cf9d66f3c538344a2e3c36774', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '1f770e9f0a64969c812d98d95924e5c3d1247f6e', size: this.size }), index.h("gb-megainput-field", { key: '45c2fa5e376bb5752e3a41b9f282644bff32370d', size: this.size }), index.h("gb-megainput-field", { key: 'ae62a7c3fd9c5d50d657489c2b8406397fc5a6f7', size: this.size }), index.h("p", { key: 'df0a412b3ab5a0715596a8f6a8f523320b8f6f1d', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '4f44b310fdcbde60d863fa5bf8eafcdc8356c4b4', size: this.size }), index.h("gb-megainput-field", { key: '30566a574794314e3e2f6792855213359a932711', size: this.size }), index.h("gb-megainput-field", { key: '319f16c0c6b5a7c5075dccc7ce5f2d6506cf39bc', size: this.size }))), this.digits === 8 && (index.h("div", { key: '0769d91a3204e3946fc060858f2df344b3713e7a', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'd843e0bb2bd411b88fe9d9f2b6277000f57015ad', size: this.size }), index.h("gb-megainput-field", { key: 'dbc9f42c4984094ceb41251cb0f8679b08f7b492', size: this.size }), index.h("gb-megainput-field", { key: '13e3eb12cb18c0c08f7028a6fa43d114f74a37fd', size: this.size }), index.h("gb-megainput-field", { key: '333ce61c56a7640849a7fdf63960f2244c15ead5', size: this.size }), index.h("p", { key: 'a508eacdf754b5ab937fe7a38e11f2455e477011', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: 'aa75962c6a4ddf445bc292fab7ddc72bc197f0c3', size: this.size }), index.h("gb-megainput-field", { key: '4f2edb0fe92dd3a488815a2e64bf6d5eeacfef61', size: this.size }), index.h("gb-megainput-field", { key: 'bfd07c666b0b1ef279063719fd8489824681ac15', size: this.size }), index.h("gb-megainput-field", { key: '8cdded625252529c0e3fbd3384b4f9b5a4500f9a', size: this.size })))), this.showHintText && (index.h("div", { key: '62a2cfc2c5866b99c569d473015a87d8fa45492b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: '49ae01eca246ba5c6b91e619c50796ca8b7fde94', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'ed900016eea9fc9467b65b7ef59e159d572f2d79', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '7bdd7f8f667b4cde092409e2e9ae55658943a258', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'f1f6c20045413f5fec3facfe0ee8367c5ee404a5', size: this.size }), index.h("gb-megainput-field", { key: '29dafe71659aa8180174cb3f8167cf4fab5f3e6d', size: this.size }), index.h("gb-megainput-field", { key: 'd45bc3eb3f722e3706debde101bcc07caeb2057e', size: this.size }), index.h("gb-megainput-field", { key: 'ef94f896f7591c5490d700385b976b76aec2a234', size: this.size }))), this.digits === 6 && (index.h("div", { key: '830628d0c85b4298b6499aa3bae3781dea198e60', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'cc72cd1dd8d6840a9ba02ecd7849293de11019a5', size: this.size }), index.h("gb-megainput-field", { key: '7fd2e3de4c433ba4b219665c9521cbb085870921', size: this.size }), index.h("gb-megainput-field", { key: '3c68f5e433605ac065ddd521674f4b33076f8c7a', size: this.size }), index.h("p", { key: '912121ded0b1d45e8191a4dcf30f46ae1a6940c4', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '8f95a17dbaa371559264bd66353aa4100d370a93', size: this.size }), index.h("gb-megainput-field", { key: '25b13b5a7d60226080864c2cc749f00051aaa082', size: this.size }), index.h("gb-megainput-field", { key: '2a82e9bf45dd363da83352d4594c3b0fc27472e1', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'a1be1adaed79400d61e595e671f0a7f34e2cd7e3', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'c2594296da7677b835c48bbca5f1b3cc9a539344', size: this.size }), index.h("gb-megainput-field", { key: '6d166bae6aec162cf4d3c4f71813c3422e95b2e1', size: this.size }), index.h("gb-megainput-field", { key: 'def39c0e927816f9646d76e3983d5411f77ae425', size: this.size }), index.h("gb-megainput-field", { key: 'cb17e53b2d953acfe9c4d183ad323563ce8e6a3b', size: this.size }), index.h("p", { key: '0e78e744ba783f158578957b4b7983fe3d092727', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '5b828e3c9475c7ae1646178ce90def4bf4f4c6b7', size: this.size }), index.h("gb-megainput-field", { key: '9724232a8b0df400313e0ca4b9faf63ebfbe4e42', size: this.size }), index.h("gb-megainput-field", { key: '193c09e6f1fe0392f58db01803bc10cccf32ed76', size: this.size }), index.h("gb-megainput-field", { key: '625277733d623baf73123e9a964d46ff5b12e241', size: this.size })))), this.showHintText && (index.h("div", { key: '38df3de26761dd8272317f9cab7961c74508feb8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbVerificationCodeField.style = GbVerificationCodeFieldStyle0;

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

@@ -2669,11 +2669,11 @@
     gap: var(--spacing-none);
 }
-.checkbox_div.text.sm{
+.checkbox_div.text_class.sm{
     gap: var(--spacing-2);
 }
-.checkbox_div.text.md{
+.checkbox_div.text_class.md{
     gap: var(--spacing-3);
 }

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

@@ -36,7 +36,7 @@ export class GbCheckbox {
         }
     }
     render() {
-        return (h("div", { key: 'cb06fc4fdb1e0b40e109c1c23e6fb7414b0ad168', class: `checkbox_div ${this.size} ${this.text ? 'text' : ''}` }, h("div", { key: '23acf6efb039bb4dfc75f2e6a1abf63a63f52161', class: "checkbox_base" }, h("gb-checkbox-base", { key: '80791cea6f2cb18037f561b76bd3aa6ccc8783a6', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), this.text && (h("div", { key: '43e7458932d5f853262cedc60f916ff2ffa14da1', class: "text" }, h("slot", { key: 'b315bf980dd0fa983b4c39192f730e3dae7ab7cf', name: "label" }), this.supportingText && h("slot", { key: '0fc74ca973b20140ed1ce0eb4170217b03e98674', name: "supporting_text" })))));
+        return (h("div", { key: 'c4282242daef9a50d46c93911a91befec67e6d97', class: `checkbox_div ${this.size} ${this.text ? 'text_class' : ''}` }, h("div", { key: '80781acbb05a09ec6a7f7f9051210eb419563ce8', class: "checkbox_base" }, h("gb-checkbox-base", { key: '1a49d813c2c7ff479828df509e03371f9e5e7bde', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), this.text && (h("div", { key: '4eafa6a300ca619b82f50a3880618302e756f635', class: "text" }, h("slot", { key: '6ee4f7e87fe9df6bbe5201f5a945252101658f03', name: "label" }), this.supportingText && h("slot", { key: '33c770405ccaadc4293e190b3d26cf3583030902', name: "supporting_text" })))));
     }
     static get is() { return "gb-checkbox"; }
     static get encapsulation() { return "shadow"; }
@@ -195,6 +195,24 @@ export class GbCheckbox {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "checkboxClicked",
+                "name": "checkboxClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=gb-checkbox.js.map

package/dist/collection/components/gb-checkbox/gb-checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox/gb-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAS5D~~,MAAM,OAAO,UAAU;;uBACS,KAAK;6BACA,KAAK;;;;oBAId,KAAK;8BACK,KAAK;;~~IAGvC~~,gBAAgB;QACZ,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACpC,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;QACxC,CAAC;IACL,CAAC;IAED,sBAAsB;QAClB,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;YACrC,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;QACzC,CAAC;IACL,CAAC;IAED,gBAAgB;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAG,YAAY,EAAC,CAAC;YACb,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,IAAG,kBAAkB,EAAE,CAAC;YACpB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,IAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,~~MAAM~~,CAAC,CAAC,CAAC,EAAE,EAAE;~~YAChE~~,4DAAK,KAAK,EAAC,eAAe;gBACxB,yEAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAqB,CAChJ;YACL,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAC,MAAM;gBACf,6DAAM,IAAI,EAAC,OAAO,GAAQ;gBACzB,IAAI,CAAC,cAAc,IAAI,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CACxD,CACP,CACG,CACP,CAAC;IACN,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACJ","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag:'gb-checkbox',\r\n styleUrl: 'gb-checkbox.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCheckbox {\r\n @Prop() checked: boolean = false;\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop() state: StateEnum;\r\n @Prop() text: boolean = false;\r\n @Prop() supportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n getMainTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return `text-sm-medium`;\r\n case 'md' : return `text-md-medium`;\r\n }\r\n }\r\n\r\n getSupportingTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return 'text-xs-regular';\r\n case 'md' : return 'text-sm-regular';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n const mainDiv = this.el.querySelector('.text');\r\n\r\n if(mainTextSlot){\r\n mainTextSlot.classList.add(this.getMainTextClass());\r\n }\r\n\r\n if(supportingTextSlot) {\r\n supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n }\r\n\r\n if(!this.supportingText) {\r\n mainDiv.classList.add('div_centered');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`checkbox_div ${this.size} ${this.text ? '~~text~~' : ''}`}>\r\n <div class=\"checkbox_base\">\r\n <gb-checkbox-base size={this.size} type={this.type} checked={this.checked} state={this.state} indeterminate={this.indeterminate}></gb-checkbox-base>\r\n </div>\r\n {this.text && (\r\n <div class=\"text\">\r\n <slot name=\"label\"></slot>\r\n {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox/gb-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASjF,MAAM,OAAO,UAAU;;uBACS,KAAK;6BACA,KAAK;;;;oBAId,KAAK;8BACK,KAAK;;IAIvC,gBAAgB;QACZ,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACpC,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;QACxC,CAAC;IACL,CAAC;IAED,sBAAsB;QAClB,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;YACrC,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;QACzC,CAAC;IACL,CAAC;IAED,gBAAgB;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAG,YAAY,EAAC,CAAC;YACb,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,IAAG,kBAAkB,EAAE,CAAC;YACpB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,IAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACtE,4DAAK,KAAK,EAAC,eAAe;gBACxB,yEAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAqB,CAChJ;YACL,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAC,MAAM;gBACf,6DAAM,IAAI,EAAC,OAAO,GAAQ;gBACzB,IAAI,CAAC,cAAc,IAAI,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CACxD,CACP,CACG,CACP,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag:'gb-checkbox',\r\n styleUrl: 'gb-checkbox.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCheckbox {\r\n @Prop() checked: boolean = false;\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop() state: StateEnum;\r\n @Prop() text: boolean = false;\r\n @Prop() supportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n\r\n getMainTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return `text-sm-medium`;\r\n case 'md' : return `text-md-medium`;\r\n }\r\n }\r\n\r\n getSupportingTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return 'text-xs-regular';\r\n case 'md' : return 'text-sm-regular';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n const mainDiv = this.el.querySelector('.text');\r\n\r\n if(mainTextSlot){\r\n mainTextSlot.classList.add(this.getMainTextClass());\r\n }\r\n\r\n if(supportingTextSlot) {\r\n supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n }\r\n\r\n if(!this.supportingText) {\r\n mainDiv.classList.add('div_centered');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`checkbox_div ${this.size} ${this.text ? 'text_class' : ''}`}>\r\n <div class=\"checkbox_base\">\r\n <gb-checkbox-base size={this.size} type={this.type} checked={this.checked} state={this.state} indeterminate={this.indeterminate}></gb-checkbox-base>\r\n </div>\r\n {this.text && (\r\n <div class=\"text\">\r\n <slot name=\"label\"></slot>\r\n {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.css CHANGED Viewed

@@ -2659,9 +2659,12 @@
     margin-top: -0.416em;
 }
-:host{
+.help_tooltip{
     display: flex;
     position: relative;
+    width: fit-content;
+    height: fit-content;
+    margin-left: 5rem;
 }
 .tooltip{

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { h, Fragment } from "@stencil/core";
+import { h } from "@stencil/core";
 export class GbHelpTooltip {
     constructor() {
-        this.showHelpTooltip = false;
+        this.showHelpTooltip = true;
         this.showArrow = false;
         this.showSupportingText = false;
     }
@@ -16,7 +16,7 @@ export class GbHelpTooltip {
         }
     }
     render() {
-        return (h(Fragment, null, h("svg", { key: 'd2666911c6c03b21ab9a81eb3490cdecfe8089b4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false) }, h("path", { key: 'd39b32d5d9d667c13679a88fce180034dbd63fdd', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: 'b88ffebfb5874844926b6b26d15e311c2c0c7151', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '1d767e20383a0941de626bd8016b7219fee9ab69', name: "label", slot: "label" }), h("slot", { key: '20a0bb617accf8237b94dc495fe1465830423ec6', name: "supporting_text", slot: "supporting_text" })))));
+        return (h("div", { key: '57e92f5de8865aa017a5054c7fdf1d3400beb264', class: `help_tooltip` }, h("svg", { key: '491dae813aa7602940f5f242b8a6db3407215824', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '5accbe118a9d82b47f893f583acb12b7b61ea741', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: '291bbfa4e9ef49e1afb5c9d8ee70a5458ded3396', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '17e66664576fe80bc122a03655990209ec8885b0', name: "label", slot: "label" }), h("slot", { key: 'b40c4d34d3a5e01e40913f70dbd2f6bd40995d36', name: "supporting_text", slot: "supporting_text" })))));
     }
     static get is() { return "gb-help-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-help-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-help-tooltip/gb-help-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,~~QAAQ,EAAE,~~KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;~~AAO7E~~,MAAM,OAAO,aAAa;;+BACY,~~KAAK~~;~~yBACZ~~,KAAK;kCACI,KAAK;;IAG3C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAE7E,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL;~~YACE~~,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EACjD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;~~gBAElD~~,6DACE,CAAC,EAAC,4ZAA4Z,EAC9Z,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE;YACL,IAAI,CAAC,eAAe,IAAI,CACvB,iFAAwB,IAAI,EAAE,KAAK,EAAC,cAAc,0BAAuB,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,SAAS;gBAC/G,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ;gBACvC,6DAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CAChD,CACd,~~CACA~~,~~CACJ~~,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, ~~Fragment,~~ State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-help-tooltip',\r\n styleUrl: 'gb-help-tooltip.css',\r\n shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n @State() showHelpTooltip: boolean = ~~false~~;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n ~~<>\~~r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n onMouseEnter={() => (this.showHelpTooltip = true)}\r\n onMouseLeave={() => (this.showHelpTooltip = false)}\r\n >\r\n <path\r\n d=\"M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n {this.showHelpTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-tooltip>\r\n )}\r\n ~~</>\~~r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-help-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-help-tooltip/gb-help-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,aAAa;;+BACY,IAAI;yBACX,KAAK;kCACI,KAAK;;IAG3C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAE7E,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,cAAc;YACxB,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EACjD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EAClD,KAAK,EAAC,aAAa;gBAEnB,6DACE,CAAC,EAAC,4ZAA4Z,EAC9Z,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE;YACL,IAAI,CAAC,eAAe,IAAI,CACvB,iFAAwB,IAAI,EAAE,KAAK,EAAC,cAAc,0BAAuB,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,SAAS;gBAC/G,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ;gBACvC,6DAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CAChD,CACd,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-help-tooltip',\r\n styleUrl: 'gb-help-tooltip.css',\r\n shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n @State() showHelpTooltip: boolean = true;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n if (mainTextSlot) {\r\n mainTextSlot.classList.add('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`help_tooltip`}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n onMouseEnter={() => (this.showHelpTooltip = true)}\r\n onMouseLeave={() => (this.showHelpTooltip = false)}\r\n class=\"help_circle\"\r\n >\r\n <path\r\n d=\"M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n {this.showHelpTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class GbHorizontalTabs {
         }
     }
     render() {
-        return (h("div", { key: 'd911074496db0ca92e516f1c2fcb885ca9e639bc', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'dd02d27c79853ba326304de36490a9b4672873e3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName }), h("gb-tab-button-base", { key: 'caf72debb856449f70502df89357e9dc95188cec', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName }), this.thirdTabName && (h("gb-tab-button-base", { key: 'e4d2e18c6af5a9e5bae039dd0517df417c1bcfea', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName })), this.fourthTabName && (h("gb-tab-button-base", { key: '1753ae69bd2ed4c6e199c8e4d7b1e7c697db5a40', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName })), this.fifthTabName && (h("gb-tab-button-base", { key: '6e9d989dec5d49d1648f4df6ea5884996337d8b7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName })), this.sixthTabName && (h("gb-tab-button-base", { key: '7ddc7cecd4d92d93c8e7aed9c9147fa5dec48571', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName })), this.seventhTabName && (h("gb-tab-button-base", { key: '872dc9360bf94b380c33b7559a9449c4d484aa50', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName })), this.eighthTabName && (h("gb-tab-button-base", { key: '16524aeba81cacfd31aaad7c5eb1cc35502d2ba7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName })), this.ninthTabName && (h("gb-tab-button-base", { key: '43fb5a3f39fd82062176597f200fff0ff9267e4c', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName })), this.tenthTabName && (h("gb-tab-button-base", { key: 'cfb7018f66c4f981b4173be413070a2b012039fa', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'd04da317b9565aac50049784cd6647e17f03b9b6', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'f5a10272d354d67556b5d6191ed774adf3a34c42', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '29a7e7881e91b3102cb1a61826858dc54d797249', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '97a5a3917ea4c2363a5848b6b936acd7183bd5ed', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '45b09d6e8d81e673f2132c3d1b510d3b37ff54b4', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'fdc3e4037b8d38d3e4f207f0860665bcdac2ee9f', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'abae8e0ed6da68e6e13e6d6943d673d31b132418', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'df10314de18d959f60a7de2d03f2850f7bedfb98', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '6332a1e3a2df96f9a390580a4a33db179c748008', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName })), this.twentiethTabName && (h("gb-tab-button-base", { key: '3a78ac441cd93f7723cf0760bde00db234c95809', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName }))));
+        return (h("div", { key: '978a5affa22f166c49f173741ab2d3b534e16226', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '99863aab78fa37d31169c1fe034a564448c57c32', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName }), h("gb-tab-button-base", { key: 'aeec8fc7a359cec280e81ecfc9be1381eeb40e46', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName }), this.thirdTabName && (h("gb-tab-button-base", { key: '36b187fbbe78a2a4a3e4f09dd113583c56e05580', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName })), this.fourthTabName && (h("gb-tab-button-base", { key: 'a422a3e1a661311d889f4adabe1157a5a73d7ac7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName })), this.fifthTabName && (h("gb-tab-button-base", { key: '7b1143e1e26bac0cb91c7dd2536ece4afdcb614d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName })), this.sixthTabName && (h("gb-tab-button-base", { key: '8b978c0df68a49f0e47ac32394955447d5dac80f', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName })), this.seventhTabName && (h("gb-tab-button-base", { key: '66bbba3f4c2ab07f1be48b28162f78b17e6edf70', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName })), this.eighthTabName && (h("gb-tab-button-base", { key: '1a5b380c0070fb5726c8f02a2107e7df6ffa290a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName })), this.ninthTabName && (h("gb-tab-button-base", { key: 'e16d5d12aec9452540018c07d29f8dd02192aa4a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName })), this.tenthTabName && (h("gb-tab-button-base", { key: 'fd8e6df95a12bae77c51af15aea2c4c30808fb37', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'ce345883ed0f19b36fe2470cffbe24017141ae79', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'fa0b8981ddf403a4bf37b92ad9a0ef688c2f8a1a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '15163b6de450e7775f9c7f3aa863d93535d6458a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'd522722b3204d3a81324ba72eca4d27a9474cace', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName })), this.fifteenthTabName && (h("gb-tab-button-base", { key: 'ed28e3e25fc86cb2f9cd994840d53bb7ffb3bc71', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'd440c0c8c292915bba946de17916d516f245153d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '89c2bd93e8cbdcda64e75a19797a7df0fb3dcf04', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '27d64952c377b46e4c0eec8b7d7c8db88c743cee', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'be0a01c207b5c678c36b5f20ef134c7705e82df3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'cd703845eb64c2d77ec77b3c0511ec2af8af2760', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName }))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js CHANGED Viewed

@@ -137,12 +137,12 @@ export class GbInputDropdown {
             },
         ];
         return [
-            h("div", { key: 'a97c87e4dfa5f6f9f096fdf9a0c8070ed3432b31', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`, onClick: () => this.toggleDropdown() }, this.showLabel && (h("p", { key: 'cfd2874ee4f1302900ffead5902b022086735372', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label)), h("div", { key: '42eb25b29fc5a6b9534903f891caf4949d302375', class: `input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}` }, this.type === 'icon_leading' && (h("svg", { key: 'f2b6712accb0659bd422da7ae661bc7ff17dc1dc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '722786e8a544ea4f6838e50405f466ac2b4fc468', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'd794384371151d7e481113b303196a1bacff611d', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h("gb-avatar", { key: '2a6a61902b4b81566904bbd20d70f3f9f92de1b6', size: "xs", text: this.text, color: "blue" }, !this.text ? h("slot", { slot: "image", name: "image" }) : h("slot", { slot: "initials", name: "initials" }))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '71eeedfe51fde9bc2b6a18d4351a4338a9275c6b', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: 'ee100fbe58df01a0ba6aa4398fba40afeae72d81', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h("div", { key: 'd49f792aabd95519a0418e91d278df5ec54fc7fa', class: "placeholder" }, h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("p", { key: 'd15241f8b5c3305604d14ab37b0979a78505d9a7', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder)))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '54bade125c36e7465f9020114c0687a3b779bdea', class: `content` }, h("div", { key: '4ac15d102989253fd58b1b161ce7b5a45fb40ea6', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags'
+            h("div", { key: '9736678afae0690de4ae02ae9013617646c30edd', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`, onClick: () => this.toggleDropdown() }, this.showLabel && (h("p", { key: '676beed8252fbd596ae35becb5d895563cb28b45', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label)), h("div", { key: 'a94ef49c0e3276ba4ee982231f137c86d7f5d02f', class: `input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}` }, this.type === 'icon_leading' && (h("svg", { key: 'c1c377f9f71444d0078611049a637ea6e71ec170', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c3605aaa4f85323484f2800f3a0bbe846681f67d', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: '0afe87caa69389299c3c5601e084c864af29f1fb', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h("gb-avatar", { key: '242ac68289485798c5a53d527e7f1cd732a5a8c7', size: "xs", text: this.text, color: "blue" }, !this.text ? h("slot", { slot: "image", name: "image" }) : h("slot", { slot: "initials", name: "initials" }))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '4d172e8e2f085631d1deedb940f7d367cfd96de5', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '049554571ddc80999df9575b268fdc44bc17e548', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h("div", { key: 'dae8b2c4bdf0833f56205c45976eb36029f59b4a', class: "placeholder" }, h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("p", { key: '34ea90e622ed4a94d6f8fe09df24935ef784c6da', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder)))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '87d129c81649624907bb05be565f5a04a21b5660', class: `content` }, h("div", { key: 'e4650f1c78ef07d4bcef518bcda168ddec92c3fa', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags'
                 ? this.selectedItems.map((item, index) => (h("div", { class: "added_tag" }, h("gb-tag", { size: "sm", icon: "avatar", action: "X_close", key: index, onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))))))
-                : this.selectedItem.name), this.supportingText && (h("div", { key: '893b5c73b1852aaa116450983a66b7c363b0338b', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type === 'tags'
+                : this.selectedItem.name), this.supportingText && (h("div", { key: 'dfde0b3a8b6dbdd89ef130ca7e69fbb18e6a9bbb', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type === 'tags'
                 ? this.selectedItems.map(item => item.username).join(', ') // For multiple selections
-                : this.selectedItem.username))))))), this.showHelpIcon && (h("div", { key: '7320ffe3648b6eec6183416983844866bf3e71a7', class: `help_icon` }, h("gb-help-tooltip", { key: '4e17dbfe3e253d9fabc87a02029674b26e3b337f', "show-supporting-text": true }, h("slot", { key: 'fb931f2f8b685cdf2befacde53f8756b829534f4', name: "tooltip_label", slot: "label" }), h("slot", { key: '2de6f099df1fd487cf9aabec87e91aaa12fd40b2', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'dada47711e15abd15460063c4af0fa741d6214a0', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'bad5b557caeccebabe2f2ad2dcc48f53c13f50aa', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '24dc2ecb66c6ddba6b2c4e8b440d11dd139f3058', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showHintText && (h("p", { key: 'ff084471869f618d1373a34ff266ac363e7cb86b', class: "text-sm-regular", style: { color: '#697586' } }, this.hintText))),
-            h(Fragment, null, this.dropdownOpen && (h("div", { key: '7a7bcc61092dd5c907b7b102cb1a6d20c374a118', class: "dropdown_menu", ref: el => (this.dropdownRef = el) }, items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))))))),
+                : this.selectedItem.username))))))), this.showHelpIcon && (h("div", { key: '64b3cd6959b2944d5f7b676f91407c862a9eb6d8', class: `help_icon` }, h("gb-help-tooltip", { key: 'd0b4e9f595f9a862de3603ba048a04c78cb40ac1', "show-supporting-text": true }, h("slot", { key: '941abc3fa8c10e7404578fff07fccc795d93e4f9', name: "tooltip_label", slot: "label" }), h("slot", { key: '167452f219293d965b1c21cd4ca2f085bbfee448', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '4e4771cbd57d54eaa0c794bd4da69f00a8b620d5', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '8a44141b9d150cccb728642bee1c1f3512fbb584', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '6d68087a6f796f8707ed644221e0b76701edfbcd', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showHintText && (h("p", { key: '7c30e49a0516b79a3fd9a435dc342ee58c54507f', class: "text-sm-regular", style: { color: '#697586' } }, this.hintText))),
+            h(Fragment, null, this.dropdownOpen && (h("div", { key: 'c585f6146c6c5a2505900fffd013a60173546aeb', class: "dropdown_menu", ref: el => (this.dropdownRef = el) }, items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, "@", item.username))))))),
         ];
     }
     static get is() { return "gb-input-dropdown"; }

package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js CHANGED Viewed

@@ -17,12 +17,12 @@ export class GbInputDropdownMenuItem {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: 'cd3223a20e71197a5dfc7b0491fa86a7266798e5', class: "dropdown-container" }, h("div", { key: 'dfc2a3ab18e116bb274570161e3bacedc11972eb', class: {
+        h("div", { key: 'e5749299a94d1d366c92f0a19ca99b3c2e2a1c7f', class: "dropdown-container" }, h("div", { key: 'e223504e0108d01aa3a63e58794de7fd5a867537', class: {
                 'dropdown-item': true,
                 'dropdown-item--selected': this.selected,
                 'dropdown-item--disabled': this.state === 'disabled',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: 'f98ec511674eaa925eeb48832992616eedb3c08d', class: "content" }, this.type === 'icon_leading' && (h("svg", { key: '8c10f13da51deda1ce8a41f16a145ce343766a63', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd26dbcef295b26265d8933dfdfd5f86fed2c57cd', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), h("path", { key: '32ab8121b70718d0fa69c24497b3bd3e964c5db3', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (h("gb-avatar", { key: '8fb18c619e9c9cf85da70d071dabd603e717b9b6', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: 'f88753dbdf97059cac90b3b759d5b74231891122', name: "image", slot: "image" }))), this.type === 'dot_leading' && (h("svg", { key: '4e575b4a885f006809ecbb7f0c16a8f60bdefeec', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { key: '530c79f0376f0061283e9753c79d7fbcfc7cd548', cx: "5", cy: "5", r: "4", fill: "#17B26A" }))), this.type === 'checkbox' && h("gb-checkbox", { key: '0f2d4cb0b7b2820cb52b29846eabdab1712f5d5e', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '12d70e2b15d8f4bb56f97d4560150beb0b3ba898', name: "name" }), this.supportingText && (h("span", { key: 'd0832e7e534b28d7de58af0a959203962ce44e70' }, h("slot", { key: '18911ea69ce637fd9f06e86403e3f3007a413d67', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '950a5b39a68d8b523a3fa92bc3e008de83d69390', class: `tick` }, h("svg", { key: '2c4553bd5650a2c6fc93e4ccb7a6a8e821e03ba5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e6b5d304d77aac8a4b7eb86b2c70c395ad5b99cc', d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: '6c39293ce2cbbff1a34dac306cf04049c5ba4e79', class: "content" }, this.type === 'icon_leading' && (h("svg", { key: '702039dace5fbf5d7ef53d05d8d4876a85865a59', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5cfcd05a991f42f37db29c0d9d163954ee45bc45', d: "M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.5" }), h("path", { key: '4e93333e15e773db69dd0c5d7734724aad11785e', d: "M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z", stroke: "#4B5565", "stroke-width": "1.5" }))), this.type === 'avatar_leading' && (h("gb-avatar", { key: '405cce88c937fa5ad8d6441111b20bd9b35ce527', class: "avatar-icon", size: "xs", "status-icon": "false" }, h("slot", { key: 'acd1d89ced10bbca56962a4e7b5a9c4c3e7100f3', name: "image", slot: "image" }))), this.type === 'dot_leading' && (h("svg", { key: '0d847a5acdf925109804992db4ffd03345d24a95', id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { key: 'd9b621cd0c1a3cc8c3bd04bb37b870241519e317', cx: "5", cy: "5", r: "4", fill: "#17B26A" }))), this.type === 'checkbox' && h("gb-checkbox", { key: 'c5723340a4c4431f314c7003342c9c011a080e22', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '46cd6f6af088d7868e6f9d6d9f0ebf61001343af', name: "name" }), this.supportingText && (h("span", { key: '7d225e9ae5d3f1055a61e6f8898b06debf177900' }, h("slot", { key: '87949302586c4bb7cf4c2fc35f3ff12acd42491c', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: 'dd6825f001e54bfa43437082cd58dadcb5093828', class: `tick` }, h("svg", { key: '0b07350c37ddcf7711569c51fb666460d61c1df1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '05fcf6c24b08efbbfe8703ff9f850dd65cfc565e', d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-input-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }