npm - globuswebcomponents - Versions diffs - 0.3.2 → 0.3.4 - Mend

globuswebcomponents 0.3.2 → 0.3.4

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

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

@@ -23,7 +23,7 @@ export class GbInputField {
         const classes = {
             [this.size]: true,
         };
-        return (h("div", { key: 'd3cb2163d547b42c36fafb321e23256990a5fb3d', class: classes }, h("label", { key: 'a9dfcc3025c43858b29a82cb59d6d90d86ffb505' }, this.label), this.inputType === 'default' && (h("div", { key: '82405c874e940ee80ba84dca09cf17917172782a', class: "input-wrapper" }, h("input", { key: '6f64b7614b03ad8aacae48061c7ac4f44dfb0c7c', placeholder: this.placeholder }), this.helpIcon && (h("div", { key: 'ec84cd00e537195bad705a06bf91fca427742b87', class: "help-icon" }, h("svg", { key: '9eb29a730c13a10f5c21275ca779a6e0ead5ace6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '12abfc75211a47e0f80ced82c8103b1613108452', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'icon_leading' && (h("div", { key: '216e9966116935f263c6db27eb152d34d4995121', class: "input-wrapper" }, this.icon && (h("div", { key: 'cbe0bf5bc6953df4ff91102ea07079fecdd8498c', class: "icon" }, h("img", { key: 'f48078f1362608a4059c2159a0c6a3a8ade05765', src: icon, alt: "Icon" }))), h("input", { key: 'e99d1abb2ab39b8c53c487fb7b51e642f425c0e5', placeholder: this.placeholder, type: 'email' }), this.helpIcon && (h("div", { key: 'fb1bbad0009a28f2b1a6695247de8e0bafe13a03', class: "help-icon" }, h("svg", { key: '72f2c780e0888c9d1a16714901523c1e68cc3257', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'a6d8d5f39756717bbc376bb97ca534c7f7c8fb63', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'leading_dropdown' && (h("div", { key: 'd0f396004ce87db568f547dfc802bbf48dcd06f4', class: "input-wrapper" }, this.icon && (h("div", { key: 'cdbf5bdc4750eb780dc206666830150a88116f82', class: "icon" }, h("img", { key: '9d77f27ed1982519930931eb53bc4851d6304a8e', src: icon, alt: "Icon" }))), h("select", { key: '60f1aa17b42d770b5b3df18243863f4a58591b22' }), h("input", { key: '4ebb34a1838d4da0571f4ec5e60da31512adbaff', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: '57ffbded81fc87314b87d8aa31faa8f9575c15d9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '13b718815b227171421485de83a9b4de366921f0', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'payment_input' && (h("div", { key: 'c87bacd767b1103f5012b0db42815666c565dbb6', class: "input-wrapper" }, h("span", { key: '1197ffde5b3a4020ac6520b32f0afed227adbf96', class: 'payment-icon' }, "$"), h("input", { key: '7a483eb45839af8b13bdd19293ce61317a42a46e', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: 'e9cd78f4f920eea8489ec5d84ed1c01fc8dec114', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '8da89e51262bb7bf252066588aacd66d8c43c056', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'tags' && (h("input", { key: '88cd7d4049be5f15fe00bada0e9698c3a12aa06a', placeholder: this.placeholder }, h("slot", { key: '8629ff14650de2d4ae3c54eec4bbc9edf8471851' }), this.helpIcon && (h("svg", { key: 'ca36cdd2417f4700b5035e581f48ed200958f96b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '3ed9ee9ccd0f7db379de93fd10bb3e4e8c29d9c5', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'password' && (h("input", { key: '7b1b39e183dbdbea3df3a2f50c4fd10cc52bd787', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: 'bfeeaaf0f245521edef6f5826ba71d037e281ba9', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '785cf1ef83617b2f96324e46710cbfd46d5218f6', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'password_icon_leading' && (h("input", { key: 'ffdf00321b28b38fc07633d6ba68f47c810cb0b3', placeholder: this.placeholder }, this.icon && (h("div", { key: '59eff7935a50780e67ad4c79b2e1d743f96fe4c2', class: "icon" }, h("img", { key: '34b57866d28c2f617abc051cef18071d8a655d6b', src: icon, alt: "Icon" }))), this.helpIcon && (h("svg", { key: 'f9c5254e6816dc08502333cab41fe54bc2609969', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'd9fbeacc0ffee8c4eef938ae37fa54dd0a8e52dd', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'count' && (h("input", { key: '0ed3460aca362498549be3ac7307e72bb849563f', placeholder: this.placeholder }, this.icon && (h("div", { key: '22677eabb6c23d74f7af237e0d1d4fee6039b696', class: "icon" }, h("img", { key: '082a18a1c70e959c4735fba1272f9c3a791c729b', src: icon, alt: "Icon" }))), this.helpIcon && (h("svg", { key: 'c19d0a8bea8d6d536d80491335d7a8eca9056e3f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '084ad76feb1bbc5f43d366c7a7d754c2c042b6c0', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { key: '77a947419f4ea35429c61e53e5308623e66fe5df' }, h("button", { key: '6969ab48e0c2970a72b1e797797db8528accc208', class: "decrease-btn" }, h("svg", { key: '712c330fdec3b5daa0e70dfa4c3db7aa73da406a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '19900dd1e1d17a067596da6499ab77e9a21328de', d: "M16.6666 10L3.33329 10", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '6e0d0149d567c00ced9353db82265d2e26c32feb', class: "increase-btn" }, h("svg", { key: '8f513c6316615a3bc748c7ed691b18b60dc88df9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6df8674bb205befd0deccca881fa3a9ebb15d574', d: "M10 3.33334L10 16.6667M16.6667 10L3.33337 10", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("p", { key: '7b92772ef19c40936499d71daedbc177029332b1', class: "help-text" }, "This is a hint to help the user")));
+        return (h("div", { key: '6b50f88ec66b18da0f30c29c1263b5ffff5e3aa6', class: classes }, h("label", { key: 'b54c50c41122fe1db87c23e85fe6518166298b18' }, this.label), this.inputType === 'default' && (h("div", { key: 'a947d3d6417ec61c9b7a0ba681efc4e6f439ad5d', class: "input-wrapper" }, h("input", { key: '07187cfd5d3644f679b55644e795caea8bdf819a', placeholder: this.placeholder }), this.helpIcon && (h("div", { key: '5470f11f3e168f8f4978965829fff1765ddc1891', class: "help-icon" }, h("svg", { key: '15fa4215af1eaf4a5273280e654ab4b18060c015', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0d0388b940b2678c1131bbddc2017c51c3eda3d2', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'icon_leading' && (h("div", { key: '16179c87577f059c00d5b80501c6ab11d6aaadd6', class: "input-wrapper" }, this.icon && (h("div", { key: '204fdb21839c3acff245fa188b93a8c6feccc842', class: "icon" }, h("img", { key: '683ac85ce2ff6d21e9682d09c925304c88871725', src: icon, alt: "Icon" }))), h("input", { key: 'd0f23a6b268551c4644186ac984f285063fc10ba', placeholder: this.placeholder, type: 'email' }), this.helpIcon && (h("div", { key: 'd10ae61331d8b41cc813b7f55c4ec87378eba224', class: "help-icon" }, h("svg", { key: '23306e8074501d477255af45e83dbe925bf79f8d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '86d4fa9835828aa867c660d743647ca39b00667f', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'leading_dropdown' && (h("div", { key: '4ad0e9306ae0d77f5487e757a4a1593254ce440a', class: "input-wrapper" }, this.icon && (h("div", { key: '171367f7949e68d2b08ca034bbb327b2109c42a1', class: "icon" }, h("img", { key: '103150bdad69272677733b6c23ae2b43c9a16d5f', src: icon, alt: "Icon" }))), h("select", { key: '4cc19cd40d72e4e04dd8199a4298f36b021a60bc' }), h("input", { key: 'ac56e7bc299a35ee06a68534fc5c67f019548280', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: '9800c59651ab098bc5bb1e9fd1733364bd5b4620', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '58fdc8cd4522d365fec193b0fa154027fcddcf64', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'payment_input' && (h("div", { key: '707698bed63785f333c261ff73d1ec540726cc81', class: "input-wrapper" }, h("span", { key: 'f975a01fe5af1c44ddb74f45c375db57e9466beb', class: 'payment-icon' }, "$"), h("input", { key: '72601af9ac3cafd8f2b2b2881e97cc81aee19bc4', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: 'fca60ca59de144a9b1abb58cea3f08fac94d9661', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'ad53ff51e8c2bfc11b2916e5b6297621c3a77d5c', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.inputType === 'tags' && (h("input", { key: 'e8e8814c581a76da108b07c3c0b4b4926a61ee44', placeholder: this.placeholder }, h("slot", { key: 'a022271cb6f04eb070e99f38d309b4af3f2546a4' }), this.helpIcon && (h("svg", { key: '730a620df79497d0b822d545b84298c050d3102f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '92cec605eef408159267ac783630119c0276a8ca', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'password' && (h("input", { key: 'dcc8a9629a87d3e17d2543b9bf7fe7f982858d5d', placeholder: this.placeholder }, this.helpIcon && (h("svg", { key: 'e094de44855c5d87bc6f75f557038790d660423c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'acc73a8561fc8948036a221bed0f67674bd3f19e', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'password_icon_leading' && (h("input", { key: '74841d9079cacb1cf87719eee5a0869dc9c854f0', placeholder: this.placeholder }, this.icon && (h("div", { key: '665aff2660d1e38aa0e11d3ce3c356dec6c25dbe', class: "icon" }, h("img", { key: '1037e61fc2a8ff1134928424587e9c2f94ebe373', src: icon, alt: "Icon" }))), this.helpIcon && (h("svg", { key: '84525e31b70412089124a56103eda3379889e2ec', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'd3f25bcdd5bce9f1cb23bcba193f55a252c8b33a', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.inputType === 'count' && (h("input", { key: 'e419d25736dec54d3b01b1463387d9f19b198eb1', placeholder: this.placeholder }, this.icon && (h("div", { key: 'ae58b694374e886ebd4b4d5a596787f54ac3ae04', class: "icon" }, h("img", { key: 'a7f7b397b05b12b539c2843fa9e62121c64c785b', src: icon, alt: "Icon" }))), this.helpIcon && (h("svg", { key: 'a0985b4decc213cfd6aaecdfd7df5d3c76ae0c6d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '8cb6a1370d5436a33db60394d28bce6478d479d1', d: "M6.66671 5.99998C6.66671 5.2636 7.26366 4.66665 8.00004 4.66665C8.73642 4.66665 9.33337 5.2636 9.33337 5.99998C9.33337 6.26541 9.25581 6.51273 9.12212 6.72051C8.72365 7.33976 8.00004 7.93027 8.00004 8.66665V8.99998M7.9947 11.3333H8.00069M14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00004 14.6666C4.31814 14.6666 1.33337 11.6819 1.33337 7.99998C1.33337 4.31808 4.31814 1.33331 8.00004 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { key: 'f6319c128ecc967b3737b44703e88b44c9f293ff' }, h("button", { key: '7ce4302efa9a9aeeffc405af1942ef231b78b33a', class: "decrease-btn" }, h("svg", { key: '8f9a5147536130603c51375eca3058064f4049f0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0d3f3919eea529ef5bc15e63b37f8da13895383d', d: "M16.6666 10L3.33329 10", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '8bb9b16ac110888806d4e6d96a16e6e9160b6bef', class: "increase-btn" }, h("svg", { key: '926c09e6319e444289b0b8be8671b1e00b4a0c98', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bec28be6617c7ea940188473c931a768e76f4a9a', d: "M10 3.33334L10 16.6667M16.6667 10L3.33337 10", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("p", { key: 'f6d06d17f620be15027492a0947aa66f8a81f208', class: "help-text" }, "This is a hint to help the user")));
     }
     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

@@ -4,7 +4,7 @@ export class GbMegaInputField {
         this.size = undefined;
     }
     render() {
-        return (h("input", { key: '8bc4c79d82f4d961443de32f5253438e10369c1e', class: this.size, type: "number", placeholder: "0" }));
+        return (h("input", { key: '6efddc74b26772eacc8eaa72219725ffa2ddc0db', class: this.size, type: "number", placeholder: "0" }));
     }
     static get is() { return "gb-megainput-field"; }
     static get encapsulation() { return "shadow"; }

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: 'df8c3ab60a1ef10007e8845089adb2b428dd6bb9', class: "notification-container" }, h("div", { key: 'a98390fe5a357280805e2cc447a1f3caf27c7494', class: "notification-title" }, this.icon && (h("div", { key: 'dbc1c9f5331e714ec015d96cbc4c4c73c9d5a361', class: "icon" }, h("img", { key: '4e0ceba7fd95fd5bef9dd40c89522d767027599b', src: iconSrc, alt: "Icon" }))), h("label", { key: '3a583e92f2748570bba75025ed863132c155104a' }, this.label), h("span", { key: 'da0f6b0546aaf46e6346971e4d6dd337c02e14e5', class: "time" }, this.time)), h("div", { key: '8beefef9b6d549e1f969d099cf3c689a12a365a4', class: "supporting-text" }, this.supportingText)));
+        return (h("div", { key: '7a6ae6b63093ee5ae708b662b5d227d4eccc1a39', class: "notification-container" }, h("div", { key: '2d720823917e67112163e753e9283190b757dbd8', class: "notification-title" }, this.icon && (h("div", { key: 'c58790882cb93e32d64757ad586421fadbf0bf88', class: "icon" }, h("img", { key: '13fbcc6a5fa0b43bd671d9e9fbbe59fe8d9746f1', src: iconSrc, alt: "Icon" }))), h("label", { key: '6c15bcb5205ba500af5ccc222eeffee369205ae7' }, this.label), h("span", { key: '07f1e4561328012c88c394f2e6a32acd2639ba25', class: "time" }, this.time)), h("div", { key: 'b26cb02e8f1b2e238152c3122cac5a4fa71b75a8', class: "supporting-text" }, this.supportingText)));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GbNotificationPanel {
         notification.remove();
     }
     render() {
-        return (h("div", { key: '804531cee1f749b49940b34ebab398959c9eecc5', class: "notification-panel" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: '5d6741763509f22166afc2935165b09bb45a0e60' }, h("div", { key: '011dbf8e068020315d1d8d67a82315210a80df2f', class: "empty-state" }, h("img", { key: '70e458db4b76b88805c4f7b6b81dd05f07fe3282', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: '9b04867c710208fd67eb3452f7555c266effa68d' }, "No notification"), h("p", { key: 'c53d6517279d48dca70c0697fd5610b2cefd5224' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("gb-button", { key: '5db6372bcfb2b616391369cf75638f4d2b011acb', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: '99940dd6181966bb54195b63e385ee99f5475740', class: "notification-dropdown" }, h("slot", { key: 'f40c93c496752e9557915f206b7a26ecf435843e' }), h("gb-button", { key: '63bee176b6773c4e32ccffbc4479c5bda037cbfe', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
+        return (h("div", { key: 'ae6ca41e10df7c2b1d3d393d51cf6bde47531061', class: "notification-panel" }, this.state === 'empty' && this.notifications.length === 0 && (h("div", { key: 'f51ec81ab0899d5b264f8bcd4704f1126ad74d4e' }, h("div", { key: 'edb4d506646af94e82e8d64e43d8b413c947f2b6', class: "empty-state" }, h("img", { key: 'f0f3025b84ee9fada7bdc36ac3bdba02ebb4f15f', src: "./build/assets/panel_bell.svg", alt: "No notification" }), h("h3", { key: 'bd3604a42ccaaf2737218529d4dd2734c6ef1395' }, "No notification"), h("p", { key: '243bc2f971b0448fe3526e167f164aadc80f3705' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), h("gb-button", { key: 'b9b1890ae2d87903fd2c007f827c44cc2c8dc170', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (h("div", { key: 'f5a318700de5011bc84b45bd3b0cbd8c55c93cb7', class: "notification-dropdown" }, h("slot", { key: '2b133b9768b483f67bcf803361ab8d613128bc10' }), h("gb-button", { key: '4b3a69120eaba1053f2513d6abdf706f78c05857', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
     }
     static get is() { return "gb-notification-panel"; }
     static get encapsulation() { return "shadow"; }