npm - globuswebcomponents - Versions diffs - 2.6.19 → 2.6.21 - Mend

globuswebcomponents 2.6.19 → 2.6.21

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 (414) 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: '3de5224bdfda6e482fb10d5bd6b9425d02ead1a8', class: `illustration_wrapper` }, h("svg", { key: '86afe9cc3f913410fdbfc80e471f53385a4c11a1', 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: '3ea46a5a171cd817ee7949d536ab72030b0e15c9', 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: '64fc37d9895bbb937f0780b4691a6d61aa185119', 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: '220267e5dc90d7c639c02570e90ff12d81a065c4', 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: '1fb2384ec75d8613d4168d9af627da8168b307a5', 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: 'fcb54fa7b5f69bba70eb2a3067be1d4845368b7a', 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: 'a17c9f6d0b724ba4ffd53c657edb8f684219a680', 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: '9fe990b7cae47aaf5eb2b8938779858435c47eae', class: "illustration_div" }, h("div", { key: 'c247532c3efd9f1a87a06a1705af05de8600aa9b', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '2322c94f8f278c34ebeeea2f0af90a0572c97422', 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: 'd2455507610beee924a8b6007d25a499a13cc88e', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '4cc9ff51c93b0b734dc0b7978acfcf8e41d172da', 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: '1921db0adbcf03967d2814d61994296b095d12c8', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd6e3591ad00a15458f36ac71c99d20f8dd504294', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '495df5e761fa9aba96faed3d3eff2abb855fc306', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '6d8b8973b7412444e9587f01630a8db9af8cc0fa' }, h("filter", { key: 'bf5de96439d7319ffa26c68bf611d383358b7475', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '54a751b360bff6669fc0e56a46fd6de79a1299ad', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '6aabdf7e22fbf7d78a0000a4d743af44b8f95905', 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: 'a00d2665d4f1bd6ab68e203775e28878eadc09d1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '35e29d0ce29f95ae0664e65a30fb2c0b5e1c962b', dy: "8" }), h("feGaussianBlur", { key: '7e59c5657eabc2e904edc548d8f5e8fc0c61233d', stdDeviation: "4" }), h("feColorMatrix", { key: '331dc39a18be438d1141ed0b8b9512d376e7932e', 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: '1ef04df3b13374c6039335907fc56a707a2049fe', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'f2cc7784471df3187798d9ef0a45a2a0dcbb765c', 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: '30539e6ed44156666d90655cc2684fca40fbd554', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'd4de5a3d4f300bba23b24e2da6ffc7f67f4a4c9a', dy: "20" }), h("feGaussianBlur", { key: '523308d6c3b7f28284a8f0bcc3c2feb9513c58e8', stdDeviation: "12" }), h("feColorMatrix", { key: '9cd084e95c923f53117fe8ab18fa58c2fa93b902', 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: '537cb0d49da6f946432cdbe459fe50de9d8126e4', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '57b29dde508882b49b7b8ef5d51ae7157ac23c5a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '4d3fec56cbe812718a7fe7aa713117794c772d77', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '132b2c5fa5b2fc7c71ae03adf2858b5925b73c6b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'a13b68ed30d62c8c781712dad86e2af2b0f2b897', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'e322ee5fb4e8a2dccdae7d77697e7ef0928fb40b', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd089e62ce88f485c58d180f1560213c2f5c116d4', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '2d37013a414048a81257969197ed012c7877ae0c', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '7a2c2fc940f63f5bd66a3e24cf3497d492e1fbd8', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '80150973c93c1476791afa9ed2a5240aef15f187', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '331f9d32be29f7242789bcb68e9037ed80ebc0e9', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '6da72e0c35c98e67e1668c70b2218cab52ea838b', 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: 'd3c44a31d643ceb91371e753fd5c55532ba6b861', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '7eb6ad021f7b313766bd0027bb7afa1ea5ffbeb1', 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: '77e22e8165703f669690d2a8804f16fd78380e15', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '875ca4dadc75333f90c7f087df2439b0b7d7d092', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '7452f0726c018768171a6746a101198958186a25', 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: '516eee5aadb7d84580eaf019f1da5e53969492bc', 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: '9ff8ae5ab555fa16189f687ea0ec65b29b596a98' }, h("filter", { key: 'be91d27cfdd72e887cbf80ec8acdd2beb5c22dad', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4731c1fd686a89e77727b732183c74e83552048c', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd6551fa253195c6406985df0f302362d3e20b325', 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: 'ce21baa1add77da07e05a88887e8cc5aac63ad03', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '85b9e0367ce5f8fe57ae41b272daffd031317708', dy: "8" }), h("feGaussianBlur", { key: '78976861b4ba367f159d01321cc00bedb229c5ef', stdDeviation: "4" }), h("feColorMatrix", { key: 'fb897592404207f0237dec9054b20d693cd53708', 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: '77d543078d7682ae9ba4beb00f918c7c3dabf491', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'b0973ed1d2e3861adfec77cdfa95edbee9b62032', 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: 'f2aafaddb0b741ea47912dfa76ce954a0a31b898', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'f5a7d1c264832ceb0b40e3afa15e3afb142b8f1c', dy: "20" }), h("feGaussianBlur", { key: '3eb61166259f3cfda89c4cb1af06ace293ade47a', stdDeviation: "12" }), h("feColorMatrix", { key: 'eafcfe27e9cd70688027b4fc627c95762c152f3c', 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: '320c9b68854f89a0eecae4cd863e53c67cbe2a64', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'bc8b9eb78c9bc093b578aefa239091b522a1b700', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '18775c3c2da5440d8ef17ddd7042956970d2cb00', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '67885cc1dbed14d03d9c3abf31d985b42656e895', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'acdc09e15e7c64693c96577270183209865da90c', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '2d94e95daddf87d020ca0910c817b3df932b4955', class: `illustration_wrapper` }, h("svg", { key: '1ea4282f92081251f573c805d543a42f4704d63a', 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: '018d7787208c632308f72929ed0f07388a871f79', 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: 'c5b8005fb0fab6670322472d0c4568ad244d00f5', 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: '86332b5fcfbb774fa391ac62715cdf36011adbdb', 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: 'ee93c540bab0dae74997bb06cba56c01aae10e89', 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: '064119538226e84bcb43fb34a2b24d7b8640746b', 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: '4efc7b72e19abac203427a868bfe0ec2138200bc', 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: '31c1ee33d8c226fca8916e399d8ee7c35bbd9381', class: "illustration_div" }, h("div", { key: 'ec935ccbf776822c0e526bb0b57683afff8c2dc1', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '299b112a5540ae74b5daf6d225cbece2d18c3035', 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: '5a8df5be1dd0fa7bb3f163582c9b8f892a1e5fc0', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '9e1bf2fe2d4402bc779c3a8c0eb85b38e724b2db', 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: '2b77b7011c157b0e644be1f3d75f42c9a948835f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd7dbb0834b76310ee72db8dc4e9500686fceb59c', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '25c8bfbb92be7c8c8b67eeb65e9a3a9f3695f2e7', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '535cd1d7ba03e931812bdba4404187d04876898a' }, h("filter", { key: '4fa09f46d5ddd8944e76e2c38359cf92b9c4b6ab', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b2f0f038bb91f26217ba132d7bae3dbd86ea577a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '500ec65daccc101bc9f36c91dba8c8677e38a1fa', 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: '577d56beca7b00c837b45d0be2878e210ded788f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'e573ab1d54ca026056edd108cc6f9270388304da', dy: "8" }), h("feGaussianBlur", { key: '9de091b7f9e8445d1bf9b8b86dfddbdaaa79eaac', stdDeviation: "4" }), h("feColorMatrix", { key: '53199e7f3c1d9b57bb030d6c032e278842324a0d', 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: '1427a2be8a4adfeddbdd42c01288bbe43fbecdc7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '4d35cef02f16b4eec169ac099c2e793e1aa06e1f', 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: 'cfdea9e8c4e11bb65d036d5feb7e3e1889b53c66', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'f1ad235c5a4e7408b13bb51d9e2f677938d5954f', dy: "20" }), h("feGaussianBlur", { key: '9d98c3ed869abc39c0c4596f33f66b7db8eec4c7', stdDeviation: "12" }), h("feColorMatrix", { key: '6dc6c881491d5161d71966ce127fc631aff4bed5', 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: '7730ddad1af8d750582238fbd0799119cecf5489', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'fa9a421a91d575760ad0f007d5222ccfa0badd4b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'f3bb60df398257f2cb0369f8ddce17d0595ecdef', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '83698048ee3b2956d0569de90594127e00704f1b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7e7c5016d76aea40012ae685ab679cdd444fe4b8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '1a6ee27b486a130e542a6be9f0d4652c02fc7312', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ce868978d7670e519cc8574e9c3460511dcb628d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c8cd28a0e2d72ce66755e0e627c1e9c4cd7d4667', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '9b5f6cd5bec7c9e4ea6348b483e71e3d8bcdf66b', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8399012edc65629c2d702564d3ddf0a8853fe303', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4113e39e15f543dab2beda060c3648bb02e58710', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '32e08c7fd776f69fe55e78548b5083b1b9a59ec6', 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: '5c7601ea1a409903161434dd12a4b46294f94e24', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28024e94ed91d67cf14b6fe34c2c5dfb4b63d4aa', 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: '7fd3b716a6fc9c8f3e3337b62270e24b21cf188c', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '30a88ddfb6712d8a518b61d9ec8cc22eda0cd75f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '6141ff70de7aaecf353e88ccb44908eb6c44250a', 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: '65086554c73fc6b464a56074ecc0022d5a2cf84d', 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: '2fa97eb381985d51871b8a797292268cf1f7fb9c' }, h("filter", { key: '29e1a051cd85acf1686e3a1f26888f9628d2852b', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1e1c1649d7820ba873c9e68a28c4aed3bfc70ecd', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '7b0e9a177d2f03f9e4c58d15a3a9cb864c335d41', 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: 'd6a9c1d324e7c539163f03e1cbbf4728af6ebeae', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '23c54c6e298152cb911211dde560a90ffd3bd416', dy: "8" }), h("feGaussianBlur", { key: '9bb532e88f9369f65fa7138d2331fb06842e1888', stdDeviation: "4" }), h("feColorMatrix", { key: 'db6ca257678f38d9fb7d3a91fd38a23c2c76ba8f', 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: 'aa13aff068bf8908f8fa8bebf3f9172960a05776', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '44faa9cf0f54c882c3f34d66942858badba73814', 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: '26190835a039b6a57b6ffe4456ebf1a34811f71c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '5df5393204bb4d2bf576d77341533e0f5448b17a', dy: "20" }), h("feGaussianBlur", { key: 'a0efd45d6684100d1d80a6c3c0f63a2c4434f26b', stdDeviation: "12" }), h("feColorMatrix", { key: '50ae8b1851c1a6525b1b3adc37dee3c11fa74f7d', 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: 'dcc91757ac4e35ca545cc4de82c1fd03a3003ec5', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '42ebcc9683f2dd9d51095f9be848d90ec92cd727', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '44584d3a162fe6477ae0bf3081fc5b5c44cf8744', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '44605278f4fed8e3af061c4ae03688efca34eff5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '29034b15658862bc4159f48bb1ef8b6096da63d7', 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: '26b71e517c6560d551124ef3f79d6a8b2d072fa0', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'cbdc2a6e79cb859bafe7d1caf50e56128f101e09', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7b32a6775fc88c7541e0463c03dbd55a3175d3bc', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'd4c170902ea8bc606985a5d001082de8d5f5e693', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57cd40f4e77777e46d55515c82a834d05cb7582d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6c29d3057b50a113977f720fa15aa7be4030ec1', 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: 'cd5563f1489db12eecef1f5ba7ed583c6a6573af', 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: '1d94a2874d30f4e9f57fa278c61d1572beaac763', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '9e4c216ce2f59df13c419574e263cf624fba6086', 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: 'a32eaf8a641f04c1d6c6bf6ae1a68e5d5c1575a4', 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: '62760ad15d44d8f9d2fca0e5e9fc743968e05159', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '337e40c987055995b64090bf936726c35b60b8cb', 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: '091d95c63ac0f7e79385f56582144bb96409e4c4', 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: '5e186f16e552a94000a1f07e9c559c7007813d92', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'f7fb27cc591011d0f8f2615b76fa7636763d14b8', 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: 'aa6e9d5d0d7cf7b2bdcb88540a73066fad6952d8', 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: '0817a93b185442283bd4cfc29dd68c4b318e405a' }, h("filter", { key: '8b35def1c309d275458b80c732593b1d4518497e', 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: '4f9aed916fe20a312ee68f507266a8c965d45b01', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e1b8467e24bb536a13b4f27c462ff4899640004b', 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: '1d5e8139fb27778f1bc7c1f874f0ef163124dd79', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '1bcfdea509408741d9d487ffd7460ed6baf00b85', dy: "8" }), h("feGaussianBlur", { key: '6eb9159bb6899eae83726503885f31aec095a0b5', stdDeviation: "4" }), h("feColorMatrix", { key: 'f792cc4aeea8861d39f83fd523db630517b0e7a0', 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: '39b6079bc96e52c10a31b9eab14c1f3ddb5c0ff4', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '270c8ee1448bfdcd37c54aa53f6858eefa86ed91', 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: 'd2b3a54c2c8a71cbfa299d0589b5a12054a7c05b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '590523f6585ae35b1c17fab0198fefc669a3f3b5', dy: "20" }), h("feGaussianBlur", { key: '8817dd671dbc74e4519fa1cf5b3b0b957aba2b1a', stdDeviation: "12" }), h("feColorMatrix", { key: '582a56aa32f78a1f3464f5c365bc923e73d99264', 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: 'c0b9840b1e4376123b1f7b9e2e0b3d798ca7b62d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '94bbe78ab910e6e135d46de46596da0721a3126c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'e3b8774e45e149b4c19658e3e12fe566229147f1', 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: 'f7ab85c4b89f66aa43a297c66e9164d66f9e02f4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1292a3951e7e8051d6cc6daefd4bfbc6e7f3db21', 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: 'e3e149fbea9df17553ba42cd3f9b0634a3cf9e7c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '67e2ab5a201f8d55adaba4781601983d9ad5f3fe', dy: "8" }), h("feGaussianBlur", { key: 'e43c845f708f2357dc8ae54a3801cab8a16b9fbf', stdDeviation: "4" }), h("feColorMatrix", { key: 'a93ff7671b9a9381ccf5682278f718c4c1b6338f', 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: '9982f3a176627b772058fdc65ed060437fb18238', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '4b6d6f03f5e2c5276f039a03123fde4e5478a582', 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: 'd0a98573b485ae11ee2844209c80325f18cdebf9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '133669dd8e40a1c30c97b405193b1455606f3c5e', dy: "20" }), h("feGaussianBlur", { key: '7c69b489a8c78aa40b87f8bb9008301359c0569b', stdDeviation: "12" }), h("feColorMatrix", { key: '42c0a0c935d4996f444bf1001cc64fa8f7655631', 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: '07bb4ab5e4f793ab35d56ee5b907b19f390c3d94', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '9d5506c980f33d906f3e9ef44b789e71bce09ff7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'cd3c0e62609ce54b29387b61c6c90b82ad6fd364', 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: '3e271a755f811d1892fe3cc37d6c0c9cc8c5d514', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f15c3efb2d4e713d2d901d70fe00017d7f5d0d8e', 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: 'c33ea2cde7322f5a7a446c82886a1603b4a3b231', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ac6d9751b04f06fe512779cc7ae54c632effb3a3', dy: "8" }), h("feGaussianBlur", { key: '33bdd319b3e483819f4b11ceef736733192c4bcd', stdDeviation: "4" }), h("feColorMatrix", { key: 'bae44cf5f36b74754f92f0619683429779d5fc49', 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: '4b734085f572d43a10625c393a9d10a0f4acff4d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '31e635925d5ebf9ce863cd3d4d32f4284b688674', 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: '80a89b988101abf21a00a5ed5cf2d026dd0e5a0f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '07d45e54658e26c6217af5c617e57c5654bd6e06', dy: "20" }), h("feGaussianBlur", { key: '8afa630c4892007580c893f70c47d09aa7c233cc', stdDeviation: "12" }), h("feColorMatrix", { key: 'f9250d9030f445ca391c4a4ef88db12831430d00', 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: '7ec1217773122259a592c6c061ac764a9b8c497a', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '631e564496e3fb0efcca1763da1d5bfbb9cf8f0c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '70c5a8fa2dc07ee6e90e15cc20b97fc82ff1e7c8', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f98b7f878c05fe1171ddbe1979b2e07eeef53448', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '5ff8a884105a8953c030a85dab8f9d55b5ad4e41', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'ed043e6c2d3ab443f7541be45793904f273eca91', 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: '951051ad8a9b78d4e552c893445f3dc14999aa79', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'ccb6daf419c9eefbb44803f122d9f8684063c83e', 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: '56222d62109bba69bc64d30b9635a39a1676d688', 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: '6d1d6cafcce444e4c8dd9681bb08d2eacec3e972', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '065cba22403487923f73beb237809ffd08a80c22', 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: 'cad02375b838660e4542384b8a15599d6a9a3cc0', 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: 'e22475baf217dad2541257c604861fff9eb81e6a', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '03d6e3a21d5f4c3eb37f3380fb09dd8640cb5573', 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: '69c191caed4f4f0395e1a9f75bd54ef244ae30a6', 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: 'dcba83859edd097461cf2b838e7629742868e65a' }, h("filter", { key: '455b49160bc8d1a5af3cf9303ce9630912ac9cac', 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: 'dc370d2e6c3f408c3f0afefa0f845b9616a59aa2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb90484523880d40866cb6b6333c39307067d869', 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: 'c10b1da9811c2b766fd04d43b62eefb1b691f4b0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'c0c686a87de9058e3bac58ca7aaaa5b5f817bc8f', dy: "8" }), h("feGaussianBlur", { key: '69d4c935413433b015235301e236001547c2a382', stdDeviation: "4" }), h("feColorMatrix", { key: '051e594f7b5365a56b93ef87a30b667fac53eb81', 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: '8d2e9bc1431d0f692bf6f03ada7c020dde07671e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '519ad1bdc93494a813654fd264f29954692ef4e2', 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: '32f389a4eb3055d759488818e77a3ec91cd177e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'f25da84bb960833b7ca6b8c709c612d03268a126', dy: "20" }), h("feGaussianBlur", { key: '3c680acb920e2c1f4b194d86c9406b1d97ad18db', stdDeviation: "12" }), h("feColorMatrix", { key: 'a536b459d409e436b6bd157b373dffe958ec171b', 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: 'dad4a7fc69bb42b53365a3fa15cf6a1b9f2f1737', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'c3b1f9ad4ad33f1bfad7c2c1450c8b5cd66a1e58', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7d6a9e0a747e0ab783bb8e2e50d81f2c0fc54614', 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: 'bcd6273d8b517a8df7f563130d02c6f221b6d6c3', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'aa2e80593f36d3dcbae5c2e6eabbf48d6f4a2dd1', 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: '83d289986abd5178d3231b600ef96c5e73ec1b16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '984162c54d410af290de45589664bfac62b451d1', dy: "8" }), h("feGaussianBlur", { key: 'dcc5e88f7856e54340397f9ff80246e7d1549f85', stdDeviation: "4" }), h("feColorMatrix", { key: 'b8871c6408817e6a8504b6991e7342a21dc20d81', 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: '1e0377b2dae222c4c6ed5056564d8d67648db489', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'abf43b1ab3be0e41334dec3f15c18ebe9b3eaa41', 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: '9a907e722ec7c21a7ad03fb03779c6396b3caf3c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '51a111133c3f53d72867749dd2b02f991c8f91ea', dy: "20" }), h("feGaussianBlur", { key: '72a76fc9deb833e3644284a7b96075f859ce8197', stdDeviation: "12" }), h("feColorMatrix", { key: '183050f29ed2aaeac474e23d611881d56956410f', 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: 'a32ffebd47c5759a5905e04024b3c006c9b167e3', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a55d39ed463872f4dbdb5ebf22a9f2c692997f66', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '9054aba05651d800d9e365f3f359b6b0fa52d3a1', 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: 'd7a2af5a3782f1f23965774eb8bf06f6e9788e12', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '48da740021e3c58b99b95b2818a739ab1761ced2', 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: '33273b494600fd904427dfe08db54ac571ef24b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '457ff1f85a97d2844cdbb0197aff0fc74f28fa37', dy: "8" }), h("feGaussianBlur", { key: 'e3087fd813e875f6e4da3a684b855217abdf3b23', stdDeviation: "4" }), h("feColorMatrix", { key: '014830c594ddcb7cf2a46c3dd71c9c57f53436d8', 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: 'c836d98976574e14fab9eb8e248b2a44f0407a45', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '227d33c5bfb293a91a80a5514ff7c3b61094ba03', 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: 'da6d220f076cd00a11a99870568b9dfd5d367846', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9d2f34e87695637bcf3c13251d1931d8ef29b29e', dy: "20" }), h("feGaussianBlur", { key: 'd6f11bc40ccd92386d05472178c7fd4dd93e69e8', stdDeviation: "12" }), h("feColorMatrix", { key: 'b51ba0ef44830b4aa57c2fdbae4163727e9971e6', 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: 'dc065a747a5a48c0364e5f676a53ea6658b8a7d5', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4529380d87327f3ed9e5ef84138607039e416098', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'cdbda7e15b2b74a0492b385f05f115f923c621da', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '485cbbfc8d23a60543f6b7fbdda495e00fd6e8fe', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '15348a54b69c413ebdcc35d5c9ffeaca5ac91376', 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: '79df6775f578db073957c54d0a83f0ecd8e99907', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '108b64f81e9c59caa22e1d44fb03ebe37fa1251f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '02eaa65de59f3bba8f9be15b26527a7ed4fa8399', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '2b59191ed186d5b5c86673bf354d5c572ad269f4', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3dbc7f2d3b0070ebb31b65ff247feea22665357d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'abb11e517faa7bec392e243f15320c9911999bd9', 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: 'e7058b1567f01e1407e64240b81eed8d2da291e7', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '0f8e80f7df12fe1dcb9f2729afe2ebab01e69a02', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '4078b09f812c1ece69c02c7b26dc5cf6174363c9', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '8a06b9c574abf8029f3ba4a12d63d6fe9bd1e239', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '79fe3ea928acfbafad9f6925ca7de5f5d2365bdf', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '28a42e2bf1612c071b00f54ba48885e89de2ca5b', 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: 'fa4c4dd15835b220196cd13e3d9e0d8e059890d6', 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: '3ec93b75a27fdd8ef507bd79aea0e3e1760e5a91', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '05611dc25a8905ad01cec30c396a91c26d8e3d30', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '414bcbd16a1cf3e13fead5ad685040b7c96581aa', 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: '249db0ee685b7ff44aa39ae6163ffdc77577bd35', 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: '8844c06878dcf8cf5615367d80ba91cc3922497e', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fd0675e864d465b221ba62c043f38c3d873c5b95', 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: '7830d946fb864e4400b2e91ff050c6d09e2d3247', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'c15d4932c01558e2b56aae335ba209c95738a040', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '023edf0754e28f9666bd64d64f7550d4d7360384', 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: 'a655578fd2c60cfafe709a2070f9a31d0e176f6b', 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: '3986cde192bb16fde3985b07a792aa258e284148', 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: '60d585025bd510e54b72aa63cd4cf02d4f6500e4', 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: '887ab38e39af5429feeea0d31e2ed1fa5a2c097b', 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: '04f0a50e82a308727d986abb3fca974c67425328', 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: 'b13956d6636aafb573e13fbaf7cd885320b0aa6d', 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: '08d0cec14e3e1b7bde0ad7900e5b77a9768e1710' }, h("filter", { key: '3eda190ae7f4f000449b9128de9e984515d75a1a', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1f56a597f8afa226fd841145f3838d8b1abaeaa4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb526f48120cc4e9b74434a97590735b2ba2d232', 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: '0e5746fb61e7e6f7815a0f89ad0d6b65a125cc16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'e3eb216c8ba383e79b3472c98ae4f43b68cff28b', dy: "8" }), h("feGaussianBlur", { key: '7088e4736795c2c124992da204a478f6196bb32f', stdDeviation: "4" }), h("feColorMatrix", { key: '0af1b1175a814351230a0cd0231eca99a1171838', 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: '92e983aa56d45c119da329e0b2ed8c157ab301bf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '2b186284b74eee0aa20c88e4dc176dec2119c36f', 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: '9f90eae836109108aaf6b7b9569df16fd25c82a2', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '23ddb5e181f8292afaa5212a74a8b5d68dec7e65', dy: "20" }), h("feGaussianBlur", { key: '76190621a8be3624e3e5d8e6471b5799b83794fc', stdDeviation: "12" }), h("feColorMatrix", { key: '84ed3fdd79ef7af4d8e9e40382f8d3caa8886381', 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: '6d0dfcc7067d6068f84161287b3a41c7107eb1e9', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '839575fb92258ef818e3fa74efc9ac231af77cef', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: 'e09516469485c2566c0dbf259bf6dcfa29448ac1', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4093dd4698e99af6142b43e14a603a485273e05b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '9418bd92ca947cb406c9ad728268c1ae28849342', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '594507e606861e79e1b19f5ba312b37fa4b2b1e2', 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: '0ee71ad3035192074d53405757bd8d2f01723d67', 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: '8214232ebe0f44df26e51088242027c1411afa8a', 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: '5ee5c2ed152f5f998512f53dc5d471fa6bf1ffea', 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: 'dc0172727e7c2130d48d34d3bc5ee18d7b0562c2' }, h("filter", { key: '317156c6ef6f47c2104a735edf4290c10b0a7d22', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e4ad31575ee7c69e1f2e07657531a7bf61c4e843', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '805e0895c6229dd6094af53f414dde8bc1122a8f', 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: '6265c910126bd7208ab283239c9939377abbf3e1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'd80863595312c0250a8825940aff49cce5892013', dy: "8" }), h("feGaussianBlur", { key: '99ff174bf7f7b13e97a77aeae105f3f30d3420ac', stdDeviation: "4" }), h("feColorMatrix", { key: '4511c8f9cb7f616ce4c9f6bb109f3dab0637db69', 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: '5c81a249decc1eb5e1048c4cb00146cab8b9aa98', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '6415b25e449c96788897eab02debc3915e3eeacb', 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: '3be18df1e0dd22f7c62d99de75707e558d1f02d6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'a07b66cdc8f5cfebcd396556d0097ccb6d11ea64', dy: "20" }), h("feGaussianBlur", { key: '8d2ff8864f048b29f9310b1c28ce8897d9d1279e', stdDeviation: "12" }), h("feColorMatrix", { key: 'b01d3dbad4fd7400034630eb35651a1f8f7f62c8', 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: '96f9962b1c8b46ca0e91447b835221d036b6144f', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'e9321374ff38c329cb55cbcc0ab70a5ce0deb9b5', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '96381921f229ce10888479ae81f926634dce5f89', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f4c74466a149c39a7db081343410115ed7c3252b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'ccfcdc624a35387dd52b5f47eec2d3a3ee2de12e', 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: '959c296f72fbf30e6affa1d5bf98f5031c08107c', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '7ae5354bdce84efccefda9745f76290725322a4c', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '5df111bdcd4baea470904ffa8c0447c027223ea5', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '26fa6a49cd60a89c52a14aa0be60d0db8c131f55', 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

@@ -362,16 +362,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: 'e51973ca3d8cfd5e6958e5360d4e5b3d7df42bba', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'db4cb08816e714443335bac318fb4e287230adb0', 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: '99db32f40b4e1aea9332662b2eb01503f9d44ef5', 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: 'dab5869e52ff3945d7501a3f544afe7efd10f8f8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4d67ff90dc020e7a9441fda464cb19df70e328f2', 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: '23654710961622d719cbcb0934d5ec357c571191', 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: '623e9a91927de0d1d5a6be16c3a92bcb99455539', 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: 'c030f39b5d8941bfd6bee9595896c2147be1e525', 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: '83542ea96386579d7e2ddc80a32e7a96d6ecd28a', 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: '78fa0cb0c6322e5aaefd135c72970fbca9c134c0', class: "placeholder" }, h("p", { key: 'a5f081a5039bb54170e5f508be879789cde18214', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'afb40d69d5274448d204de12ef31caff78d21230', class: "search_input" }, h("input", { key: 'c6d67cf41460ecaaead15c347c752cfa94d878e3', 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: '70154ca6288825348a77c484793fdb92730eb74f', 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: 'febfbb073f59211cf9ab194ae721da9658120d8b', 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: 'b74341745d537b75b7836941d2f3ee0a34fab4f6', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '9ee58e3818ced0e2054afacf314c33a75a75aa3d', 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: 'daf796e5534c384598f7035051e2ea57797568e4', 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: '1eb08b60feab33adb5011247da08e4812f8f5524', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'da05b6ed16b6e1c96c16f768340c732c9420534a', 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: 'df5a13ad47cd6b63e1ac6899c51312fa2c159ecf', 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: '2aeac590f47bbecd5269c8deaa79b3dca3c1266f', 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: '644910632724a2d4f5a45f8620e42c4bca77205b', 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: '880a88ed5bc34d40f0e359506267658b0fe0519a', 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: '42f40eee7ef35ff28e0f91cce8626c67659c9781', class: "placeholder" }, h("p", { key: 'b2df9fc1e1767480a48c098a27e1866d4bb2bc1e', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'a143edb7d32f4141ab2387f5291d2be7223cd407', class: "search_input" }, h("input", { key: '57454e370344732e79439b5cddf2936c43f585f8', 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: 'f6903df32070b867d058b87698dbfd16a2458b3d', 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: '3fc1ba674a4630d5caa1695e9d32481591882874', 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: '2e07e9ab441f3bb0950c092aad7a57266585e07a', 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: '859e58dd9e09edf14f014ebb622dbb7f035b4746', class: `content` }, h("div", { key: '6b047b1bfc3cca093e6cc44664d312927ebe35e5', 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: 'c55fa98d3cb18ee0c291d93b446ed5763d2dcace', 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: 'f2f7a07d178032db135804aea2de517775ccbe6d', class: `content` }, h("div", { key: '738baf2a61373455ee34f99b5dc3dc165fb2a33b', 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: 'f28b0650097122c60a554556c360778d407a93c2', 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: 'dc37a9f6cbca5c8b72946101f52fe6eab7d12683', class: `help_icon` }, h("gb-help-tooltip", { key: '5cdfedfc914ccf77e05d37b6cc3042aba3b9eca6', "show-supporting-text": true }, h("slot", { key: 'c857197909a7fa9858fa3ada30e99637a6410e33', name: "tooltip_label", slot: "label" }), h("slot", { key: 'e39167d32dcdd504cb8aa2f1c177bce247fc8021', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'ba5d030f444487c1ea1bab1f73095920c94689ff', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '4e52cc14e594bd8c1ec5fe6accebfd3dc6bbd733', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '36f6727b281062b73930359c29e9ef0fd85d693b', 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: '77151e0f7452986758158815e10ea6bc64bea635', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '780376405e68c87849cae69f3de03bc5a6a3ad62', class: "dropdown_search_field" }, h("gb-input-field", { key: '3d91da6ca3c153afd3b1de309c9e3d59b8147c4a', 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: '2dcd60a3b9012d1a8da854a0d9aa28d1ed2fd5ad', class: "loader_div" }, h("div", { key: '47aa943e9ec754a1a378755ce70b79c294540272', 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: 'a776ee56a1b02bdf63920bddc6b2636833981e44', 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: '8483c67061fcb15530ea06e9eb279d05252ed417', class: `help_icon` }, h("gb-help-tooltip", { key: '611fa64ca96a9c997c0694ee9d1ad31d9a629f5e', "show-supporting-text": true }, h("slot", { key: 'd2600642f5d8ecb83b2f9de2531b91b46c6dd323', name: "tooltip_label", slot: "label" }), h("slot", { key: 'cc875e4fe2ba830cee17e97592633ed02eff703d', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'd16256dbe0939546ea37dca3f55495f6596d8e68', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'c0e633fa5803f37f9a7d82debb41707383559e09', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'ef843afdbd64541912e2fad10e70d88355c15505', 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: 'd082f528ae1d8a1e884e3eda428830701ceb9bd6', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '5f85534e76ce33d9e75693478aaab066203e624f', class: "dropdown_search_field" }, h("gb-input-field", { key: '278f55611026120604533361e9cec9d7f49666f0', 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: 'd9bf701b758e61f95d27870a0b7ebd7fecb839b8', class: "loader_div" }, h("div", { key: 'b782f32d1eaf9689c2532ce3969f01f7ec9d4531', 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())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), 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: 'da949315cb51b6584ccf87f620ff1d81bdfea408', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: 'd0aa2a9a43b2fffe23df572d80332d8bc57af34b', class: {
+        h("div", { key: '9565bff7c3d6d4c10c7305c471126466e680ea34', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '9b1f3eafaf44eefb52547b8e07837548da67e6cf', 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: '3ff431e8de48e05a9fde4cb7b22675f02fbe8235', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: 'aa05301021552e3869adcd1347cf70d6f262f38e', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '235cfaba74f1970d21b8e51912a8d4e7494a63b3', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '4b26c7e6cecece698805b9220fd6934dde7e3f40', 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: 'a490c69d3ed630cb542c461fc12feaa28ebb2381', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '76829f4e9a6e381c82bf3494a61dad6a2fe9b84a', name: "name" }), this.supportingText && (h("span", { key: 'f8504865001cdf64a33987acbf79cd229a9cfb3b' }, h("slot", { key: '04b53f385a770d7fe9b5293525430dcebaf66c1f', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: 'eddec66a137a0e9492dd3f4f0dde4690edfaa123', 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: '587d1ea535ffab847f8f3c0fb5858f268aa280c3', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '8bae6933c235cf698bb8654e0225da3af0c3df91', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '43eeb2eaca54aa850b2ded14724b560f1c4a26bd', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: 'd4199d8f92a6ec533f93bd1bcafc2f142910ac33', 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: 'bc3777887be835b44ce452c43336db096b3ac969', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '6875247eccb5286c8b0475c40c635195140d28e3', name: "name" }), this.supportingText && (h("span", { key: 'eb48bcea5208050d038130d5f2e73b55ea423661' }, h("slot", { key: '4b1eb1aa8ed42f1ce9871f99a5c0bf72f6fa17af', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '9c434782e7ae849e18af12546926265c87ca1cba', 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"; }