npm - globuswebcomponents - Versions diffs - 2.8.3 → 2.8.4 - Mend

globuswebcomponents 2.8.3 → 2.8.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 (461) hide show

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

@@ -34,35 +34,35 @@ export class GbIllustration {
         this.loadIcon(this.illustrationIcon);
     }
     render() {
-        return (h("div", { key: '8e6dc7137615ebd180d3bb312fd22ceb640ebebc', class: `illustration_wrapper` }, h("svg", { key: '6eaab364ddd023d7fd78fde7298883d404218837', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '44c36e08f0e8d570a3d890e4fee2ff95625a7ebe', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: 'c27e4ce2f6ff5a340b84b8dbbe1c18fd773f5cfe', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '0b593b9be4792fa2e546a60869e9dd11ba4ca624', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'b1d7ba49577588d007f814f6d5ceb6bf8fa142c4', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '4423e625c4cc4d4a7bde6a9cddee8a1ade5e9ff2', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '3936944034720e794492c1b861323122303a2bc9', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '90cc9e79fa254e905b688c8de2176668d53d6fc9', class: "illustration_div" }, h("div", { key: 'efcc9dd099e8604783cd911b1bfa7e4d7d63c639', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'ea8e64a1b5d914d68c01bde1d1b2399e76d4dadd', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '080c1a1a2c3016881c7edced419c4a47ea1c6ef6', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'a54deea6635ff9af03162bd959633babf92b6fc0', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: 'a61f1f8f62671e4f4bf19fe294bca27bd5d4ed80', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'e8f5716197da9bb79d9fea182942683abf53a30b', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '852c1d213db6ec4166a6e6ea2f29857713a1ee93', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'c7203965f48a62785f717e10cb0e84772e870b73' }, h("filter", { key: 'e2eb86bbb8e84c2f3682fb90586bdbcfb9fbb583', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '9a054e11570b23bd9b0a8f692330ba64a2f37b3a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'c2e6e9e649e3485ec6a19be3bf75466148add831', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '109cc64a0e727f8566fd65d87c85e2d52589c408', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'a3a716d4bf06db8a75423e28398ef9a801731113', dy: "8" }), h("feGaussianBlur", { key: '739879aba94570e9bc7028e4f71923821bc3159b', stdDeviation: "4" }), h("feColorMatrix", { key: '037a1d420e6f922e259e8b6f8fc1d3347d7ab9f1', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'b1ed80ea03936777e82512647b87f2cccef18ca5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'e68fcc74ead851c1c8c7ed3374fa4419b5a038d1', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'bfb375ceb87df7ede156f4dd25564012f603b268', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '95331d98d2156ee7df3554629cbcedb3fe9b0620', dy: "20" }), h("feGaussianBlur", { key: '3101472ffa59eba7af0df6edcf4d7e29e7df02ce', stdDeviation: "12" }), h("feColorMatrix", { key: '11386a06a14a3754477fed74136bfb95a28cacb3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'af1487461fae44f0ac7ef780b253d46239c4451c', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'eb9a291564e2a21c15dce548fe53b30bb1216aa6', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '1d8adc9c91d54afc12002cdb1f28e618866ff85b', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '09d0fd0e724681480a0ba0f6d41cde60eabd03ca', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'b790a7803e51ccc81356f1ba4e0a045d1df34b9a', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '933b42564f4eeef81482c06a082cebfa93070f03', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b08524d01577b48556ec8987195f3ec8288fe7ab', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'bf000dc50bfd0c5283dc36683969b81ac043a134', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'd42a683bf1fb924cea36ea1a32d6b9f667a0fb4f', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '259ddd83b630d564117672b1876d76c911f0531c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'e19789bc96eb81ecd577954b5bf9b91b41e485bf', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: 'b0922cb2142bd03363967405d6a81903220583d6', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: '63c9d9700cbe94c1bfc00b2759ef177f45be1ad1', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '1b944817466b057334fb1bfc1048306ac5bf8bda', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: 'e677dbe1238f2c830383ff017ae041387e7a4669', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'f9c39169d1320c0d6465989f65d4e68a980d3aeb', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '54d848312ca614e7360f1ba44f4dd96cb66fc427', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '56b602e4e3e9417083ba65e4a229a6414ff5137b', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '4b721b73efcbd081ab9f56a6925c80551a7f14e4' }, h("filter", { key: 'b1f6000371f14ec777a738cba3c300cc028bba72', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bcb0d2fa926a298b8230b2c4c50bf9e90bd306ed', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fec6db8f1249ccb52137ff6e559c700a6ffcb482', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c64edd0b7b31b27c32579c5cd7c5f5ed68df6f58', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '9df5e3dd31317819ce983c31e7ec4cf338e59621', dy: "8" }), h("feGaussianBlur", { key: '2b3a26e1f65c1974f9db1ad303576c1c26b813c9', stdDeviation: "4" }), h("feColorMatrix", { key: 'c91d8e846b4bec90082f47b91ea93103739f2b7f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '2fa5f2ba986c6a6962f912632f2b7efd70e99570', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '58aeb3880f260527ddb99416ef3e525fb1c284f3', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '2c5e2126bb3a597cd04ee7d3d4e55e7e9731f914', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '1b6c5a7a6c1397df1da722ba5094f6f1f0ee6f92', dy: "20" }), h("feGaussianBlur", { key: '2aa93dc843dbe85e4a72af8b475f222e32a60b0b', stdDeviation: "12" }), h("feColorMatrix", { key: '5d70414779b79804a452e488fd9f463f14d86f86', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'fa38867f01486bde71baf705f2514afc6ed54c26', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'b59fe920564412f434f11ea31d026bf66a547e42', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '8346ce1b83b499bcc24ddbeab8f5b71f584a03f6', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3620a45c1dd73e7d8aa185b9025c5c9cabd9463a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'cb98effd39fb25b75e94ea617507cb7b0863c9d1', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '35d722ce6f2a5733270c1056fb5aaf6579373e9b', class: `illustration_wrapper` }, h("svg", { key: '1639b0e94b4438ae504fcb8058087b627b85faf4', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '53d03ca995b56b5bfca91457a6b2a815eeb5f660', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '481a51c6228c2a14760e431e5349bdfad4b45fc4', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '7210aca8802bb94cea072566d3896ee235f1e386', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '250c5fc74462c64cdd7d88a5301fb623e737fb3e', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '5172bd97dd19afc63a0e6f509a7ac22a312ab08d', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '17cabca2f140da3a884860fd5b58afe99fdeb3a3', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '98747187cf15b77167d2613458117ea8a71f7934', class: "illustration_div" }, h("div", { key: '04b920cebccce24b72fa0c646c9a0ba089725123', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '7fe87ecda95d31ab7d48e1962589a62057052d77', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '5f034b648974ec8bb757be11585152ce0adb86ce', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'a72695df16edd3af231a1d6a5accc42d6ce57be1', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '06c55479df890e354ad6d564fb1cecb50136b84f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '4844e8eb1f246a1a7f744166e0d4cea86d64ebae', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '45bac35e3d17c666633e534a52ae7fd82c441a26', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'ea0731fd66be41e678a3dbaf44be03d8b8f5b548' }, h("filter", { key: 'e6a27a73b631036a1987d59f8806de8cc56cda51', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '458e560b41cebb2ed0c2fd03e4ece5cead3fa4a6', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e3292ffea48d083f91933a02fff1ca210fb3f497', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1885e9c93fa8f855d291a6b86df96f002eff03b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '5ec00cee950fb844c3978ccd3be4b0cf43906dcf', dy: "8" }), h("feGaussianBlur", { key: 'ff524d98c5b8ef9759f2d56801d4edd8825ee965', stdDeviation: "4" }), h("feColorMatrix", { key: '0611c5b35dda49fe0e1bd2ed099cce97db505152', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '51441fdecf9acbf705be7d0921899dae3dc7bb96', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '38e38b7f4654988890d225a0b507d3bb265bd92a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0ce9dd61434b683726599eda8907efbfd87b46a0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '2dc20fbca838b282be1a850548905371f0adcf62', dy: "20" }), h("feGaussianBlur", { key: 'e8c21d3a1dd63597e61dbef8f9bfff6088d148da', stdDeviation: "12" }), h("feColorMatrix", { key: '4664a4c16579b141d5f00441c8487f997b590d7b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '294460e7318cd73a05c06059d1a08f56dc55a0b8', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '0b471920b0d5c7609b533b56a2109ea7bc1ac9b2', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '40bbdd0f30caf319d5fcac2f525bdd28c100fe41', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c1cf42dc793cc3013a7950308523d6fe2286e7b6', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'd93c8f47e761957c712d4768ad5ec5de7788229f', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '04b90ccbeb2048e7d2bde0f5c2d7328caa489b11', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '19064811eeff7d0c2fbc39dfc05f644427af258d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '2d394d61f3e4de0fa02ff4d0af02c0b2fa9c5d46', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'd384da2c94cc03abb050bd16ac74259f664b8f25', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '5382368f44bea432a3732962e0143d43d6d47199', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c18c614908c11d223b7eca75a7bc63a77d308b6e', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '9fa70fd01746bb74d85184e073b861803573998b', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: '5716876ae428be45d13e918e4ae3795c4807c7da', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28dd518ac311e36884f42484f0a358669819d1b4', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: 'd740107991e8c4b679acd68d6ec82d3197b44041', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'c76757329ef775c96d0619b28abb27f93aa1ca2f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '0dfdac8c0862e8fed2a05c03493809cf1a9ad6da', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: '87bc910d7744f17562262b31912c7cb4d283cc31', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: 'a3eb2fe1872ad24df6afb8da60df123237a3ad12' }, h("filter", { key: '51338a0e8b06a121c8c49cb682529de8bb180231', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '21b57e287e5fe668b52a62c5d2dd65293a73057b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '4a27690ec46f016e142d5f7aa528a5b99ddcf3a0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c3ad05dd9df46bc789ff524e4ae076d052002d8d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'c2ff6db44404ffd80581e838cdc60fe845a4d085', dy: "8" }), h("feGaussianBlur", { key: '715461f746af128361c734b11a06923b1a8906e6', stdDeviation: "4" }), h("feColorMatrix", { key: 'ed9f737d2d40f7e578a8d40b9d54f37f1dce98ea', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '96e925ac840bf7f1987930a3589015096bc295bf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '92071803c3e1e1b20dd614576254341ae2551d5e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'fc1e4c90bc545652fa8aae5031ca9216e171c651', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '987a6aac0ef01ea1f49f785d84983d4488a29961', dy: "20" }), h("feGaussianBlur", { key: '47b53c21ef47010e96e6be4baeb098caf5077d4b', stdDeviation: "12" }), h("feColorMatrix", { key: '5dd5161e385b18bdb5aa42176d98cbadc2038054', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'ea388d41924b91fc2caee01071401462bf6bbf3c', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'eb4649b5d8219e2ad334f533a76ee5db3de3493b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '11b1fcf8b6833348c2b32a02b86c54d2f036c667', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c74aec46c810f7acbe5aab3605016d2d4ae1f024', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4ba117a3592b364ec84d43d81a59850e4032616b', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), h("linearGradient", { key: 'b29911269f4842b79cdd8518850f22f275f71429', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8a7ff91de606d8f0cc8e24ac50a16a81c6bad4a1', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7c21683d71933db70890e5f0981c62766896bed4', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'c5ac802fd57e750a68a0abd52274d963715c0ca5', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f0c57f0c3d5c23d7c615a87ac1dc3ce73b36185d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f9bfd08d7132fa9ab1f774d3964a540bc0014096', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'abda0d3f159fdd21df350660cbd52287ae9df057', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '03f652b88d24b1a92dbb6c0b55bddc614a5472a3', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '1bc57ec21ec41f11a1d882641b650ea31c9db72c', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '4886bbdceb881e8158e29a25cbac14a7e1b42c4e', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '95beda95efe3b5499fee54b4ed45213e7fef76af', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '9b225fe21452e7bf8d4aed2e0187e6d1c6c48fc0', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'a1cbe666114d46a0bc097076a5bff9444326f019', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '8bbdeef03cd65c99925f55a89910564952599907', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '4805d328e29dfd95cbf596dc11f23bcc4040213d', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '399078e9931fc9b07d68a9f01a3f8c167f75d202', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '79f8e2c6b89308a0488241b2a5f2582f5af7f20e' }, h("filter", { key: 'd56de5f5241b9a99301b39f0e2f170497e25a95e', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'a9d566904888f539d4124379928004066f3851fa', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '68b2b0802d82ee63c54b1e42e66e8ac89e1ea8ff', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'ed07a03af042d0580ee13ca86bdb080fa9afdf80', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '1e8dd89755f9b30cada84779f0df22a06cdaf891', dy: "8" }), h("feGaussianBlur", { key: '7f0aa9339f13b13e64472dbf55fe2ff12a67179a', stdDeviation: "4" }), h("feColorMatrix", { key: '7fdaa94c7f4f6134064f8bf7a51b6295fd0501e8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'c3b4a776b3d4ffa489f230b6f07754ab8d9764ad', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '7ebac2e3e0db1252916f5a8acd4454c402b8dfba', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '96a769ab4f818a85d55eb54d7ab6edd76dc55691', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'b87120038b77edb4bbf17ce2e2363366b908a65e', dy: "20" }), h("feGaussianBlur", { key: '4f3fc7956d96167c767e24d4858037dff8400d7d', stdDeviation: "12" }), h("feColorMatrix", { key: '1e10a5fee4d6104752770e96aae0942e7e0403b3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'd4b155f4ad510caa0413b72c6679cebf1e6d2a47', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '68b806d298e02c1bd461e1323f12048f7cb04041', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '2a18b7b60dbdea75dcb1e0fa81f60d26b0452763', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '52aae436695fb3dafc19dd1141fd389b4e590ad6', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '43aa100338f799e2bd57533c18a24ad698e7e17a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'b2742f47089b9456d714e659d87a127e6a84a1e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ea695957303ed279403d7fc11ba555a18ea86944', dy: "8" }), h("feGaussianBlur", { key: '38508d1e311defe3f65ff2ca5b22f7bec2118a3f', stdDeviation: "4" }), h("feColorMatrix", { key: '9a3fa935399ac989b1d9368b66494f8b19a6ce53', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '74c5d6a0eec0a4ed9f8c034e3dd16c5280aeef2d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '43b4e540813cb16b4995b8cf386e0c7c9a1abd79', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7a71b9366364390c01c6c3017a887a3d81a9667d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '488ef7008b1c2ba8eeeff644a2a4dea9236025f8', dy: "20" }), h("feGaussianBlur", { key: '9cca97fbf55b0ed0f00f73116b41a3f195b50a96', stdDeviation: "12" }), h("feColorMatrix", { key: '19d81302b3fc1ee15c5f329c5fd89a73ddc52834', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'c16c17b155f624a6a6e5a316f848a9cf30001f3d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '05e3376615573d35d4cbe9fe3f9d94221dd4fdcc', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '1641de4feaf78b948ffd26d961bf7607775a1a0e', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6d7b6cdb0a1882fc2c0dfb0b0eca71b2717d3aed', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '23582779dc77c328f3c7dd9dc4aa4320374a001d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '470faf8e42cec9c89a630ddf675395d24e5bcfdb', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '8bc4ffc827b20dacf3f2401c25d47091d7df9384', dy: "8" }), h("feGaussianBlur", { key: '9ad3a75b40e6c29c0aab35e92f5545bb594bea69', stdDeviation: "4" }), h("feColorMatrix", { key: '0b6a01e85d0cc03b7716a52828bf7001d032bebd', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'cea97d863e5fa63a23f9034939d673c4761f90af', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '6a64ae191e28bef77c15ad2aac3098a886f6d4c8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd1bfd15302443a89720658303339e9821d34ef83', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '3504149c6832da22e25f1fdf9e8f4cc871d59b88', dy: "20" }), h("feGaussianBlur", { key: '96f032577a762982880648c95a1981c89fbf1298', stdDeviation: "12" }), h("feColorMatrix", { key: 'f5727dacb58d97e60aa69cdc6ada276054995cb2', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '80969afb1defee15af1de767698c8d229cefd076', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'dc411c472f84f385d90272f19e41e46b60c63eed', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'c3629fcf79f8fab210b4876069f3b9dcacd6a85b', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b88d415fddfdcb61ec93981c573712b962b4a91a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '12bee5d14d33f6bcea98755394a7b8629f70ffe1', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '9ef9afb871c54e11e7da8078dac37245e1686fe7', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '6b32629aa0a7bca75335487406a35d3d3e9017e3', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'cf0bc1d598d30e27dff3d6fb48308152f63b2818', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '42a8eaea9efdd73cdfe4a8fa24e30756383724a4', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '862ff2fcea613bf4aafabbfe18bfd6f59fb6b3a5', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '625ecbbca576f09c02234c169b35fbdb11147bd2', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '83b662e330220d19be0793b34f97d05bf8799916', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '456f534784b62c5d0e3a5af4b4c0020c107cbdab', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '118bf89042d86cb9bbd67b0a66f6b6996dc4ecb2', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: '90be0375dd16305a1f62b8b168fa1ffaf1d4cf25', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'b8cffa28c70d125258c3960e53bf30bb0bb34ef2' }, h("filter", { key: 'd9bc6eb5a5ff9361c628880fa7e075926f2c688b', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3697236b50b96c0ec64465446c2ad68c098c881f', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '30455564d3c9db0c8a1254b9de050bf219adc7c0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '07b3570cff3f0f149e86ac7f9eb8d8f5a53f00ec', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '101f10d3d97711eb879088515d4ca9de04b98348', dy: "8" }), h("feGaussianBlur", { key: 'ed210503dc05917cc6b366edd115135eac2ca2d5', stdDeviation: "4" }), h("feColorMatrix", { key: '609be43978e9c7713b1e0ac59514f9bc676a0539', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1fca8ae9e8d73816db86fa80ee978766ba62b9fa', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '032eaa2005bd4ae37b32b6d87d0e310425792d5e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '090f52714ac9144f2e7c7561a762db1ac1fb086a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'da68b1c9ae5f46a42ccc792bbd6a68dbfa7d6cff', dy: "20" }), h("feGaussianBlur", { key: '0973f85f50137d4c2c152831ecbb692371b6dd1c', stdDeviation: "12" }), h("feColorMatrix", { key: '4c6b7242e11a80d631afb3bfdb81bd5536a1eb17', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '2271867e742cfe8a9ac156071088cbc5271f88f0', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '6a1225b6f2c3214686c4dd6b21cc41a8d6b1904e', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'e80b1fc6b74344445ca26357597a0175654fd96c', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1838f7492b35a5395152e2e5e82532053b1fab33', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd51bc3a8b5a867fba321252c6f5fb3c20e93ebda', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '063c5f79bc0141e51fb7bccc5224350db9a3ab34', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '691e2e171f0279036867bc03f70c36f95790ff18', dy: "8" }), h("feGaussianBlur", { key: '224129b07166b0b5b7fe96b578fb601a744bcc3d', stdDeviation: "4" }), h("feColorMatrix", { key: 'b94a6f2f23ab165f93da815d04352c63fa94d0df', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'f47183089d810cc3967194b5d81fc95908bfada8', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '0337fbdb8278beed7e680768fee8f700765777c3', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '521056144067f9ba435e08c9a2da94ba3f827b2e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '69c3608fbf4eda6681e35573171f8c1805f59410', dy: "20" }), h("feGaussianBlur", { key: '2aca2246140d335a28c56908f1ce3e35f45db327', stdDeviation: "12" }), h("feColorMatrix", { key: '74a443b9e62f6c4cd1c87c157e8a6d8ae71b52b5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '19a5563cd2677cdc7cffffb0d2a74f32b9e116f1', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '3bd799319ed73d56a6f6e30cf33daeb2c8f37bfa', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '217e9653ed950ce94eff35d72b41b79d2df10bac', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '698379efb6d51caf38d58686a871ca55a619fd73', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fa3a68b4f2797e5b4f5d9cb10b49efc734310652', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '23da07d843a7e7646a60e87b5d4b14fcbf92998e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '9eb20c00e2a2f8a42ee942ba3c4648a3671a665f', dy: "8" }), h("feGaussianBlur", { key: '42bbbbdf707aa5134e3aaf6a535b1fca5706c5f9', stdDeviation: "4" }), h("feColorMatrix", { key: '7861526f897f67f6587e59bbcff9f16243100c38', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '73b983e519cf55bd840da71eadc2ab0a4bf4b7a7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1341c390d2170bf02d4d09e6a9fb324d4a556228', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0bcb6facedf483c0509ac56c5b158da9d6979a1c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'fb6e47579e7b9bb168f48e3080972d59a8ddb48d', dy: "20" }), h("feGaussianBlur", { key: '731a74d2777b9bc73194dd1b52c941a4295eafdf', stdDeviation: "12" }), h("feColorMatrix", { key: '2e3f8f1836fafac8235bedadc59e1925f5beb3e6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '0b153bf014eea47ac1cc6478e8bbadd9617c20c4', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'fa44fea25767c43d2ddeaee291bfa2cc2f49b18b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'c45a7bf6d69988e5dcb9f9b5f9fbc0a579bda9dd', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b3b9002c1f804f6dbe3e972731aea45742f19fa9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'eb7d7cbcd30762ab68a90ed25fab4565b701bec2', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '3c4eccf1211013ba259fe9e49584a2ad384e48e0', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '0911dbeff17a8680ea8a3b52382336255526bf31', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'b54cfc0c55c30196daa1a3bea1561f179f0bde7b', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'b6395f55acf447be78d8c68214ffa5de4a3fe5b9', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '195422f39ab1082ee66999d8e76cb2e4f579c5fc', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'b9a52fa6a900f0806200372cf5eb7409e2e27d79', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '002c031ba5002ebe185236a19e23ac726961bd44', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'e27138e695eaa88ed224e82dcf486cd4345db113', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '61b263e4a441c9fcc761d51b12cc2bcb2bec6218', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'ab972420acaf91f40949eded5467e499020186fd', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8da6fce79d8c7c28e0247655e18d81b9cbfb5396', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '8efdca0d6303a502a0b5e63786f0cb1ef5dcd607', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '94bb7eabe421c7361c2fdf013edf497810d30c49', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '066594533a8c6cdfb8eadff867b720a855306d10', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '0e3a244141a5c31d54dafc2929f8f6cafac5e2db', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '83cdda2b7dad68333e4d38bad68760eefe539089', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '039084ac4a482489c00b7779fd41fb12695a77db', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '4b70b6bb1ecefb57dc106c5b32a6584fdd9ad17b', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '33f44f0aaeb105266ba3f15036e1f01ae338079e', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '229a2b802523ac1ac99b4463589bcd370b6244bd', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '8fe1004dc7ffa14a341ee87d05f0f214911aa9d8', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '6a09a7dc99d4b60a664299b93e44d2cbe4837025', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '73a38cae5cad1d89b88f686a6e8916e93ec72d46', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'e7a3b89e7e89e4e9c7489b44a06cea2e5eb73db7', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), h("path", { key: 'cd0241f8096f06f084100ca657678be1bad1c965', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '56d1d3e785f44bcab60c464b6feceb92ea77a240', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '4681b0bdf5fad4c2841c1fb4b29e0ee09895f3ec', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '80ba2cc95090eb88daac7fb2203b0ce6de5b481b', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '59ae24a3bf138e14020e5dd26c224cddca93726d' }, h("filter", { key: '35eaef8714cdac40b110cea799d09c99280c6008', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e2bbd3e63cdcdc9b3ed70a66a6dd313cb7d0b35f', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '2bcf94925073bf49d5b9cdce06cce525a8b8e0b6', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '1bc5c9133f6d19b86e7364ac0f1d43529549860e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'c62dfc1e479e65e5818d21c00c9945802cf0c665', dy: "8" }), h("feGaussianBlur", { key: 'c1b1d724da94134065ed1675e1bb0090d789dcb0', stdDeviation: "4" }), h("feColorMatrix", { key: '67025715a6d7ffc78ea8a40e689eba854fb39c4a', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '7b102bbccd67d8ad2fa392aa1a6a8abfe1931d76', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: 'b216e21ac003f01c8744d2ddc0992ec397ddad99', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0626d75f94f372b0d3b0497b5e64b2cc07709edc', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '14fa4708e514d89039ebb1fb81a1323a03ad7cd4', dy: "20" }), h("feGaussianBlur", { key: '4e06b45a6933348d3e2e338ff5e3ea83dd500a7a', stdDeviation: "12" }), h("feColorMatrix", { key: 'eb06a01d1695222efab766021485f234071e6bd9', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '95ccf07aecf842ad61255ae7f420642fe4cf8e70', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '987816fbb12219dd810d1190c753ed4fe7633dda', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '4083a71f73007c28b984e8472c602ff2ba878403', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd899495e8e6d537f26c1c78cd6be1c8b000603b0', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '51e3fccae0be563a884d4c3517961bdbbc61b40f', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '61eccab5d53711ed1e0861b982a1eada3f3b11c9', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'e31e3c46c4878a88130f2aefa503bd541b0a7934', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '9c694bca122575a508ebb4fe5bd2a32a331cf573', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '9f7db0534988444a713beb426fcc1e308ddfa1f5', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '9e45fa26bbf8ce7ffd9c1b941a4d858e4a28d813' }, h("filter", { key: '03f9b84d8de3901b9be5c847579c50a272786673', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd42eb4350dba5cdaf3cdc15967a955d927721372', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a3eef0f335991f8736614eaa49bf67ef9df1a905', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '2543f220ba03d08e5d89a1f57b0ae641642d9cdf', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: '3b854bd4a073075f51e4473123d624034fb2dbc8', dy: "8" }), h("feGaussianBlur", { key: 'a29a25c4aa22fa1771c7afa6f2d89acb7bc321c9', stdDeviation: "4" }), h("feColorMatrix", { key: 'e4f391c5b3a6eba9f7cdc17ed169f4e0d9dd19df', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'ed53c1a2a24ad06ce733927ac76d006610741a3a', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: 'c1f5b5ce5f856ea76a0b93e2e9438eec3970f108', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7d6ad75dea866be1f1f97377aebcbe7362269dca', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '5c8f55a6a573bda067b07c86a835d776e66c90e3', dy: "20" }), h("feGaussianBlur", { key: '344921cc6fe51be5f66d8c97d2c1ac8e39b34b79', stdDeviation: "12" }), h("feColorMatrix", { key: '78fd9fe39a013809674fbc0861523a69e8c20df8', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '2146413a24e96db88b661acb62223063fbd81894', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'f3f3f030af283824019a397ffe107f91134be60c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'e0e3f77d6f604cb567e2bfc843f9e980568b1bee', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '6e0f8623ba704fbf98fb5b06f03925ac8ea61d8a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'd81d93c327a47bbceeb6d0d83ba4d0ee9cb0cc2b', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), h("div", { key: '167057892b251711b37be77153e5d2071844362d', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '36f9a519f1576da3f76f81c7a6d2b4c6d822cc9d', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '9bc4be90eba8041d1f603cf2b11f930d66b12a73', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '099c682c1b59d2218172cec9ff317e1940aaa83e', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-illustration"; }
     static get encapsulation() { return "shadow"; }

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

@@ -392,16 +392,16 @@ export class GbInputDropdown {
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: '6c9cc666d5454663f93bfb624c209a18088ce772', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'ba222bcb4ae2cc0463b2d1efabc81aca50d037ab', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: '08ab3a32a5500ffffca858b60531aba1d40e419f', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'da1385011586c681955444b8343cb8bd15210a5b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4f78fbf2a1f1e51fb7625a0bf06d29671523b9bc', 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: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: '36d244309c8fcf5a2cdfc3f6c021b91589ae4d5e', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: 'a47e66b83e2dad9c93d48934e41c918c5d6c85b3', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: 'a13253c977c4f69ace55797fc0b7b566b714ca26', 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: 'd04ac30e07e60857aa451f7917c525a143ab473b', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: '4046fbc575d5a9ae3ad8c2b86c4bf1ebcaca16ce', class: "placeholder" }, h("p", { key: '1b168f93014e6cb45fab984832e2cae0ad56ec7f', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '2a617b57bcc5fda46678e84bf1f5d9b5a4c52744', class: "search_input" }, h("input", { key: '0226b33398ad923f1434ac0b4f4d057c62c2c1f2', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '1e918cc0a293d50a2f6c48a17d907a3230db6f89', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '871a476b1aef73760b7330986374488c6135c007', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            h("div", { key: 'e41b448918d24b68b22cc000cff0941906effd69', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'a9ae6e615c30be47a23564d4c415133931c88122', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: 'b3209dc6e1a8540cd4422f317f973009983740e0', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'f43de897c65fdb35140199343a508cd39b071e01', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b7f4f7b1722360e737c00eab476d74f79cd1589f', 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: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: '37720164fddd69a06620171b301bb34f053a3530', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '9e777e5ea4d9407474b2853fca0a0af71b68a0d2', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: '9f763a35dc0e36d4ca02c85e16414059c9184e56', 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: '3b893c9a0c177021725eb7dc5dc5b42482467b76', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: 'daf7375de201e9a56e7fe62adc794082237cc8aa', class: "placeholder" }, h("p", { key: '94b004736c70896d5d46ad7ae67f7f745292633c', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '32b8b3d23eeb5c643b330f021634cb43141ca650', class: "search_input" }, h("input", { key: 'bc329145b70d08047485ae0c2a8752294c2d02a9', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '26f2db89d6611cbfdf4b7ed8b8311a522899b31b', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: 'a9ebd0a995b86c526459ce4e96d0351dc9759f0e', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(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())
                 .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(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())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: 'e72eb84380cf12d3bb1ac5f9e996a92f6177c8b8', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'de67bed3ad4035ba82c40c158d885d3f7cf65a5b', class: `content` }, h("div", { key: '7c9286c8e913584b6365d281a9253759fd799593', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: 'e60741d619f82791272dd2e8f9cee4055f0f005c', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'f66697165600166fba2582ae3fffa722f22f1762', class: `content` }, h("div", { key: '1405a00db307a83663383f5c3768ad995232f145', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, 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())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'ce27b4b3215b9dc373ebc13b896f2b63ccb87ebf', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '5c87d01c3c202dab1e89fc06435e89432d1b0c2a', class: `help_icon` }, h("gb-help-tooltip", { key: 'e550ad6c35c8fedfb2bf1643ed33005992dd8f9a', "show-supporting-text": true }, h("slot", { key: '9cec448b26164bc7e7f7dc85468cd19184fccd95', name: "tooltip_label", slot: "label" }), h("slot", { key: '87fffb576ebde6705651b269d6e452ce228e11a0', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '6435a3701869a53c731c7ea1f36bce7274d6a241', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '7b35607a2b0efb00046b9fa6e6e6bfc64e391968', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '78782033486c95b54a27c7c7227dcf529b0f7e08', 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" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: '394da9e97a91051079b9811fceff7bb249bb1403', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'ef9b18e45aca7f7ea9612ff39bdecc5e3d0f1066', class: "dropdown_search_field" }, h("gb-input-field", { key: '66b58db8928fc70dc6652335d21c805fc339d368', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: 'b8a9712283366fe01e1b891d54d2abdb708cc540', class: "loader_div" }, h("div", { key: '2545b10ebf789a6fb1392d2425ff96a8e7fb1ec2', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '37d7a505750ab7a8901a83fb1c0dbe6a354c4ee0', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '09dd97e2cbc8592f3b84ddfff30a8ee6d41dbb8f', class: `help_icon` }, h("gb-help-tooltip", { key: '137ce18bcf0de05273f9340f4cf97141fd6536a0', "show-supporting-text": true }, h("slot", { key: '4ae9ec3d8b4af49d536957a11896126dc9f192ae', name: "tooltip_label", slot: "label" }), h("slot", { key: '5dda394c3f92afd71cc03834af6e5eb591eccbe3', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'd9d352f5b673a50214081d79860f779594e69560', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '59d0bf488fad723cdf9a744370d758ed28ecdb8f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '65fd609c3694f08fdfb8d5e6fb84432160a1765c', 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" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: 'e478acb0bf5703fae3074643c8cc2795632401ad', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'b28086a6b364c5e9d559340f6cf6c25010a5a308', class: "dropdown_search_field" }, h("gb-input-field", { key: '3d17ed3a192450a3730882d7a3002f20265cd863', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: '02ea93938420fa528d14eeed1a4d87a78552d84f', class: "loader_div" }, h("div", { key: 'aa1b1b811fd85a8b0a9877f97b0f3d0174161ece', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.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: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : typeof item === 'string' ? (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item)))))), this.unselectedItems.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: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, h("gb-input-dropdown-menu-item", { state: StateEnum.Default, "supporting-text": this.supportingText, color: this.color, onClick: () => this.handleItemSelect() }, h("p", { slot: "name" }, "--", this.placeholder, "--")), this.items.map(item => [
                 h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name

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

@@ -48,13 +48,13 @@ export class GbInputDropdownMenuItem {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: '41f429e4f63cc0f7f0f4b24dd7246eb18f0bd88e', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: 'd3b22065d58368cfd362e08b1bbbd12536d78b92', class: {
+        h("div", { key: 'c9735f7f9f887083454767fb5dd08fd6773fc747', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '10a39aafe2cfaafb8cd3b8e3ee1d676e9e0b34f4', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: '2d5c7f25273d4e4ce06e3509a50e3733cb59cf64', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '51d3b1002715154f533bd6e33dce67d4ffa2b433', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '1a444067a429e21ccff05cb7313530b81e50a19a', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: 'dc47d5ad84ab21f47c37183a5a7dcad7b907fca9', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: '31b2be41564731b00db956889ef280951c490ac7', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: 'f08d363eaae7e6801c61156654eb063562ed456f', name: "name" }), this.supportingText && (h("span", { key: '9cfcf68517967952e790adb15312340fbae1fbee' }, h("slot", { key: '4d638f34b9cd6a3d59562c520edd88bdef22bc1e', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '2681a70cd31c9ac5a3de0d41657c6c158fed873a', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { 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" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { 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: "#CDD5DF", "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: '91b7bf3755db6e13124a4853a5956a74f5027ced', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: 'b13ed35e5fa77e05077ba9d074d7bba17383486d', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '2da8acc0130ecab14d5832571b711d6cbc98e6f6', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '7f4d9fd7c202da56de7a1ace52c22ce94b261845', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: 'd157d4b4c1d10072b188c8b6d088cade4e4f87de', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '1de63d8cb68a92f660cae4fd9c1668bfcf7c87a7', name: "name" }), this.supportingText && (h("span", { key: 'eebb34ac38ee911982350e446b3709511a786c71' }, h("slot", { key: '2f374ff4572758d8a38b7898608937f6d14fae88', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '42e431c89e32211376058b47e0fe9e6af3228984', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { 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" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { 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: "#CDD5DF", "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.css CHANGED Viewed

@@ -3103,6 +3103,13 @@ input:autofill {
   border-radius: 0.5rem var(--rounded-none) var(--rounded-none) 0.5rem;
 }
+.count_text_input.input_only_disabled {
+  border: 1px solid var(--color-border-disabled, #e3e8ef);
+  background: var(--color-background-disabled, #f6f8fa);
+  color: var(--color-text-subtle, #697586);
+  cursor: not-allowed;
+}
 .action {
   border: 1px solid var(--color-border-input, #cdd5df);
   border-left: none;