npm - globuswebcomponents - Versions diffs - 2.18.14 → 2.18.16 - Mend

globuswebcomponents 2.18.14 → 2.18.16

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 (441) 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: '7950a6da73a114c61c9eb8af836607ab60b003c8', class: `illustration_wrapper` }, h("svg", { key: '7b78292c89837950931b38cec715c519868d9d3f', 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: '4e175cbe4b3f866fac27fc5daff7c845dd6e0f0b', 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: '58f2716b0bf8e4bbea63770ca21320ac3597b541', 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: '2609ddb809829445d2bb4c9798a2787a61633093', 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: '866cdf2b440bfc9b48b794bc7426ec0acbe47e01', 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: '2e23bacccff7169b37fab8296f0efa4ef7e1149b', 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: '249a4e8452378445e9397ba0f3774938717c9fce', 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: '938b1eb7e00a5864cf7c5fce0521cc1b10a64a66', class: "illustration_div" }, h("div", { key: 'd88f2e0f9cccfd3f1f076633a9ded1e02004e819', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '0a8da3b188d59607af630e25a2ba0d570897fd23', 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: '5f6daa41e613a3357cd7bb406b55f19274774ccb', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '6dd221cc39c1e9f9f09cece4ed3854e79f452a4b', 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: '5220fdadc5e9932dc311f8df194e3a3295fb1bb9', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '8fd8fe4ae9fe23e9d9629cf093648ef1c7544dc0', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '97469102999116f014cab6841da3f9fe8e04ab48', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'c54f1f2b8fd1b8506a2b3db98b34f896c8ceadc0' }, h("filter", { key: 'd8ec56d5b7fc45a63d60869106ac72830ca1d7f4', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4a167a362347d455f9e4ca087741559ab9ff29cb', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '67059d928fdf7ec08333994c9c78bfc6c114c4bd', 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: '918ccded6d7f1278cda4a4d7620c57b67c798c26', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'a8f0c6f98575dbdaeda7145ec445274d8f0fa59a', dy: "8" }), h("feGaussianBlur", { key: '13124508b4eb853f10a98425796d33f9ab3c58cd', stdDeviation: "4" }), h("feColorMatrix", { key: 'dedcf8488be3d72fa9d6b9b39905ee94eed03da9', 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: '28a8bc0a30d869c8c79059bbc3417c313d005d0d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'd96e605622ad5c7426abf7438371dcf40f13dd06', 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: '7e61408cdbb2adfbddb6eefafda93aec91172365', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'c5ccb956253a872153a3fc7d9fdfa93b6a50b578', dy: "20" }), h("feGaussianBlur", { key: 'a7343c744a44058b4c1208162873b72f5916b4a6', stdDeviation: "12" }), h("feColorMatrix", { key: '8b2afdddc23db2140cf42dbc5d525c9054c1a2d7', 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: 'f981986e1e099f9a99e2fd344e23302b50b9a8cb', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '8727c95eaad6a2b4ef13841541c11c93dd1361cf', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '486bf0f6c17244548cce0625b8f25c40443bdb5b', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '9da40c811ba0ea58e6d16174374eadd74fbb888e', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'b82574654b4e0f0bdfa5610618c85f93fe5b0a0e', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '7cae9489c341cf5c8a2da733e9ea390c7f4c8603', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '00e0e428db04a226dba7f398f47d424bfb625ee2', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6d9c47de3f6b83b3dd0c909c32844d2db83c872', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'da90f64b0256fe1aabe4d32c2ef8b9a9415cb820', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ab4f7964ac63695a1e881c683e9c6e75765a6cc2', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'dcf942ad2fd5351e4da6cddee48164f665fdca83', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '4c9f358624a866b61394eea27df95beaf2b6f9cf', 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: 'a2486c460dfdd3be43194da8cb3bc33da22c0132', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '3a15eeae8c055c2ec01c883d93f54e6fe4fd4f59', 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: '32a951c168ac84fb9b1517c55f5851e0d68b9739', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'bfc47e92d9e45cf3a37184c1dffab3e1b654024f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'dccb50de5f80f309c44a71a419ea9d0cbf02fc7a', 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: 'b8dd2f1ce3cc33250361d2d7351407b03c5529fa', 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: '8d15dce99eb57243a45361e771037ffc24477dc5' }, h("filter", { key: '1478a1804c17c8443ef0defd63bdc0070d552035', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '8e1c00f7269d9c27eabd39fb82f80b4cbb96086e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '5bf9edc65972cb548a4a2ca735a8561d8671ad86', 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: '77e28b9539d62cf5d07e920a9816bb578175fc13', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'e7f9fbccc1627ecd56dca5522107d6bb00189091', dy: "8" }), h("feGaussianBlur", { key: '0119fecf6bbfe5585163fdbf609e1502d0243ad0', stdDeviation: "4" }), h("feColorMatrix", { key: 'd0c1a7203e3afd7eb483fee229555991a76ae736', 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: '2a2d105d81ede409663d32b7931e165ef3dbb7dc', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '40586c1809e550d2cf74c999463981905ac86f18', 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: 'fd7a3841a95456e7ec02b0570d620f8eeaad77f7', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '1609b6bddbacbdfd615794c94fe60a6292d19d83', dy: "20" }), h("feGaussianBlur", { key: 'e6e14c349b5b73be3729e4dbe6ee2de04634ddc8', stdDeviation: "12" }), h("feColorMatrix", { key: '3585a05f91cff0682c0981e908321b94d43c9e0b', 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: 'd34f585a829ab19f107e0bb03a0654ae0f5ba8f9', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '63b2768163ab17ede837b45f18ec57c6f1ac6144', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '7d86969209ed25beeb03baef8196a7ca652ff08f', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '605c2149357cd97e25c809a47361610bdb8a4ede', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '17e9a87ca583613e114f27a7a60489fe7f626272', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '2121b09398c74c170255f0c2a40f1567fd97f7b2', class: `illustration_wrapper` }, h("svg", { key: '1c5d9e0ad4cf65485ec796baf8ac7de71833c040', 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: 'f2ebfb4498291df0e825ac9b339889c33dc59c12', 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: '06fa523fb208d9218ac86059b3691d1ee8a172e0', 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: 'cc024585170cb7a82e88fd53aa0d36918816d8e9', 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: '062fdeced3c23cc23fea6c25826192d9a260117d', 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: 'd19de42c7a7d11577b49185ade2a4160f1a8a78c', 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: '791f48d3d94e6aa303d26b953441023b0980dcb3', 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: '02ed639b4dcc69927b922466010d6438683a1d6f', class: "illustration_div" }, h("div", { key: '8f8e87ff37de24a297c4a4592ea97ef72c92e7ae', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'ab25aded7aa40ae4b20a2fc5a0e80d71517badf7', 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: 'e6d5f2e35443af9d50e9fc11285d381acc1759ec', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'e6c6beb56de7d228d4c79a702946f82d7f433d76', 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: '11e22e53e2694454c89c15263ab85dd8774999bd', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '5330dde75d1dfab56d81c4df587098222f61096c', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: 'a01e6ad57eb0e4650546c1c59051067ca6211f11', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '28be7263dd30c32d143cfc6ffbea39094010b630' }, h("filter", { key: '8ae91d117ce248a67338b4e515c42b7c3b9ce523', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'ef45cbc987343b6a67e0d88c7dd07242b44dc4de', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'd1e6ff9fe7d01d60157520bb32d7b00f1df85b10', 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: '7d81f67085bd47607a4c99f00bf1ca20423ee581', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '08d8850023436d8ca3edb9a6ffff84c76a54417f', dy: "8" }), h("feGaussianBlur", { key: '0d74b4aa0d676b6444237fde75dca741d3bffc27', stdDeviation: "4" }), h("feColorMatrix", { key: '6c943bcb62cf25e5f1e2119121eeea76dcf1c91b', 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: '30250601715846976a2ccf1dbf6790b2ce97c1f5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'ca6347e84512e970969bb8f1403d6c87315d888b', 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: '765b55a4aaaea5cd41f6a2f1b2a680475a7cd4d0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'da509a7e05c73548e75bbcdc65dd8effcf024dd4', dy: "20" }), h("feGaussianBlur", { key: 'ba1b2509a57c98aaa6d68446c0d8a04d676f70d5', stdDeviation: "12" }), h("feColorMatrix", { key: '123d7d49ebbd91e3f60ade7155f18bd70d6231c0', 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: '7fa753522edc45ca6556f2ee09e6116334f6a73c', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '2b58868a9baf1af34c390c6a176710ec924336a6', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '68454a653bbd3b7a05e485bc7fd77dab18899cee', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '7ab413acdbafcc7d580ab44e67f02142d7bde181', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4e4baf4e56df716ad634e0719643487228c5e98e', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '263c25a17c3b7ce41ec1944b1771a1ed9757daf7', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '5287ccb81f29c259669e4a72ae31409af2ab84bf', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '6e9bb5c736e77c9254adc90c9dff2e2fd9988e07', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'f0f78ba7a4463c31360bae4b5f6b65cdd67c9bdf', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '9e63bf66ac9f947c8c7e298744a98cfb2838e5a5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '505103db23cb76a29b7c5cdcfa99d178d62e0249', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '6105c2e0a6f71093fb83a675649e2a4c8c7ba89d', 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: 'e8d8797829c58412379011b0918981ef52710f08', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: 'e8d9fe2d409c28acea5a51bc1d0049d8ee504683', 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: '27c5d810e9840280cbe76ef40bf3f03768df68a2', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '95ebc737facee539876b11a19cc60576be492967', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'ccbdab52c3dd79ffc6d07901018adc13ee11d4bb', 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: '74003cf31c08598d22069894f437dcf635f26bb8', 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: '4f078f596dfb0ad90ad0a7a6f5dc242325efd5a3' }, h("filter", { key: 'd659400e22f0b913d96d189e890663396d89615a', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '8700d994438ccd7a358fe67ef7fab3a6a1403970', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e1933b22c7f1cd7df3e0955e3adf9f094279a8ba', 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: '8a4b7fe46bbad475dd981e40a3c9d1301fdcb8dd', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '11ed63d5f18b9bc15c3adf5a3f372f97588d3bb0', dy: "8" }), h("feGaussianBlur", { key: '89a2b83c101079df62a489a74e85928293a66869', stdDeviation: "4" }), h("feColorMatrix", { key: 'b046a2d290e4cb556977f8f519d1b6cde9d6e533', 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: 'efcd96f49710b8dffb04cc24f2cdb4ebd7a8b6e5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'cc08fcb77a0f1057196476601ac48b6a98f3c759', 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: 'f9bf34bb1297b2068bf99849cfb870f5882584ce', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '50554d1d2f3b208452d87b09bb1bcaf43528cff9', dy: "20" }), h("feGaussianBlur", { key: 'ae55b725f216255a9e2e0e7b852f77b6b16f76a7', stdDeviation: "12" }), h("feColorMatrix", { key: 'd0a92b96d96e2bfe2247178075eb9dd6cba65253', 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: 'b96f79fd0ed59f8064fa76fe3c253d90321cb896', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'f1edd1a650b176d028d5a5468c34979c57c68ac0', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: 'd55d05973e255c416f3b16c8b93c50d1d6a67a95', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '96379aae493a2903ca256e1053ed59f2a2a9c99b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'b15d2a907c90cc85d34a421506bd8bf172c13464', 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: '78fde71c7508239e1f44383e17fbbc7c4df14a1a', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57c3b4b79fdcef2aa4913099807dfa9b3a4a6c76', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7f1fe0f6eccc95665953b74fd834f2cbf741fc7b', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '0461fe2aaf33877498c1401348087e8989ba1715', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '068e0952adde5460648ddc256a16037e7ecf130f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '6956372b819833f3357e2a195fadec1f287cc3d4', 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: '927c03d0d5e90c4cfbf66078ce30e5cac6ce64bb', 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: '9b1706323ce3f13cb3080591baf914e890ef4fcb', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '874f04cd92ec63ae3e0f7c76dcc3f2abc5218fb2', 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: '450d057bdc57e6d0c84649252ac4061becfba3a9', 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: '6f9c7cc55f02b76e4dd7ddbb136aa0728bbb446a', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '03b9ea8db3ce495d711c425e21cac89837215d3e', 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: 'bd73ee39c8aaf49c86d8f4bcaffbf59ac7f1503e', 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: '7bcb2ad8c474fd51385716590fa33180704ead4c', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'd994f991d172bfefc6fabc145fca9d506088dbb4', 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: 'a510252eedea33eed5df9e9024ddfe7bf1255989', 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: 'a1c224a62162dd48757d96b4fea398877881d19f' }, h("filter", { key: '361609e0a9b741cd54323b2f11bb6e22cf3b7578', 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: '4c1cc797bf1e698d50234ae4f5f5e1486ad82042', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a361cb85a3aa5c23964385624299c951c2dbc1fa', 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: 'cb31d3c7373b3bb2833c5d93e3e524bd11a93f21', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ff434b281886f0224b64f7bfb48d58a78527754e', dy: "8" }), h("feGaussianBlur", { key: 'e68da0029c6baa96ec738c14a707e646a26afa19', stdDeviation: "4" }), h("feColorMatrix", { key: 'b1ec35cc1272ffaca6f8ffeb8f026f9a6bcf8664', 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: 'a9a2394d997425061c4c1441df322840320524ac', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1a6a4b6d758a1dffb5cb21dcabd052fce72ce33c', 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: '64325c073e05be55eb5393e4db081d1b7189ff21', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9e2b93af3d0c049b3a0b05f62dfa025cf1d7a973', dy: "20" }), h("feGaussianBlur", { key: '98c04fe3df3b4199c79faa091e314e4597e270ce', stdDeviation: "12" }), h("feColorMatrix", { key: '41909459709399743a088d8de61fa47b8e360410', 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: 'b9ddc97fd5fb575d358523bb17c72ac4208d7605', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'edb64fab82f7adeb57ea0f72627da3b0e1a1b279', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '35ce776fb3640d8a61fe34e5ac841c272f25370b', 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: 'bc4fe4635a2029c2438a9335bcd23f14b606eac2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '15cd02d35e2b60d0a5dd038c52607e2e180b0082', 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: '327cf8cf21a2a557d201d82b2dcabc40468ecc3a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '7eea569771031a2db511c62fb2eddee7fa1c9b06', dy: "8" }), h("feGaussianBlur", { key: 'd2b7ad135b27417a632287453f2cb1f4c8ec7c84', stdDeviation: "4" }), h("feColorMatrix", { key: 'aad6ae40f942cff68472d9a2da38a1bd4bc491ce', 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: '1ef0da44d906818b1eeca47392faca0f51777531', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'b33caa06679628c2070003a9d76ec91a885485b3', 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: 'c11b15b5732127b252085d9dde81b89606640e70', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'd26a87e4db6e457eb608a081f3c229138f1ec04b', dy: "20" }), h("feGaussianBlur", { key: '34b8223d8fa497a9b8c98ea05f0d92b2e1eb083d', stdDeviation: "12" }), h("feColorMatrix", { key: '09411047e61402b3155405ccdd933d997dc9521d', 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: 'fe29dc13f4eb7f6584ee7d5b178eb7d8be8ffcec', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '7192a6bcde4dfe81923c2e02e702c1728e47c8ee', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7e3e58cabfa0b98b1d63d81d4610c8b34f5dd919', 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: '2a60a7af343ce572bfc13ec1b35223414b85da0e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'ba5cb0586bc70c8adb92078b74a2f73ca8432b57', 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: 'ca0b1b3dc90ab2d1ea5194e9d7c4abfbba72e08c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'b439019bcceeb03b63e7bcd889ad39ebb10c5641', dy: "8" }), h("feGaussianBlur", { key: 'b25cb0221257414a78658e379268c4472b56237c', stdDeviation: "4" }), h("feColorMatrix", { key: '1aa9ead61d2b9ea99be1d104116640e2967565a6', 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: '81df282a83194f47f9730d485aa072515a04aa95', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'b473c933335184721cf63390f85e17c9359662d0', 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: 'f80937adcb23e3e6415e45ace68f9fdd5cd0c1fc', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '4ea6cb60c9ee86b316b271becbf241eeed42a138', dy: "20" }), h("feGaussianBlur", { key: 'c8b96dc4b503ea1fde6c5e6f205fd15a6cddf4bc', stdDeviation: "12" }), h("feColorMatrix", { key: 'd2dfc7c23233b78cd68fbc339100ec1e52732db4', 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: '16608cc27b2a00785e608ef86e97a0b861e01307', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'f505a4fc7554b3cdb00e4e83a54a6e55832cf928', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'e98d39bdd7170881702103c1a35f5052302728ee', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4d5d65ee898a28107b8a238646de7fd08f75230f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '3945ab404a6f31c070e9db426e9dd5205177fefa', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'fc081c511d428f3c6d4a6185195ddb54216aea5f', 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: 'a90053d219a3e2324a78754368b301fd0fef9744', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '0a3114adc875d7f7af623d5d43212e0713d13ae5', 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: '6abb7db172336621a2dbcd6ca60338c92538cc2e', 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: 'e529bb7e5b107d528954f4c15d418e554d32a47e', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '72344592f7208f0165654d321d1523ff8136c7a6', 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: '76b5310dd8d9b0062de44f0da0bb6ba5794a4281', 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: '795ef4bdb3a2657af50736da69521849fec56951', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'c4af01204106b700e9d1bf4d85d7516f47e42711', 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: '1f49494e887f9b3a726981ec5b33e5cdf2f3b905', 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: '0e55feba90ddcd9b5d308a5d9b6037441e23e9f1' }, h("filter", { key: '7be4e090a7b1c020eebb410d5e35140a862f140d', 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: 'e11309a77d8c4ef0b166b84024eb07a6da71185e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '9cf61e32a8e09d12876c64b0f6ea8d8ee033e843', 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: '38691c8000b5bc5c2fa2db1c9085c6c7fe0ad7e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'b199452edecc47406abbf5da300da5ffba41bf5b', dy: "8" }), h("feGaussianBlur", { key: 'bcb2739d0b8b0f223cf4d064e87ef3460fb2936d', stdDeviation: "4" }), h("feColorMatrix", { key: 'c7c0411a12910b13219446367ca2868c29040c4e', 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: '143501e5fffb15213a2b72739baa4981be04ef89', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'a978d61708e6266257e5a467474b12bb01531d7e', 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: 'bbbcddd5f0182dc724fb90b71db5d335fe9dbc16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'e51c492d9d61140c1911eba487d4b74bed50b7ee', dy: "20" }), h("feGaussianBlur", { key: '02579793b7979504fd8a09fe33ae66786aae226a', stdDeviation: "12" }), h("feColorMatrix", { key: '894bd683bb19b1b08405053c22dc2ad0d43e27d5', 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: '4528d8d3e8cdd7cb38e2c53d77a9c22ba8cf3e68', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'ec6ae94badbd768bb61e90ea0e4c87cb2910e0cc', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '9a2fcf08d46fa06e3a3b419094ccda7793604185', 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: 'fc71a03d6a9baefd13fdf02e3978508a9d08eca7', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'c15a1d3826a0cbe6de2de0ac86ca0b8dc6c6a2b1', 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: 'b4a5565114b5e91887a91d9ce4f0c18a84868236', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '2c4b4db1403c67fe05002b506bcb1ae71ab38314', dy: "8" }), h("feGaussianBlur", { key: '41234a88c6f9415962221da46d6abb0d5a63829d', stdDeviation: "4" }), h("feColorMatrix", { key: 'bff138926732f43c11c6e9e2351f71aa6212e8e9', 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: '5998e0f76c94eb091475e0ba83ce196d7e1d742b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1f9ba985ccccc1f195264e3d52a097b24614dd70', 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: 'da782d71ff6216a7ae1674f93c88eb322f59833a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '0c9f1081abb62ce73f149922fa012f67e1c681aa', dy: "20" }), h("feGaussianBlur", { key: '467359b59cc3973e288227cfaa252d6695d54d1e', stdDeviation: "12" }), h("feColorMatrix", { key: '52aaf336ae29848b7adc5061a5b30e3e540052c6', 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: '7a25f770806e310825bad4c2b6e173e0f38d5b50', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'af712d4bc2ac765b9809c43643f382b140cfd630', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'aaaeceb4c856f7c2d4cda6246b3ff8c96fb7e9e2', 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: 'e1fc452c0b273c1db3877ada483fced273936c1f', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '4464d7d4c006634ac76fbcac722010340ef61e1b', 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: 'aaf85181dc477006c4c6bce44005f1125940ace7', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'e04144c2f20a70f24f2394c3f66feafd08098f80', dy: "8" }), h("feGaussianBlur", { key: '7b5d978f9eda6a54760d45068a83e28834cc0c50', stdDeviation: "4" }), h("feColorMatrix", { key: '45395e492e09004e2336d2467607ad034da22ed6', 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: 'c4ff1ebd874b6b9fa8da40f15f050943c26ca3b0', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '2231da1499b134eee3e4f4ee955682f1b1e46ceb', 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: 'f20fdb6a1fef4541170000d4fa92840b4666d349', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'c9fdc7a7cee5e13779172bf972952f92679c6952', dy: "20" }), h("feGaussianBlur", { key: '632a9363fc120f3d5e2928e3498296779bb8fe79', stdDeviation: "12" }), h("feColorMatrix", { key: '525723361c5a4207dff61137e611e76783ef65e1', 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: '5b7927af00dbb325253ab0d55df2f8752207e036', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '28be0757808c4a10ff9ac5b2a3fe7b612c8d04f8', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'b1b523e001e2cc4e679a8a9675bf7f878d1afb6b', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '22285305e939e2754faca1a955f8580f320df8b5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '3a114a585da2429dd1d7e18267c804f031580973', 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: 'ef10d2925684004ed554d83a5f711fc5768a7454', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '25e66949f152fed276d5ce0e449a220639dbcf62', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'a8a529e2af17b5813f76dfce0ab9ef1c3291f2b1', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '74ce04f5beaeff00c8f82cb2ec82c45a077584b9', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '0629503477ed75d273e3d8638b53200b054293fc', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'fe33e57393094d11bc39f248cd163208dba2dc02', 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: 'c884d96a2bcab1816dddde33cbc47223ca0ffa2e', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '131fcb0e34819a5e032db5c929cd71d38e85b761', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '431e8cdaf5bc54affa0bb6da037df622bf7750f0', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '80b3b140956462f0e3a992082361271ab10bb553', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'fa9966f2afe2f45ee24e24510d6ea4abd8a705b6', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '5d02f8dd1ca4156ce158d43dd8ae27c4972f1cc8', 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: '40cdbbef75dc13c73ed79ee9c7e14ecb1557f05f', 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: '7713d0b96949eb18ae3a93224ca6e8681e1d3873', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '3c2c65c768f4c5ca6a368a35f51501127e252cd5', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: 'a8cfe94d86ccea4da9ae223824408b6f26ce2e34', 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: '8ac17287114a805c3abeb82829797f2f2e645b3b', 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: '608fbb0aed3def5eec6820f71f416105ffe5e048', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '1d2ed3f8be07714170398b5aee9023493f85ea22', 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: '5221c7f9213fe81f99a25af33a8808b88afd9a73', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '826593523fba3871a97089f275066ce97e9ea3a6', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: 'c2744a3a4f3aa6372009b0d0638658fb181ece22', 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: 'c6977e936c97e1caa655a32c7fe3e0e30418a5f1', 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: 'c4694d346f1a87d3133da6bda31e1415e4feebd4', 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: 'ee15ed953637a85435af25466d71f1f6293787ff', 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: 'ebbc4c6a63a4383c1ebd0613509cca9d835ee302', 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: 'a20b2d5e499a13f2d96db767eb3025f5384c8322', 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: '403802b8da9d8704613af43342ee64ec0840f7b8', 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: '6469f39951cf203e67d0472d1edb110ecc2a5743' }, h("filter", { key: 'd7139b57c54d3a8005d52b8c93c0fda5ea152df6', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6dbbf08f0e41c6fe9502b9dac2bb1be2520102b4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b3aa63c3ab559398677b052780a8be80304c44fb', 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: '0c2d3c4cb6a9de38a2cc8af86a0cb17e2ee1d111', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'de5e44ad91182be35f88f7acb18a0b299660ae63', dy: "8" }), h("feGaussianBlur", { key: '59c7f6c07eb8fd0871987d843a165db1035ef309', stdDeviation: "4" }), h("feColorMatrix", { key: 'be6ccb4303297d28279a4ef67fbf930b9497767f', 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: 'd825d220c53f40810862fbbbf774d72fdbf746cf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '5e142586995a30f73a6601ae38eef5ea91fe887a', 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: '75710d64cf4eb6b214a7ebd64a1608ab20e21c97', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'b92a7b3451fa7044865f78de0f509ab27c3f9f31', dy: "20" }), h("feGaussianBlur", { key: '04a71bd427bfb8f4fb813f289ae068c5a0feeb8b', stdDeviation: "12" }), h("feColorMatrix", { key: '3f7005958c9ac173c558cc23759b3acd85212b91', 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: 'cfa29c9cc1a12d095001bb5fcb5f77be1d9e4f6b', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '4c09f6468e5cb9a4abc78d888e86d600075c2276', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '0ec514ccf38f0d227962433ed8c24fea3d0d801a', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f9102f8dbdd825128d3a5fd4ce99f8382cd62d56', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '023a3ab93404c203b58286e62e1029775b8ce77f', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '7cf8366093687adc43fd76a531a2dbf3bd287d9d', 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: '34f5381a1f80cb197cca9efd152000b50fe7ff24', 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: 'd019fca993d06f728005690cefb156e1cef9d0f1', 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: '851473e8e0f9f3315ccd6329d09f82f0a332ce6d', 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: 'b9b51ec8aed71729276539008334176e82f52d7b' }, h("filter", { key: '676703c1de44a03664ebbbd92d53515fae75b776', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '39ef4d566b008a9f89e4d2e53bbbf4b7f611af03', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e5463c25bff64b3508e4c717825bfa21b0aed5f7', 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: 'da61374b09a55ab5e26ad9fc6bf19cb45a1d434a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'af8b2b6ec54ec63558fa2f3ff193e47f7508adb9', dy: "8" }), h("feGaussianBlur", { key: '6937d44977000686002b8dc572af11d6aa90e0e2', stdDeviation: "4" }), h("feColorMatrix", { key: 'd2f5b9a20a3162614222319a75adf5f3d99eaa8c', 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: '4406fa127527344855b105b41c5a9573479c962b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '169054a49a28d974fa170d37be78a1a0022723a1', 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: '313359f25b0cf40724bb5af57dc3edeac417f93e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'd863b4c9f7401cfaa379bfc7129cf3bef4481d29', dy: "20" }), h("feGaussianBlur", { key: 'c56b9705d345037863e4ef6944b3d6f36f3fc85e', stdDeviation: "12" }), h("feColorMatrix", { key: '0cb0aa43720edec9022e2e108b12bdee3234a7eb', 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: '381d4fae0b23f8bde32d07b074babcef53aafa2c', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '960f6a481f1a1fec491e5dbeccb5bb4365799825', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '95fe6340eac8eda3a5993cb4f9700349d72c1076', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '266aaf3027ce53f3b0a6512de6cd7c7983cf62b4', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'e802ca971ec7dda9e882bc53aee6cb7d7dbea8a5', 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: '6952af1d58f8efd256257427102860b6a0c2bbd8', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '4c6263f0fd1a29f9dfa29df461df74155b9d088d', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: 'ce5dbbd483bc5625136ebbe010807c36a9c21b01', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: 'a87084745ff047b07f1f4647ba5f01c0b1051187', 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

@@ -477,7 +477,7 @@ export class GbInputDropdown {
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: '4ce88987119bee403865ab263ddf79be92ea8b00', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '23fac8c7fe9311ecab48cc6083b3ff9cc4f98630', 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: 'a45e61045e5582d88d6af263096fa7e55f76b298', id: this.triggerId, ref: el => (this.triggerRef = el), 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 === 'icon_leading' && this.iconSearch && this.state === 'filled' && (h("gb-icon", { key: '66be59bce8d3647cfadaf0d81aa9ce922c6f0ae4', color: "gray", "icon-style": "stroke", "icon-type": "rounded", "icon-name": this.getItemLabel(this.value.length === 0 ? this.selectedItem : this.value[0]) })), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '8d387fd9f9a55ccfc37f1f682eccfcc02dbaec76', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'feb00ca37b8536a7eb08bb97b4c6aad33cb346c7', 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: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }), h("path", { key: '382aca229987f577c4dc8cb849d168fb0f49e352', 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: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '0a9168b18b849f7b42bc6d889014192e690b3a77', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h("h1", { slot: "initials" }, this.getItemInitials(item)))))))), 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: '2060220f5f244733ddebce7528ece5264476b09c', 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: '696064a31af1d4208fcdc260c3459d64b9c7ae08', 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: '2c15861f84437b7894aed68f5901da1c7ad97769', class: "placeholder" }, h("p", { key: '2f54216b35dcbfe215772383e010ee368bc1cea9', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '1390d0a7c9397d8187501b1c9f32e5a34df927b1', class: "search_input" }, h("input", { key: 'a3b8ebaa6a2e412565e9f31af78ec7d8898e3d56', type: "text", placeholder: this.placeholder, class: `dropdown_search_input text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '165c489a060d8d5149ab94810b30a0e0c7e978a9', 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: '867e1380787f73c4927ebd847f30dc21262eaa16', 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 : 'false', action: "X_close", onClick: e => {
+            h("div", { key: '9f454b84fe52401f3a3e4140522124f113c71391', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '8597abb19c4d5c086c137baf5c19ac47f8c831b2', 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: '39057bd4e63092cb5c180eb27211855bf238aea2', id: this.triggerId, ref: el => (this.triggerRef = el), 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 === 'icon_leading' && this.iconSearch && this.state === 'filled' && (h("gb-icon", { key: '540a2d9b06bef286118e5e555bc599fe056690cc', color: "gray", "icon-style": "stroke", "icon-type": "rounded", "icon-name": this.getItemLabel(this.value.length === 0 ? this.selectedItem : this.value[0]) })), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '3c75c1a7b1afbd450e5cb3921d53b984b4623e31', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e3ef77c095751e8d0fe1ac9b416962e069acf0f7', 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: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }), h("path", { key: '88282565663381ff268030a41efad102b3c5f8a5', 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: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '5b86178a4f5c9a09357acf0bd7f542e79c0fa8f5', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h("h1", { slot: "initials" }, this.getItemInitials(item)))))))), 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: '73df107f2d8990706523f2a0d0a7a50b68eb4a99', 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: '7ae3a033a6f7f6944bdd6d8252159b1ba409f29a', 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: 'a51915591d7f9e269925717498faf6faac6327e8', class: "placeholder" }, h("p", { key: 'c681237023f531e92248a9b3fbec1370fc944099', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'a886179da763aa7d2811e248fe271e488028a84e', class: "search_input" }, h("input", { key: 'a38794cd654db50c5bb401c010e77005c675013a', type: "text", placeholder: this.placeholder, class: `dropdown_search_input text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '1c3c150088d91004d1649ac73039f940d02f9361', 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: '179877a736e03b5fcf1014503774cf0baa645228', 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 : 'false', action: "X_close", onClick: e => {
                     e.stopPropagation();
                     this.handleTagRemove(item);
                 } }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
@@ -489,7 +489,7 @@ export class GbInputDropdown {
                 } }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
                     e.stopPropagation();
                     this.handleTagRemove(item);
-                } }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? this.getItemLabel(this.selectedItem) : h(Fragment, null, this.value.map(item => this.getItemLabel(item))))), this.supportingText && (h("div", { key: '2a70759c3eeb3e8dbc5e66e8dd27565d53981479', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => this.getItemSupportingText(item)))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '05a5898d1b1cca9688c2e7bc1e1029d68f0757fa', class: `content` }, h("div", { key: 'd63d040a3e08d0a12e2260bd6a74fcdcd54bca4f', 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 : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => this.getItemLabel(item)))))), this.supportingText && (h("div", { key: '3bc86033730f62e9d4a90edbcd6f75360b33e44f', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => h(Fragment, null, this.getItemSupportingText(item)))))))))))), this.showHelpIcon && (h("div", { key: '8c5208865ea0c25564e0919502215344cf6be389', class: `help_icon` }, h("gb-help-tooltip", { key: 'e9207218d3dad14b6f51ace9c590fb704adb42b6', "show-supporting-text": true }, h("slot", { key: '921bdd9d0ef89fc09698efde0e4522d65c638f7c', name: "tooltip_label", slot: "label" }), h("slot", { key: '561c4a9af75cbfd103de03c47675398d397b8dc9', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '39b34dd6ad26cad79344a005247e5d108bae5310', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'cfe721d843c6edf34bd9a9b338834a3c15869af4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '4b6512322175bdff88d017115e77ed25dcc901ab', 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("gb-portal", { key: 'de36bb88cf8fc328d1deedc907df1857d8bbf3d1', "anchor-id": this.triggerId, anchorEl: this.triggerRef, placement: this.dropdownPlacement, open: true }, h("div", { key: '5502b7e3571086dbe909e758d15e98915bb9fc97', class: "input_dropdown_portal_menu", ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, (this.showSearchInput || this.iconSearch) && (h("div", { key: '980400eb26e223e52425aabca92c4aec27de955b', class: "dropdown_search_field" }, h("gb-input-field", { key: 'db60c663a4ea250732718109ab5cd06c96d11fed', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this), ref: el => (this.searchInputRef = el) }))), this.loading && (h("div", { key: '529b68a92ce490ac42b0e519a90c991f036a46d7', class: "loader_div" }, h("div", { key: 'ddbaa6b929d90c174aa1ed5d94cba5eca05cdd49', 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, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                } }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? this.getItemLabel(this.selectedItem) : h(Fragment, null, this.value.map(item => this.getItemLabel(item))))), this.supportingText && (h("div", { key: '2f55b612806f3e27345a81d20bc7bc944acbaeaf', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => this.getItemSupportingText(item)))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '76ecd995649b34e541eb2d978cc8699ff90da413', class: `content` }, h("div", { key: 'c718fea06476ea010fce5630e6689367d39653d6', 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 : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => this.getItemLabel(item)))))), this.supportingText && (h("div", { key: 'd14bcad2a8256a34eca7ba2220439652a20b6c37', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => h(Fragment, null, this.getItemSupportingText(item)))))))))))), this.showHelpIcon && (h("div", { key: 'de0fbad1992ad6e9befba569b8d7fb370782f994', class: `help_icon` }, h("gb-help-tooltip", { key: '29cbc8b9c0f74d60d877d6bcf246a6ed520619db', "show-supporting-text": true }, h("slot", { key: '25f5b98737b697fb572370ff1bc5bc144cab92d7', name: "tooltip_label", slot: "label" }), h("slot", { key: '7f1a11480eb69dfedad7533a4345c5f4bc4e5792', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '458d8f2fd53083a5fd19daaff2e8a39d8332e51e', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '8b6186d131cb89d4be0440ec7a4f9a26c14e1224', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '5d0bd290170137847711bb4a550352a307242ea9', 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("gb-portal", { key: 'ee6738adf5a1431eab9c9a71e1359db161dbcceb', "anchor-id": this.triggerId, anchorEl: this.triggerRef, placement: this.dropdownPlacement, open: true }, h("div", { key: '45ee9ca80494ba02aa4a005fb28bb9d06a300a27', class: "input_dropdown_portal_menu", ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, (this.showSearchInput || this.iconSearch) && (h("div", { key: '38e141de920fc3282cd674d304ac07c23ca4e04f', class: "dropdown_search_field" }, h("gb-input-field", { key: '7afe0d3af91ff3baa2d842e9866cfe5385c2ec73', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this), ref: el => (this.searchInputRef = el) }))), this.loading && (h("div", { key: '7a84f0fe4c25113b516d1849972028fbf0fa8435', class: "loader_div" }, h("div", { key: '69d98dbc0c549b82c66afb83e2fa6922bd366b84', 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, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(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) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item)), h("h1", { slot: "initials" }, this.getItemInitials(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) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(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, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), h("h1", { slot: "initials" }, this.getItemInitials(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))),

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

@@ -67,13 +67,13 @@ export class GbInputDropdownMenuItem {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: '89f3ee1ddc96bb296591a70defe6a656e3e2282c', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '81c38da348e7f852c17e86e8e293623315d4b418', class: {
+        h("div", { key: 'da21f206596cf840180b72e2b9cf7ebcaa60b77e', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '59294cacccf0c39d04f2fe53448548d4a1dabe6f', 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: 'da9e78f4d9dc80144348f5a832fe197d3c7b219b', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '05642a15673c5e90ec8b88cf08ce623cae92424c', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '86d483d8283c13c96fbd5210917b1bc0cf21dc28', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '29a1467cb2f484743e8be3d8039468d51a5b115e', 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: '1f27f93810df504d9e7f1ff18c94a79a78303e56', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '4ac799673e67afeb8c09e120d46f2e99de9433c4', name: "name" }), this.supportingText && (h("span", { key: 'e9769b647898f9104ad67bd5e511a79092cf8ed9' }, h("slot", { key: '81735d40f3b7d946b63eabf42e7d4992dc857564', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '1a38fdc6e9800d3fa7179564be92c9a20cf7fe43', 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: 'dcae0e7abdc2b3b96bfc239a2f0aadd50320a153', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: 'f93444a7700b538cb8c2b904d4f1edc7ea663c0b', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '2f9bef32657a5402e566549af4f56186ad54348a', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '9c36554cdac40b199926ff371aaf70d3c02a233e', 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: '9707f8dca4444fbeb848a08eaa54c1b193fbc03c', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: 'c51aebf4b459654c84f0c61aa1cdef48e34a0fce', name: "name" }), this.supportingText && (h("span", { key: 'd75825854285e8871c10bcea2025d804ebfa88f9' }, h("slot", { key: '1052b0d919251be14e73056de7d49111f7896c2e', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '2328f3562a42569d5de18085c82467cd5b5c2df4', 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"; }