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

globuswebcomponents 0.6.4 → 0.6.6

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 (219) hide show

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"; }

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

@@ -51,15 +51,15 @@ export class GbInputField {
         }
     }
     render() {
-        return (h("div", { key: '084911edbd862330eb75d325f08fefe68a55db10', class: `input_container` }, h("div", { key: '30d7900dff60285851f1b21720c17486259d1d95', class: `input_with_label` }, this.showLabel && h("p", { key: 'd8eb8528522e36d037eac84de34f9266d31313af', class: "label text-sm-medium" }, this.label), this.type === 'default' && [
-            h("div", { key: '56aeafdb4440b98d5a83dee397e93774ba4f3e1e', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '10b819bf0752765b17b3647873f5c4df081bd805', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && (h("svg", { key: '58f0427884c522ed201b1b9e5ab454ea4332999d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b7b9e7be2f582715acaf13425e22ba47a326bc89', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '864be5000d5134ae75aa7f615effb9fb994fb8cc', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        return (h("div", { key: '99178bdce81a36d046eae9cbb91eafbeb01ecb09', class: `input_container` }, h("div", { key: '33bdabba579ef9c96ff82d41e144ecff593e9e52', class: `input_with_label` }, this.showLabel && h("p", { key: '5de423ad45ecd15cbeb64aa665794d2e4f81af1e', class: "label text-sm-medium" }, this.label), this.type === 'default' && [
+            h("div", { key: '8823d4d7ebbe73e391ebc11b4ea16c6b8cbdbf67', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '2a04c564ba6def09dd79caebcb16569b304a6c0d', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && (h("svg", { key: 'e58ab0d984a457adbe162fc8527267e0f86c70d7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '19a971392a39092ddd66e994bc9b872a7f2e7252', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '9dbd81de221268bf5e7f3ee9f12a822c17eda547', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
         ], this.type === 'icon_leading' && [
-            h("div", { key: '611b1218ae45f31c21942bb90afa3f8ddffe77cf', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '870d65048e4e4561ea6173984cae3cc647849a39', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '56de9ffc58b56419e73a639e1d282e814f0f8fa6', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '0156408f896af3f5cb7219c16d53d93b696006fc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e6fd9f33522b9e1b797acfdd53074bc81e99b975', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '755c1f66acdc6b9654073e1ced0d158f9226caae', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: 'ef6539696789607ff2bb83cd09a785f7d15a1cf3', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg" })))),
-        ], this.type === 'leading_dropdown' && (h("div", { key: 'ab6fbab0d67b0b055df17bf2404c1bffce9653a8', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '148537392875a58531c3c192429406f6812df4e7', class: `leading_dropdown_dropdown` }, h("div", { key: '51166eedb15e69b1503ed444a80db5665d50627a', class: `country_icon` }, h("img", { key: '57b9ab3082e8f7c7d9359d096b13dc85d4128180', src: "build/assets/NG.svg", alt: "" })), h("div", { key: 'c6c2d2160bc148b5813c564728b20d08361ceffc', class: `dropdown_text` }, h("p", { key: '557d3a11683b92e029d303baef2bfca00030b802', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "+234")), h("div", { key: 'f051c6723fbb4e8ee26a892f0192161320263334', class: `dropdown_arrow` }, h("svg", { key: '2ff0523d8b883578f4ac8a5a3f7d13a9a84e219b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '86604937cd16332c04ec98988703005088fd7a84', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'f094c0236b5b301c71a2ee526b4a332612e9fd80', class: `leading_dropdown_text_input` }, h("input", { key: '677a27c8bec27780764488b2b9c7cd0234c31cb2', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '05b05fd66415093642c4367394649ffb59da82f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9f51fb6d037683f83a3513ce61ea94d37d2f957f', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '31ce46f180e8c1ff979880ce5d717e671a6c9f5c', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_dropdown' && (h("div", { key: 'e6bbdb56ac7a65540cb221c188e74020d398bc50', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0d24c8717dbf04279b175eb6fb2e01b93c32491c', class: `trailing_dropdown_content` }, h("p", { key: '27a1ef0127c8f83c4db39dab91e840f8b0958535', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: '38f99daf69706e3ce414448f5549bf2c43ecb470', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showHelpIcon && (h("div", { key: 'c8d620406ddf32f98a460549d16a5cbeafbba49e', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '05a86c11bef10362362878e10995528a0c5d8a6a', class: `trailing_dropdown_dropdown` }, h("div", { key: '15d96874f8b0d7c7181d4627ae86293e88f1efe4', class: `dropdown_text` }, h("p", { key: '1aa3ca42e67ff064020eab8f5269efc5e8fa8111', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "USD")), h("div", { key: '1c15d256aee87203f93581eda0d8e15469838464', class: `dropdown_arrow` }, h("svg", { key: 'babdb061ee05e26fefade43504f2f6f0f6328126', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e37bffeb33cb709c1a515239df9420863027c670', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'leading_text' && [
-            h("div", { key: 'e599089d102258b5e22a0db823d28fe3970cd7e0', class: "leading_text_input" }, h("div", { key: 'bb8113d2198661a1c36b38409d18e161d7c4bee2', class: `add_on` }, h("p", { key: 'cdcbffafdaedd2eb826894489ad2445c06b180ef', class: `text-md-regular`, style: { color: this.state === 'disabled' ? 'var(--color-text-disabled, #CDD5DF)' : 'var(--color-text, #4B5565)' } }, "http://")), h("div", { key: '4d3a01c85022d1232574eedcdf2125c127e00634', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '82a1d77f7162b5cb9c6aabbc3b8b179e1b2f61d8', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '1d09320d7968b9e56af8be3f4c160799896f5a82', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a4e934e1eeb85d7f42054a62ca0d8e71ab2c8928', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'a0c17e92a2af4a3d59a7ed70dd70cee5c0884cd5', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-        ], this.type === 'payment_input' && (h("div", { key: '2784eb0887c041f530b46c89a04c332d66b7db1a', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: '4f7a378bd6f95948e0aa5c6411d42087be2e6f70', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '29cea2888b51c05c4f73f9a1aa72a173b9ff3149', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'ee784dd718211637057ba820b6795e915b376efe', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: '0aa5765303716de3fd03a1f91b751e41172c1e35', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: 'eb0cca8acfe332d23a8e2f388bf04d6a0a2c4d05', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '33b511979022b9b47ca66953f19e801d0e0d811f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '049723abc71b38b133cf8b73336999f7fa02f82d', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '786a8f6c155d041098e8a7cfe39e3613068ebafb', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '8996398648413c08eba294abf1557e783a5e7009', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '98cd3b96ba9f56093912fcd6f76e8e425edf13d5', class: `trailing_button_text_input` }, h("input", { key: '26ba6841cdc675283f613211a9d37b32e9e32f66', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: 'd5302ee79e2a0b7d3c3a2628cc96694d449bfc22', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '52c24f9b53a55edcc0b6811efcdcd6aac842b20b', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'b1afed8cc3d39bce3dc483aef3596b3252d8f79a', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: '2e43888c331cbb6d46f18c4c811a5dd81b50803c', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg" }))), this.type === 'password' && (h("div", { key: '0bac9543aa907ad35e3c1340ed96fbbbc90356f5', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '00fc0195eea81042174236de926aa0639f43d0c0', class: `password_content` }, h("input", { key: '9c5023e1294e40505ee72f0e24b14eeebbdbd667', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: 'da7fb48d68a6110ca5c0a1dd863cb162cc3906bd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '863eeb5aa823b4c73e7c6b9ec63dd6fadc9c17a3', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '6a4044d5a56aff702c9ccb03e7441f3ee21e28be', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '65c2f2bf9185320a134d993b665a3df805b8ed0c', class: `dropdown` }, h("gb-password-button", { key: '1404ae1ee3fdf7cfdad3d686367d9106063f7f54', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '292faae6ded6bc1fabcee5d36c65aa75fd07009c', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'ae1fe24d241004e932a51c4bb6843346326de303', class: `password_icon_leading_content` }, h("svg", { key: '7d44727819c44dac7eefd466a8f90b61a33231b9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '45f91e1cb0b43042ff5db598564fbc258408d0b9', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: '977f0bcdaa46b7233a1ae61de68542a54b0be34a', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '' })), this.showValidation && !this.destructive && (h("svg", { key: 'b19712dfdd529905f5c7ac68e37d0865aa9da481', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'defb2fc8dc85782ea9e624e61a2f4318462a1584', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'bbd35ac13a5ef59645d615daab5f6c388df72c3e', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: '91cf1545ab094242219190905de478e951061d6b', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            h("div", { key: '7913047636dcd7b685cd7ed14cb32335c9e9bffd', class: `count_input` }, h("div", { key: 'cf05e721a1cdacd67b1bf3e1a0ddea61b206ae77', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '44590545ce200e3f61e9c41856fb0ee56af1f414', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showHelpIcon && (h("div", { key: '319f80e589fcb86459f4e65f54cf2e3a5bbd0345', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'cb9edb6d37f46f9f345e586cec4141309ff9fa68', class: `action ${this.state}` }, h("gb-button", { key: '1c695bef8a7f7f31234eb478fd40029125e27c10', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("hr", { key: '2ffce8d63d3c5bc81e69fd3a0b302d819ae40b18' }), h("gb-button", { key: '124b8ac28dc5018d1d1c27fa3a361b6554f78c1f', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
-        ]), this.showHintText && h("p", { key: 'e16ccb080c029ad86ec8040a201d463428b2477e', class: "hint_text text-sm-regular" }, this.hintText)));
+            h("div", { key: '55cf308347844dec017206e627e0163220382bca', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'fc6934f52e00cd58448c941f50205457873a72c9', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: 'c0fda6466ea719bf1b9cc929a9d9ae6e783f01ab', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '8d67dba3f6e329c43eef8dca6a5beb7ece5ff4ee', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2750918ff9445f1a58e353bd3e176ed4f14e5c9e', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'dd1cbeebf40ba463ea3e1bc3bb6bcf1457bf7fda', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: 'af889fdf70836570aaa7e338e548d5ea7b91f870', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg" })))),
+        ], this.type === 'leading_dropdown' && (h("div", { key: '469fe7758b54fb3c77b010696c8cca2a2e490514', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '73dfc3df236bde4d2a44683366528c7cd5c9f402', class: `leading_dropdown_dropdown` }, h("div", { key: '1caa0295960789f6adddfb66e5bcd44219ba4982', class: `country_icon` }, h("img", { key: 'b1eca51e12a891d97f1c6aec35b7d8bbb0477504', src: "build/assets/NG.svg", alt: "" })), h("div", { key: '4569935d7c80a7c81ba3e028e7dff0d3de5fcbaa', class: `dropdown_text` }, h("p", { key: 'b02642e5e28a4de6380b82949aad8657f1e2d868', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "+234")), h("div", { key: 'f449e67c9f361e06b2840371efa1d905becc1443', class: `dropdown_arrow` }, h("svg", { key: '18b7cf90431d6eae2a9824cf79fcce9093f57b2d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3c7cc624866a1fe93453c0cc1ebfbad29c2a849c', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'ff6cab04f6237b44867bc453bb7159bcbcd63a1a', class: `leading_dropdown_text_input` }, h("input", { key: '2f775099b11ce5e158abe99b02967e8b1d7475e3', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '756219c93c2dfb986fd244b6cbd1083664cf6be9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4b9afbf78325bfe00ec2178ae3d278e131fd126e', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'd9ad3ac8491dece351ee5937072a57482d519c80', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_dropdown' && (h("div", { key: 'e7548872d184b7e4e834e1ec420a261f3761d93f', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'e8147c31f3baf37091088e38a3c0a85f96a61659', class: `trailing_dropdown_content` }, h("p", { key: '01e0fa8329711708659f526d0ec9307ee0f7a319', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: 'a4c95a441896715c1bb3148e794ee2e5a9b89324', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showHelpIcon && (h("div", { key: '99799c91c47f6b7f4852043afad60e22b4947203', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '8c924c0a2781826fc4359e091dd09c0bc8d208e4', class: `trailing_dropdown_dropdown` }, h("div", { key: 'b74ed99d94628b658e694d25d385a86df0ed1b94', class: `dropdown_text` }, h("p", { key: 'e18d2a63fa90bef10606a61c803dba6f2df5b3a8', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "USD")), h("div", { key: 'c93e880423165a902f1bdb1af0e9e99643458c53', class: `dropdown_arrow` }, h("svg", { key: 'fc701e5988465ce938839db452128ad856b8a327', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '496a1ed25c735c3ec035f00c4bb51bd6d94a8689', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'leading_text' && [
+            h("div", { key: '43b7a9b40ca04239a3c187762e26324ba3b01868', class: "leading_text_input" }, h("div", { key: '2c7a47264c3a7e4691c4cfdd9c32583b56611587', class: `add_on` }, h("p", { key: 'db67befb12613f9bd0138ace448366f93fcc2e2d', class: `text-md-regular`, style: { color: this.state === 'disabled' ? 'var(--color-text-disabled, #CDD5DF)' : 'var(--color-text, #4B5565)' } }, "http://")), h("div", { key: '45e189374110d0796a26f447ed46c72cae2e743f', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '8aa6303b9f5c453439fc94d06e8ab8be6bcf31d8', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '773bd7bd3093ebf08970b18a932724089b7ebc40', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4b8af1a04f6ec96968208540f88f1f5c04720606', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'fa2da8c3cb1fc7e5d00a287861bf2d7fdd1ecf4b', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        ], this.type === 'payment_input' && (h("div", { key: 'cf2ea7d7208de105ab80f65a8b58584ccb56207d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'ce864e0ed2f480d920a396cf99f7ea20aea6866f', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '2503f8373e966efd9380ef8bca7d4ab18de4bf7f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: '99722bed8e55a7139be913b9b2b7cc1fe111a705', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: '9090818d988b883d40cf2a76a76b1350092050dc', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '2e14ded4f3341ac52a269594968ca1a9cfbcf6a8', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '0bd71709179985ea4c60ea8e225481cc987941bb', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b8e611e653b8930bbbbf0601abbe600e6fcba263', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '5631cc93e03d46076a241169043b9ab10d2fbe16', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '399fe988935723c644fbd864ffaf62449afb2511', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '5ac487dd07405b178d02f3fa4e8a852275b21593', class: `trailing_button_text_input` }, h("input", { key: '36bf1bdd09d39456c5ee51b706269ef829ccc61b', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '0d6bb6646dd1e1372295eb963d8d8d458eb6452a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a8f5ebd17c84b22300a3edde5c96b7c217a82099', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '52089d01bf2adbb9d1e7387fc6ebe2fbdf3bd14c', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: '4decc28ef52552a406e4615900bd4397a2edea8b', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg" }))), this.type === 'password' && (h("div", { key: '12638199feabeb531c62b44b2b684723b102369a', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'c076da730431a05a1a7f5052a65d67928546005f', class: `password_content` }, h("input", { key: '91cb2bf476d9bb8215ff0c04f433f454dd4099ed', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '' }), this.showValidation && !this.destructive && (h("svg", { key: '17ca0e5d7040ad234a0119cdeae450cc529507d0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7c45bbf58636b91657b702a38df33c5ed192eac9', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '395919cf008b926eeb47e434d9f1b88f74485404', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '65bf46b17829350c6f3ae3e1f28f3626a030f593', class: `dropdown` }, h("gb-password-button", { key: 'b84265b5262fe05e12f9d65ee30a51dbc48c83e2', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '3e4001ec57b26d38dcd5c3bc4efcb3646eabc5bc', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'add28606305ec22232ca7034bf0c1a76b638c88a', class: `password_icon_leading_content` }, h("svg", { key: '8bf956f4f95d0597359205f2dab1d56deb9b98ae', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bc50e87b095faa9c16bfcb497ab2946265a112d7', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: 'b51d3bd720ffd4c9663c69f566f8de553ff77570', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '' })), this.showValidation && !this.destructive && (h("svg", { key: '79bd73cad5e5d24d79b23d9b495c77cc1cc86978', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'db1cc5f5d4b266793a67476340918f6ec1964b82', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '222abd2e9a5a659f49ed9e032a5970a2e5424c1c', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: 'e8b399ae892355092d2187565cf38820fb29190b', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: 'a53265618b5934297f1fd96f92a7b4a10018e23f', class: `count_input` }, h("div", { key: '017170502a84cec06365ae12cd7ec32634203192', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '7db2866b37dbae83580983df092cf3034a41f3d9', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '' }), this.showHelpIcon && (h("div", { key: 'cc1d1c8566d4129ed65cc50e97178c2ee609c703', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'f89ba639b25c0d618fa704889880216535fd6aa8', class: `action ${this.state}` }, h("gb-button", { key: '721a99f5bc6395e3676f4533e883b20b1c81e7a9', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("hr", { key: 'c8cd1d1b56a62ac90c2ef48e609dcc32868cd508' }), h("gb-button", { key: '19a7e7a19e25b95cd8c97a7b41ba12616fad4203', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
+        ]), this.showHintText && h("p", { key: 'f47b9ac5f6c519d999839fb5089c6b56f2eed7d0', class: "hint_text text-sm-regular" }, this.hintText)));
     }
     static get is() { return "gb-input-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js CHANGED Viewed

@@ -16,10 +16,10 @@ export class GbMegaInputField {
         }
     }
     render() {
-        return (h("div", { key: '2a769baa8a88a41d539d5a91045cafd58a9cc47a', class: {
+        return (h("div", { key: 'c99c7070a6753a01a8f4423898f01ee91df4f260', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: '932fc987a6fa2d2438979a9098b5bc486b7856af', class: {
+            } }, 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/collection/components/gb-notification-content/gb-notification-content.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`assets/${this.icon}.svg`);
-        return (h("div", { key: '8fff38a998c0c67b924aa049c1f721bf39064cba', class: "notification_container" }, h("div", { key: '18f537d5cbdc87f10e6a555c737364a913b02ff0', class: "notification_title" }, this.icon && (h("div", { key: '8263b492e1f04c8d168c6963d6c1d4aba9184d38', class: "icon" }, h("img", { key: '7e87b6c4e3977490477a03d28cc9921d4fdf49c9', src: iconSrc, alt: "Icon" }))), h("label", { key: '3821665284651a95f0c69233ac4ca38d5afe9b08' }, this.label), h("span", { key: '57736765438bea6edefffa462608c9df6f10b7c0', class: "time" }, this.time)), h("div", { key: '32ec856759f4c11b499a44a54df697b152355c75', class: "supporting_text" }, h("p", { key: '1eb78175f0f5fd664f0b5d0e3837534dc0a6d12e', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '46b6854b2ade042dea074149731f427f2715880b', class: "notification_container" }, h("div", { key: '1c26d0edd8d552d69ff670e8ecbdd6a63e0e0cbb', class: "notification_title" }, this.icon && (h("div", { key: '055a965434ed65f26e04a19eac0665fa9b9a014c', class: "icon" }, h("img", { key: '5c6cbdd6c4486779e506afae0ca41669e98500b8', src: iconSrc, alt: "Icon" }))), h("label", { key: 'ce95889cd9d43745a1d888f056e020d3d208b73b' }, this.label), h("span", { key: '15b0b31feb1a84461a7db2a72528a97b91d79fa1', class: "time" }, this.time)), h("div", { key: 'd7f67249d09affd80ec288aa702c01906bbec408', class: "supporting_text" }, h("p", { key: 'de1289886452353ca2475e9b97858be29a54265a', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-notification-pane/gb-notification-pane.css CHANGED Viewed

@@ -2669,6 +2669,7 @@
     border: 1px solid var(--color-border-subtler, #E3E8EF);
     background: var(--color-surface, #FFFFFF);
     box-shadow: var(--shadow-md);
+    cursor: pointer;
 }
 .content_wrapper{

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js CHANGED Viewed

@@ -26,10 +26,10 @@ export class GbNotificationPane {
         notification.remove();
     }
     render() {
-        return (h("div", { key: '468ac956ed7807acc27f15c61c5ba6650a6c4371', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'aba610a78c84d8b06d1e275b03b3c6c190b24c0d', class: `container` }, h("img", { key: 'e5afebe07a01f3244adfa6bc9cc7aa20780a2c07', src: "build/assets/no_notification_frame.svg", alt: "" })),
-            h("div", { key: 'bb47bbc66c1ca4610e5a50aada639848699f4b37', class: `button` }, h("gb-button", { key: 'f6e0dea403dda19cefe4bcacc789d525aeba4d10', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '14bec914a80ad8cd769e51919a0047e76ae48b36' }, "Mark all as read"))),
-        ], this.state === 'notification_dropdown' && (h("div", { key: '067a6ba503a9cc9dcafb815f314c1262fff33fc6', class: "notification_dropdown" }, h("div", { key: '3e0e61b242c0c0b39bf98b04b8565d66e109afdb', class: `content_wrapper` }, h("gb-notification-content", { key: '0ae421f83733d0b43ba50e9fd601035acd549884', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '0a0e5c68cc9b3ea37099bc10e11535dc40f52845', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '1797d6cbb2b08ca441b92a020e0d79a7dd866487', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '3b928b3a25c8156b779459fc5c33f075c0fb484d', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '7bc6ce6b4352cc266d2adda6cb81369698e41b86', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: 'ed2059ee7aa422f27675878712c286c84bda5a86', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" })), h("gb-button", { key: '8886b176a90770f821454b67096d8e69573e8610', size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '225a389de1600ced1045c48ddc2dcb95999e7924' }, "Mark all as read"))))));
+        return (h("div", { key: 'aff277ae6ac1ed757f768df3dad17632506723ad', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'c993f2a860b8a45da77528cb022b7043b9d0126d', class: `container` }, h("img", { key: '28a8e1eb08aa7520803695e8a5807e080d1be960', src: "build/assets/no_notification_frame.svg", alt: "" })),
+            h("div", { key: 'a0e998040deb6e80202ad0dfd016039bbd0f3197', class: `button` }, h("gb-button", { key: '00c7c081658ea2ce7320677a16105de00177bf99', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'ba1f3c7df133e5fa0337c62412983a8a18bc3778' }, "Mark all as read"))),
+        ], this.state === 'notification_dropdown' && (h("div", { key: '0decd9f19f0ed7d282578f222ac3e95067d3cbe7', class: "notification_dropdown" }, h("div", { key: 'e1ed8f86a56f952f6d258e642649a5930c1b3fae', class: `content_wrapper` }, h("gb-notification-content", { key: 'd8853fd7904a2551eac780c47ed1d378dfa8aa00', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: 'e597984f0e43a0ef82c9daf2a66adc849150d558', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '62bcdd7c3ff552f3d5983c007dadcc1ad83e98f2', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '19e93b042bd558ab36c03c3ae0aeca92a7302407', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: 'aacc2239dcf4da0cefd521bf738daa4a3c2007da', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" }), h("gb-notification-content", { key: '812f8b89b5351fc9efda8335357ec5cf5230711d', label: "Flagged Transaction", time: "Just now", "supporting-text": "Aisha, here is your weekly report", icon: "alert-02" })), h("gb-button", { key: '091fe11d083ec811bf4b438d4090105481c6a2b9', size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'c51efe1ec26e460f51c0aeb629eb8b01e0d419ac' }, "Mark all as read"))))));
     }
     static get is() { return "gb-notification-pane"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class GbPagination {
         this.totalPages = 10;
     }
     render() {
-        return (h("div", { key: '333bd4ba66fa9cff5f0ff5b9344d1277c0ea026b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4ee352dc8d33e17901808035d0d9077b339ba40c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'be7746db486529a38b340e9b383c22b710eb3989' }, "Previous")), h("gb-button", { key: 'ea5b74a12cbecd14a52a37107b7e94d1ca207441', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '6f89ca608db613557483947a0d2f313b0f593a10' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '96eb4595c05876aa81ba7892e19e8b3e0aa8d285', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'c63e07e0e751ce0ce96e8c033198a0b63862b582' }, "Previous")), h("gb-button", { key: '4d454d2bf7313efdfb6ce9b3901de7cb73519dc7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '7d4d043707675ea74db5282b31201a9fd63e9685' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '367797b91c668eacd0407bb567a42fb6119dfca4', class: "entries" }, "Entries"), h("div", { key: 'c2aa593a03638559e9d224e2e398206ba9210f67', class: "page_numbers" }), h("div", { key: 'b6393f04843b88f1b79b90c6db67f11807154c2a', class: "buttons" }, h("gb-button", { key: 'c1d0e397f06209847fe2259b15508b8fa1cd39be', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: '580def99826775a7f95e21c9a8cc241bf4dce56c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'bdee7939c9fb8cdf019f2d7d1aec5715b564d865', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '8c31a7fbb96565453ab15331eff8867c261a028a', class: "page_number_text" }, h("p", { key: '9bd8c21b3923cbf5cb78f6bd3ae24832df9ce4e3', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '11ba694a5d6a3285185bb99774136471468774bd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
+        return (h("div", { key: 'bc8392fb731157957a2f6f86acba31bc00672d44', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '25e4be5027d583832284bb19e697ef2da506f97a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '60c3dc1e8f18c3bb8701e4912936896fc5465ca7' }, "Previous")), h("gb-button", { key: '8208b085acab7f7ddff76fa0e02fdeb55eff3c95', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '23c2b556011421b4ac2131165995a8a1a1db3b0f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f43e7869da09853fb46bf6fab5c1e3f3398c0b89', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '584f9ad8cc841b645410abcdb0db752b3c916c20' }, "Previous")), h("gb-button", { key: '506eaf7525544354f51b24e7faa74ad50d1f276f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'ab5a4b24e419a6ead8f7d6d0feb2d24bebb7e027' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c8ad9b184410b8caadc61b2d6632be987bda5aac', class: "entries" }, "Entries"), h("div", { key: 'ceba2a3f856e1f650cdd8016721819f815c063ca', class: "page_numbers" }), h("div", { key: '51a758d2c9969fdfc2139678b09b351a7f43a11d', class: "buttons" }, h("gb-button", { key: '71c5f361bf04d3271a4555beebed488026ae362c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("gb-button", { key: 'd3eac75ffca374722ac189b47eaf110b77e51059', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5453e0cfabcba6417c9380f3a78ec3842f7d16d9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '6748595de959522d628291073952183cb7a23aaa', class: "page_number_text" }, h("p", { key: '421dfd886514e9ccf97e7a11802663a58b569308', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '010746b1bcebc33c7c8f0212a1e4e79d2e1a511e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
         }
     }
     render() {
-        return (h("div", { key: 'c7843bad573be2b69c58dd697878a9730896a4c0', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'e8692d7ab9eb9a2e55c326187acce39ce8eff538' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '37223d5dbc557f399494d78d1cb6a39687491ffc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '71de0a1363fccaea2dbc2f882a4210f5a84afcb4', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'fb842c857107d3a72e325c812b84576e1679cfce' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'a725fa6e59a8eb3fe6a937591b3222caa4d14d84' }), this.iconTrailing && (h("svg", { key: '00e65f91eed6b3c1b60e9e232d028369d6a0062e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6728ed566bd34a981862853cb48b4bff549bc3d6', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: '7150f2c905a732776c2274fe5895472c400c0a1c', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'cc20612e2c16aac7da3b2fbe67111ee772f4992c' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'c600af665b4c0625255b6d27bd86ed667737de21', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '983ac86c8b102c3777d541fe2a399bb90def7d67', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '959797b0d186f5ea39604fadda49963449ca9ba1' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'e87eae29b6aeb717da8cdb76df0a6583bea228a8' }), this.iconTrailing && (h("svg", { key: '3920623dffbc9e5a56da52e7e7881c40d858cbfd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a80f846e43ec8fb4269280c81aac44acb0582037', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return h("div", { key: '0138db5f20ccde6bfdcad3e99442e764a0be611d', class: `dot_indicator_div
+        return h("div", { key: '7a55bd2fd6e008566a6bfae35b033ca02e25e17c', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` });
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '812a38b49a9ab68a03b12588f0b2ceefbb299896', class: `page_number_base ${this.shape}` }, h("slot", { key: 'dd91defacfe3d768af92628e35b35ba4eabc263e', name: "page_number" })));
+        return (h("div", { key: 'e2b21c2cacea0ab763645426e1fb1d85ba41d6da', class: `page_number_base ${this.shape}` }, h("slot", { key: 'ad324e599bf558314bef794417b8a18c5c114d1f', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '1d048457d99299c36fd860b2137a6abac4fc506f' }, h("gb-btn", { key: 'eac502d10b095c3259e3fb7c5001950ec70c771f', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '08475ccab38d4687c4b6251a03f446123283acd2' }, h("gb-btn", { key: '4e7488bf76f35155de6445546f0ca5805a2eac43', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js CHANGED Viewed

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

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js CHANGED Viewed

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

package/dist/collection/components/gb-rich-text/gb-rich-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: '8df669d680c1b8e463109adab0e1358e6fcdd466', class: classes }, h("div", { key: '40170a5167746223016a61156b9ba9e0eafa704a', class: "input-with-label" }, h("label", { key: 'f0a8bf99e86cae911cd40d7e4185f53f38753c0c' }, this.label), h("div", { key: '5d4918cd2750d6874ec734e230a601f7fc1fa69a', class: "input-container" }, h("div", { key: '1e17138eb01efb14b1e57104b0a67a73d0c7a93b', class: "toolbar-container" }, 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 && (h("span", { key: 'ecc995d2db6c4024856b545003feee88e5205d97', class: "error-icon" }, h("svg", { key: '757ade9ff0021f8a224b54e77957f65a31caaf16', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, 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" })))), h("div", { key: 'df22dc5810c097340fa42940415928ef12c9b615', class: "text-container" }, h("textarea", { key: '3d9ee2ff949f0d245aa54b1e5f84c83687be5103' }, this.showPlaceholder && (h("div", { key: '412fcbf28b8a502ceabfd33652e40a1e3e2d2880' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'cfa4e59e675eeeaf306dfe7a54ab92b57af6a7f7', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '5568e9945fad4c75710abd269ca5b1e36285c910', class: classes }, h("div", { key: '3c0700cef81c940a06bed6be626792aae3698b4d', class: "input-with-label" }, h("label", { key: 'e7bbf2e879cb6b585bd23e08622925870cc2ebcd' }, this.label), h("div", { key: 'a7648cf02650fae784ae59cb0b974f9f6c5c12a6', class: "input-container" }, h("div", { key: '15c35f4dd3a749f1ea8b73610d4c6e374c567a87', class: "toolbar-container" }, 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 && (h("span", { key: '60c4611e3e182932bc66d6fe17438a015981c4da', class: "error-icon" }, h("svg", { key: 'a638cd9177a8c642fd19075e24eab9e868cad239', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, 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" })))), h("div", { key: 'fb6c5bc96ddc557ff8b9d6a47430824cf99a1bfc', class: "text-container" }, h("textarea", { key: 'a24682a41354ee4a5dc74b5dc18434249bbc8644' }, this.showPlaceholder && (h("div", { key: '1155f430e00c9c2c78d16e93b9cdf2f28c8ca792' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'a8317c29d3a0a060d7dc25b295aef67bdbef22ea', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '151a1ea86aaa952790dc0e936cf0cd67fa85ac02', class: "scrollbar-container" }, h("div", { key: '609557846d47f64e0e1553e3a1197be51e159faf', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '629db9fa9e7356e7a63df1a5fc3e47faf44ef10e' }))));
+        return (h("div", { key: '0b4592dc199669e17dfa5228d48d10fc21ad39a9', class: "scrollbar-container" }, h("div", { key: '47b86b7f98cf49307a62874530d6a0c7e94d2005', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'e5ba42888a4c54e0d20c4c1de0f5e3f67ce31a78' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '1d60c16873e997a44cf51a246e4b49a4081b35ec', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'acc476faf9d61a90ba327e63b6038e72bbbbf689', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'a7dab9fa41360b39c89eedbb61081bccdb52decd', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'b6ee6f302086ccd91f9fe482ce3a191e2cd7fd61', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '4bdf0e193ac91138b0c1995710955c5cb562853b', class: "content" }, h("div", { key: '3e77f82d68f21f2a13724d79485ff2698bfec8ee', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'd8ac2cb8aff5d15378f6cc74461592e8ae35c798', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '8bf6578a0e5dd8495723edcc59c1f1098c08ec8d', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'ec380efe5ca80f8858236c745eb58ec86d5a2672' }, "10"))), this.showArrow && (h("svg", { key: '2f8d9951e840eb3e3e4e0968fed4c1fbef8de7a4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'fa4eac28081762ec0f00882b14f93a4b529c34a3', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '7150e7de64512ab17956a86788b269fcfec03197', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '14ac95e2ad27527c29f8b9ea4e0b793c2b5d8365', slot: "label" }, this.label)))));
+        return (h("div", { key: '1e4efb7ae9205c465f4ae6a4ab6e60df1a4cef99', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0836023ac61be6b9bd9c2fa78f9225489c0dfd18', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'c93f3248a279e149d7d348e38477924e51ba12dc', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd448076e1f363373acea45940c3cb89f6679d198', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'c9f416db09c936d513deecdb1c15020be48e8c50', class: "content" }, h("div", { key: '70f746fcecbc91b50fe5f8305b5a58196e29b5a1', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b0a9b693241cbfd36a27915bbc45aeff042a78ec', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '6c173537f87b10b3f10e81ede12e7ee92612591e', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'aeefa552f583f445f93fe2da3909f756eddab6b8' }, "10"))), this.showArrow && (h("svg", { key: '2f3776a76f189eee9cee49f2e9ba8cc456492c2f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'fa730135706f3a2d93bf728b53d70de15a3b44df', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '53f56329f346140dd63bf0f580073bb8fa3b40d9', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'd519ae1d0167d0698e3b85243c2c34c96b0c2522', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }