npm - @ui5/webcomponents-fiori - Versions diffs - 2.12.0-rc.2 → 2.12.0-rc.3 - Mend

@ui5/webcomponents-fiori 2.12.0-rc.2 → 2.12.0-rc.3

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

package/src/illustrations/sapIllus-Dialog-NoTasks_v1.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-NoTasks_v1">
-<mask id="mask0_396_4982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="6" width="148" height="148">
+<mask id="mask0_396_4982" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="6" width="148" height="148">
 <circle cx="73.9925" cy="79.9925" r="73.9925" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4982)">
@@ -10,7 +10,7 @@
 <rect x="22.9725" y="39.582" width="45" height="57" rx="5" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="25.9725" y="42.582" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M62.9725 93.4113V42.7527C64.1377 43.1645 64.9725 44.2758 64.9725 45.582V90.582C64.9725 91.8882 64.1377 92.9994 62.9725 93.4113Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_4982" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="25" y="42" width="40" height="52">
+<mask id="mask1_396_4982" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="25" y="42" width="40" height="52">
 <rect x="25.9725" y="42.582" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_4982)">

package/src/illustrations/sapIllus-Dialog-ReloadScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-ReloadScreen">
-<mask id="mask0_396_5564" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="159" height="159">
+<mask id="mask0_396_5564" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="1" width="159" height="159">
 <circle cx="79.1579" cy="80.1579" r="79.1579" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5564)">
@@ -10,7 +10,7 @@
 <rect x="7.21051" y="44.7354" width="37.8947" height="48" rx="4.21053" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="9.73682" y="47.2617" width="32.8421" height="42.9474" rx="2.52632" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M40.8947 90.0651V47.4053C41.8759 47.7521 42.5789 48.6879 42.5789 49.7878V87.6826C42.5789 88.7825 41.8759 89.7183 40.8947 90.0651Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5564" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="47" width="34" height="44">
+<mask id="mask1_396_5564" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="9" y="47" width="34" height="44">
 <rect x="9.73682" y="47.2617" width="32.8421" height="42.9474" rx="2.52632" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5564)">

package/src/illustrations/sapIllus-Dialog-SearchFolder.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-SearchFolder">
-<mask id="mask0_396_4314" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="0" width="148" height="148">
+<mask id="mask0_396_4314" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="4" y="0" width="148" height="148">
 <circle cx="77.675" cy="73.675" r="73.675" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4314)">

package/src/illustrations/sapIllus-Dialog-SuccessHighFive.svg CHANGED Viewed

@@ -9,7 +9,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M87.5647 17.7173C87.9553 17.7956 88.2087 18.1764 88.1305 18.5679L86.0081 29.2033C85.93 29.5948 85.55 29.8487 85.1593 29.7704C84.7687 29.6921 84.5154 29.3112 84.5935 28.9197L86.7159 18.2844C86.794 17.8929 87.1741 17.639 87.5647 17.7173Z" fill="var(--sapContent_Illustrative_Color15)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M81.4309 9.50267C81.8273 9.54239 82.1165 9.89664 82.0769 10.2939L80.2577 28.5259C80.218 28.9232 79.8645 29.2131 79.4681 29.1733C79.0717 29.1336 78.7825 28.7793 78.8222 28.3821L80.6414 10.15C80.681 9.75278 81.0345 9.46294 81.4309 9.50267Z" fill="var(--sapContent_Illustrative_Color15)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M74.4543 4.03265C74.8508 4.07076 75.1415 4.42382 75.1034 4.82124L72.981 27.0036C72.943 27.401 72.5907 27.6923 72.1941 27.6542C71.7976 27.616 71.5069 27.263 71.545 26.8656L73.6674 4.68324C73.7054 4.28582 74.0577 3.99454 74.4543 4.03265Z" fill="var(--sapContent_Illustrative_Color15)"/>
-<mask id="mask0_9780_15303" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="28" width="132" height="132">
+<mask id="mask0_9780_15303" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="14" y="28" width="132" height="132">
 <circle cx="79.9794" cy="94.0204" r="65.9794" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_9780_15303)">

package/src/illustrations/sapIllus-Dialog-SuccessScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-SuccessScreen">
-<mask id="mask0_396_5792" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="1" width="159" height="159">
+<mask id="mask0_396_5792" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="1" width="159" height="159">
 <circle cx="79.1579" cy="80.1579" r="79.1579" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5792)">
@@ -10,7 +10,7 @@
 <rect x="7.21051" y="44.7354" width="37.8947" height="48" rx="4.21053" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="9.73682" y="47.2617" width="32.8421" height="42.9474" rx="2.52632" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M40.8947 90.0651V47.4053C41.8759 47.7521 42.5789 48.6879 42.5789 49.7878V87.6826C42.5789 88.7825 41.8759 89.7183 40.8947 90.0651Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5792" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="47" width="34" height="44">
+<mask id="mask1_396_5792" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="9" y="47" width="34" height="44">
 <rect x="9.73682" y="47.2617" width="32.8421" height="42.9474" rx="2.52632" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5792)">

package/src/illustrations/sapIllus-Dialog-Survey.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-Survey">
-<mask id="mask0_49_23941" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="154" height="154">
+<mask id="mask0_49_23941" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="3" y="3" width="154" height="154">
 <circle cx="79.8854" cy="79.8854" r="76.8854" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_49_23941)">

package/src/illustrations/sapIllus-Dialog-UploadCollection.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-UploadCollection">
-<mask id="mask0_1663_6930" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="11" width="138" height="138">
+<mask id="mask0_1663_6930" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="11" width="138" height="138">
 <circle cx="68.9208" cy="79.9208" r="68.9208" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_1663_6930)">

package/src/illustrations/sapIllus-Dialog-UserHasSignedUp.svg CHANGED Viewed

@@ -1,6 +1,6 @@
 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Dialog-UserHasSignedUp">
 <rect y="51.3423" width="160" height="69" rx="12" fill="var(--sapContent_Illustrative_Color20)"/>
-<mask id="mask0_6869_476424" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="51" width="160" height="70">
+<mask id="mask0_6869_476424" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="51" width="160" height="70">
 <rect y="51.3477" width="159.929" height="68.9695" rx="24" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask0_6869_476424)">

package/src/illustrations/sapIllus-Scene-BalloonSky.svg CHANGED Viewed

@@ -1,16 +1,16 @@
 <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-BalloonSky">
-<mask id="mask0_11_137" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask0_11_137" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20V20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_11_137)">
-<mask id="mask1_11_137" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask1_11_137" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20V20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_11_137)">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20V20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 <path d="M314.227 135.764C282.794 132.922 251.467 137.336 220.327 141.258C199.179 143.922 177.987 146.199 156.846 148.939C135.487 151.707 114.128 154.541 92.6914 156.675C82.0144 157.736 71.3237 158.655 60.6111 159.283C50.1589 159.895 39.5203 158.867 29.0982 158.087C19.4163 157.361 9.70966 156.595 0.00854492 156.293V220.392H320V136.269C318.081 136.101 316.16 135.94 314.23 135.764H314.227Z" fill="var(--sapContent_Illustrative_Color18)"/>
 <path d="M61.4825 160.759C62.1925 160.893 39.7722 166.827 35.6083 167.71C40.8467 169.265 101.548 174.513 126.383 172.113C139.314 170.862 151.748 168.27 164.352 165.241C174.527 162.794 184.963 160.954 194.721 157.086C186.465 157.209 169.193 158.817 169.785 158.537C184.135 151.712 200.286 149.841 215.267 144.789C220.105 143.159 224.932 141.475 229.834 140.054C226.665 140.454 223.496 140.858 220.327 141.258C199.179 143.922 177.986 146.199 156.846 148.939C135.487 151.707 114.127 154.54 92.6911 156.674C82.0141 157.736 71.3234 158.655 60.6108 159.283C56.7731 159.508 52.908 159.508 49.0402 159.385C53.2095 159.615 57.3652 159.98 61.4852 160.759H61.4825Z" fill="var(--sapContent_Illustrative_Color18)"/>
-<g style="mix-blend-mode:multiply" opacity="0.4">
+<g class="sapIllus_BlendModeMultiply" opacity="0.4">
 <path d="M314.227 135.764C290.083 133.583 266.004 135.681 242.026 138.548C242.816 138.556 243.6 138.542 244.392 138.559C252.915 138.748 262.618 138.625 270.713 141.664C272.511 142.339 275.549 143.631 275.379 146.042C275.105 149.948 269.559 152.667 266.585 153.962C259.184 157.187 250.944 159.143 243.079 160.858C233.378 162.97 223.447 164.627 213.565 165.642C195.407 167.507 176.819 167.186 159.017 171.578C172.268 172.724 199.73 174.11 198.863 174.143C190.001 174.497 181.303 176.151 172.619 177.854C189.247 179.459 205.936 180.227 222.493 182.556C231.725 183.853 240.853 185.485 250.006 187.244C254.348 188.075 258.751 188.536 263.068 189.49C267.037 190.368 272.158 191.345 274.992 194.551C276.464 196.219 276.237 198.469 274.406 199.725C271.547 201.692 267.651 202.136 264.296 202.523C259.976 203.019 255.623 203.203 251.278 203.244C234.483 203.404 217.745 203.897 201.013 201.958C180.709 199.607 160.281 197.347 140.539 191.88C130.27 189.038 120.098 185.779 109.717 183.36C99.4647 180.973 89.0975 179.113 78.6727 177.681C67.8888 176.2 56.9678 174.776 46.0907 174.208C35.5947 173.66 13.7089 172.76 14.4106 172.532C20.6907 170.483 27.1243 169.065 33.6347 168.045C29.257 167.949 24.8491 168.533 20.4632 168.585C19.7423 168.593 31.3266 164.942 36.9022 164.07C26.9407 161.777 11.4337 168.366 5.84985 157.473C5.66071 157.102 5.81696 156.721 6.17331 156.551C4.11741 156.45 2.05877 156.356 0.00012207 156.29V220.389H319.992V136.268C318.073 136.101 316.151 135.939 314.222 135.764H314.227Z" fill="var(--sapContent_Illustrative_Color18)"/>
 </g>
 </g>

package/src/illustrations/sapIllus-Scene-EmptyCalendar.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-EmptyCalendar">
-<mask id="mask0_396_5153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask0_396_5153" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5153)">
@@ -17,7 +17,7 @@
 <rect x="26.3571" y="145.965" width="52.0431" height="65.9213" rx="5.78257" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="29.8266" y="149.434" width="45.104" height="58.9822" rx="3.46954" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M72.6176 208.219V149.632C73.9652 150.108 74.9306 151.393 74.9306 152.904V204.947C74.9306 206.458 73.9652 207.743 72.6176 208.219Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5153" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="29" y="149" width="46" height="60">
+<mask id="mask1_396_5153" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="29" y="149" width="46" height="60">
 <rect x="29.8266" y="149.435" width="45.104" height="58.9822" rx="3.46954" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5153)">

package/src/illustrations/sapIllus-Scene-NoSearchResults.svg CHANGED Viewed

@@ -7,14 +7,14 @@
 <path d="M156.328 117.52C155.245 115.913 154.284 114.236 153.533 112.437C152.939 111.005 152.45 109.415 152.555 107.843C152.659 106.341 153.463 104.751 155.052 104.402C156.1 104.158 157.166 104.367 158.214 104.297C158.598 104.297 159.035 104.21 159.332 103.965C159.699 103.668 160.048 103.162 159.978 102.655C159.908 102.184 159.559 101.747 159.245 101.415C158.843 100.961 158.371 100.577 157.935 100.158C156.887 99.1269 159.21 92.961 158.197 91.8955C156.17 89.7296 153.76 91.8256 152.1 89.3627C151.314 88.2099 147.786 87.7208 147.018 86.568C146.895 86.3933 146.773 86.2012 146.651 86.0265C146.843 91.2841 147.018 95.4937 147.018 95.4937L148.415 114.079C148.415 114.079 152.135 115.843 156.485 117.765C156.432 117.677 156.38 117.607 156.31 117.52H156.328Z" fill="var(--sapContent_Illustrative_Color3)"/>
 <path d="M184.712 50.9174C182.476 44.1925 173.166 37.9567 165.97 42.2012C158.948 46.341 148.328 47.5637 146.738 68.6292C146.633 68.9262 146.528 69.2406 146.459 69.5375C145.935 68.0179 144.24 64.2275 140.625 66.1314C137.969 67.5288 138.79 72.3497 140.1 75.7733C143.769 77.6423 146.616 79.5113 149.585 82.3585C152.625 85.2581 155.384 88.4371 158.092 91.6511C158.162 91.7384 158.197 91.8083 158.214 91.8956C159.873 94.4808 161.638 97.0135 163.542 99.4415C166.511 103.197 169.795 106.743 173.515 109.765C174.197 105.607 174.668 101.939 174.738 101.363H175.052C175.052 101.363 175.227 101.363 175.524 101.293C176.764 101.258 179.227 100.909 181.096 98.7428C182.232 97.7472 183.175 96.3847 183.542 94.5332C184.712 88.5244 186.494 79.4415 186.598 76.1401C186.721 72.8388 186.948 57.6423 184.712 50.9174Z" fill="var(--sapContent_Illustrative_Color3)"/>
 <path d="M182.214 95.4414C180.363 94.9698 178.389 94.9174 176.485 94.9872C172.607 95.1095 168.625 95.9305 165.218 97.8519C165.288 99.0047 166.022 100.088 166.756 100.944C167.489 101.817 168.345 102.603 169.323 103.214C170.424 103.896 171.576 104.507 172.764 105.013C173.218 105.206 173.69 105.398 174.179 105.555C174.494 103.354 174.703 101.747 174.738 101.38H175.052C175.052 101.38 175.227 101.38 175.524 101.31C176.764 101.275 179.227 100.926 181.096 98.7602C181.969 97.9916 182.721 97.0134 183.192 95.7558C182.878 95.651 182.563 95.5462 182.232 95.4589V95.4239L182.214 95.4414Z" fill="var(--sapContent_Illustrative_Color28)"/>
-<mask id="mask0_396_4278" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="109" y="67" width="144" height="139">
+<mask id="mask0_396_4278" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="109" y="67" width="144" height="139">
 <rect x="109.358" y="67.4" width="143" height="138" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask0_396_4278)">
 <path d="M147.821 103.599C147.821 103.599 116.275 112.874 116.817 116.577C117.341 120.28 119.996 162.952 125.568 175.669C131.14 188.385 126.371 196.874 125.568 204.018C124.764 211.18 124.031 219.983 125.882 221.101L207.087 221.066C207.087 221.066 207.559 207.197 205.515 201.101C205.515 201.101 204.729 200.856 205.323 186.638C205.917 172.42 206.354 159.651 205.323 155.983C204.293 152.315 206.039 152.455 207.14 153.642C208.24 154.813 211.035 156.874 213.673 157.45C216.31 158.044 229.441 167.536 238.245 167.397C247.048 167.257 245.061 165.957 246.232 162.376C247.402 158.778 229.219 135.896 229.219 135.896C229.219 135.896 225.428 134.027 221.795 131.651C218.162 129.276 220.048 130.743 219.088 130.568C218.127 130.393 218.039 130.254 217.673 129.8C217.306 129.345 216.24 128.507 215.28 127.808C214.319 127.11 212.712 125.765 211.612 124.559C210.511 123.354 208.852 121.695 207.786 121.241C205.9 120.42 202.371 117.59 200.031 117.468C197.69 117.345 194.144 117.468 194.144 117.468C194.144 117.468 190.494 117.939 186.965 117.241C183.437 116.542 179.786 115.249 179.786 115.249C179.786 115.249 174.843 105.8 174.267 104.961C172.799 110.009 174.738 112.297 169.55 114.882C164.38 117.468 147.821 103.599 147.821 103.599Z" fill="var(--sapContent_Illustrative_Color13)"/>
 </g>
 <path d="M118.79 137.869C120.1 133.8 122.022 129.922 124.642 126.533C126.092 124.647 127.734 122.917 129.55 121.398C131.559 119.703 133.742 118.324 136.048 117.101C138.494 115.808 141.009 114.69 143.507 113.52C145.865 112.42 148.293 111.354 150.406 109.834C151.349 109.153 152.188 108.402 152.974 107.599C149.97 105.415 147.821 103.599 147.821 103.599C147.821 103.599 116.275 112.874 116.817 116.577C117.044 118.184 117.673 127.179 118.773 137.852H118.79V137.869Z" fill="var(--sapContent_Illustrative_Color22)"/>
-<mask id="mask1_396_4278" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="123" y="168" width="38" height="38">
+<mask id="mask1_396_4278" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="123" y="168" width="38" height="38">
 <rect x="123.358" y="168.4" width="37" height="37" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask1_396_4278)">

package/src/illustrations/sapIllus-Scene-NoTasks_v1.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-NoTasks_v1">
-<mask id="mask0_396_4862" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask0_396_4862" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4862)">
@@ -19,7 +19,7 @@
 <rect x="75" y="98.4355" width="45" height="57" rx="5" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M115 152.265V101.606C116.165 102.018 117 103.129 117 104.435V149.435C117 150.742 116.165 151.853 115 152.265Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_4862" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
+<mask id="mask1_396_4862" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_4862)">

package/src/illustrations/sapIllus-Scene-ReloadScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-ReloadScreen">
-<mask id="mask0_396_5713" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask0_396_5713" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5713)">
@@ -19,7 +19,7 @@
 <rect x="75" y="98.4355" width="45" height="57" rx="5" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M115 152.265V101.606C116.165 102.018 117 103.129 117 104.435V149.435C117 150.742 116.165 151.853 115 152.265Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5713" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
+<mask id="mask1_396_5713" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5713)">

package/src/illustrations/sapIllus-Scene-SearchFolder.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="320" height="245" viewBox="0 0 320 245" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-SearchFolder">
-<mask id="mask0_396_4278" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="320" height="200">
+<mask id="mask0_396_4278" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="320" height="200">
 <path d="M305.547 6.15619e-06H14.4533C12.5559 -0.00174584 10.6768 0.37047 8.92329 1.09536C7.16981 1.82026 5.57638 2.88362 4.23409 4.22468C2.8918 5.56573 1.82697 7.15817 1.10045 8.91098C0.373942 10.6638 -8.08861e-07 12.5426 0 14.44V185.547C0 189.38 1.52275 193.056 4.23328 195.767C6.9438 198.477 10.6201 200 14.4533 200H305.547C309.38 200 313.056 198.477 315.767 195.767C318.477 193.056 320 189.38 320 185.547V14.44C320 12.5426 319.626 10.6638 318.9 8.91098C318.173 7.15817 317.108 5.56573 315.766 4.22468C314.424 2.88362 312.83 1.82026 311.077 1.09536C309.323 0.37047 307.444 -0.00174584 305.547 6.15619e-06Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4278)">

package/src/illustrations/sapIllus-Scene-SuccessHighFive.svg CHANGED Viewed

@@ -12,7 +12,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M184.939 41.7278C185.727 41.8857 186.238 42.6537 186.08 43.4432L181.8 64.8903C181.642 65.6797 180.876 66.1917 180.088 66.0338C179.301 65.8759 178.79 65.1079 178.947 64.3185L183.227 42.8714C183.385 42.0819 184.151 41.5699 184.939 41.7278Z" fill="var(--sapContent_Illustrative_Color15)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M172.57 25.1616C173.369 25.2418 173.952 25.9561 173.872 26.7572L170.204 63.5237C170.124 64.3248 169.411 64.9093 168.612 64.8292C167.812 64.749 167.229 64.0347 167.309 63.2336L170.978 26.4671C171.057 25.666 171.77 25.0815 172.57 25.1616Z" fill="var(--sapContent_Illustrative_Color15)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M158.501 14.1318C159.3 14.2086 159.886 14.9206 159.81 15.722L155.53 60.4545C155.453 61.256 154.743 61.8433 153.943 61.7665C153.143 61.6896 152.557 60.9777 152.634 60.1762L156.914 15.4437C156.991 14.6423 157.701 14.0549 158.501 14.1318Z" fill="var(--sapContent_Illustrative_Color15)"/>
-<mask id="mask0_9780_15343" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="34" width="320" height="200">
+<mask id="mask0_9780_15343" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="34" width="320" height="200">
 <path d="M305.547 34H14.4533C12.5559 33.9983 10.6768 34.3705 8.92329 35.0954C7.16981 35.8203 5.57638 36.8836 4.23409 38.2247C2.8918 39.5657 1.82697 41.1582 1.10045 42.911C0.373942 44.6638 -8.08861e-07 46.5426 0 48.44V219.547C0 223.38 1.52275 227.056 4.23328 229.767C6.9438 232.477 10.6201 234 14.4533 234H305.547C309.38 234 313.056 232.477 315.767 229.767C318.477 227.056 320 223.38 320 219.547V48.44C320 46.5426 319.626 44.6638 318.9 42.911C318.173 41.1582 317.108 39.5657 315.766 38.2247C314.424 36.8836 312.83 35.8203 311.077 35.0954C309.323 34.3705 307.444 33.9983 305.547 34Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_9780_15343)">

package/src/illustrations/sapIllus-Scene-SuccessScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Scene-SuccessScreen">
-<mask id="mask0_396_5942" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
+<mask id="mask0_396_5942" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="20" width="320" height="200">
 <path d="M305.547 20H14.4533C12.5559 19.9983 10.6768 20.3705 8.92329 21.0954C7.16981 21.8203 5.57638 22.8836 4.23409 24.2247C2.8918 25.5657 1.82697 27.1582 1.10045 28.911C0.373942 30.6638 -8.08861e-07 32.5426 0 34.44V205.547C0 209.38 1.52275 213.056 4.23328 215.767C6.9438 218.477 10.6201 220 14.4533 220H305.547C309.38 220 313.056 218.477 315.767 215.767C318.477 213.056 320 209.38 320 205.547V34.44C320 32.5426 319.626 30.6638 318.9 28.911C318.173 27.1582 317.108 25.5657 315.766 24.2247C314.424 22.8836 312.83 21.8203 311.077 21.0954C309.323 20.3705 307.444 19.9983 305.547 20Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5942)">
@@ -19,7 +19,7 @@
 <rect x="75" y="98.4355" width="45" height="57" rx="5" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M115 152.265V101.606C116.165 102.018 117 103.129 117 104.435V149.435C117 150.742 116.165 151.853 115 152.265Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5942" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
+<mask id="mask1_396_5942" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="78" y="101" width="39" height="52">
 <rect x="78" y="101.436" width="39" height="51" rx="3" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5942)">

package/src/illustrations/sapIllus-Spot-BalloonSky.svg CHANGED Viewed

@@ -1,16 +1,16 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-BalloonSky">
-<mask id="mask0_11_112" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_11_112" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_11_112)">
-<mask id="mask1_11_112" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-19" y="-10" width="249" height="156">
+<mask id="mask1_11_112" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="-19" y="-10" width="249" height="156">
 <path d="M218.499 -9.96628H-7.24395C-8.71539 -9.96764 -10.1727 -9.67899 -11.5325 -9.11683C-12.8923 -8.55468 -14.128 -7.73004 -15.169 -6.69005C-16.2099 -5.65006 -17.0357 -4.41513 -17.5991 -3.05582C-18.1625 -1.69652 -18.4525 -0.239496 -18.4525 1.23195V133.925C-18.4525 136.898 -17.2716 139.749 -15.1696 141.851C-13.0676 143.953 -10.2166 145.134 -7.24395 145.134H218.499C221.472 145.134 224.323 143.953 226.425 141.851C228.527 139.749 229.708 136.898 229.708 133.925V1.23195C229.708 -0.239496 229.418 -1.69652 228.854 -3.05582C228.291 -4.41513 227.465 -5.65006 226.424 -6.69005C225.383 -7.73004 224.147 -8.55468 222.788 -9.11683C221.428 -9.67899 219.971 -9.96764 218.499 -9.96628V-9.96628Z" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_11_112)">
 <path d="M218.499 -9.96628H-7.24395C-8.71539 -9.96764 -10.1727 -9.67899 -11.5325 -9.11683C-12.8923 -8.55468 -14.128 -7.73004 -15.169 -6.69005C-16.2099 -5.65006 -17.0357 -4.41513 -17.5991 -3.05582C-18.1625 -1.69652 -18.4525 -0.239496 -18.4525 1.23195V133.925C-18.4525 136.898 -17.2716 139.749 -15.1696 141.851C-13.0676 143.953 -10.2166 145.134 -7.24395 145.134H218.499C221.472 145.134 224.323 143.953 226.425 141.851C228.527 139.749 229.708 136.898 229.708 133.925V1.23195C229.708 -0.239496 229.418 -1.69652 228.854 -3.05582C228.291 -4.41513 227.465 -5.65006 226.424 -6.69005C225.383 -7.73004 224.147 -8.55468 222.788 -9.11683C221.428 -9.67899 219.971 -9.96764 218.499 -9.96628V-9.96628Z" fill="var(--sapContent_Illustrative_Color7)"/>
 <path d="M225.231 79.8088C200.854 77.6049 176.561 81.0277 152.411 84.0697C136.011 86.1353 119.576 87.901 103.182 90.0261C86.6177 92.1726 70.0535 94.3701 53.4297 96.0251C45.1497 96.8484 36.859 97.561 28.5514 98.0481C20.4457 98.5225 12.1954 97.7248 4.11312 97.1206C-3.39522 96.5569 -10.9227 95.9634 -18.4459 95.7294V145.438H229.708V80.2002C228.22 80.0704 226.73 79.9449 225.233 79.8088H225.231Z" fill="var(--sapContent_Illustrative_Color18)"/>
 <path d="M29.2272 99.1924C29.7778 99.2966 12.3908 103.898 9.16174 104.583C13.2242 105.789 60.298 109.859 79.5578 107.997C89.5852 107.027 99.2279 105.017 109.002 102.668C116.893 100.771 124.986 99.3434 132.554 96.344C126.151 96.4397 112.756 97.6863 113.216 97.4693C124.344 92.1766 136.87 90.7258 148.487 86.8073C152.239 85.5437 155.983 84.2375 159.784 83.1356C157.326 83.4462 154.869 83.7589 152.411 84.0695C136.011 86.1351 119.576 87.9007 103.182 90.0259C86.6176 92.1723 70.0533 94.3698 53.4295 96.0249C45.1495 96.8481 36.8589 97.5608 28.5512 98.0479C25.5751 98.2224 22.5777 98.2224 19.5782 98.1266C22.8115 98.3053 26.0343 98.5882 29.2293 99.1924H29.2272Z" fill="var(--sapContent_Illustrative_Color18)"/>
-<g style="mix-blend-mode:multiply" opacity="0.4">
+<g class="sapIllus_BlendModeMultiply" opacity="0.4">
 <path d="M225.231 79.8085C206.507 78.1173 187.834 79.7447 169.239 81.9677C169.851 81.9741 170.459 81.9634 171.074 81.9762C177.683 82.123 185.208 82.0273 191.486 84.3843C192.88 84.9076 195.236 85.9096 195.104 87.7795C194.891 90.8087 190.591 92.9169 188.284 93.921C182.545 96.4226 176.154 97.9394 170.056 99.269C162.532 100.907 154.831 102.192 147.167 102.979C133.086 104.426 118.671 104.177 104.866 107.582C115.142 108.472 136.438 109.546 135.766 109.571C128.894 109.846 122.148 111.129 115.414 112.45C128.309 113.694 141.251 114.29 154.091 116.096C161.25 117.102 168.329 118.368 175.427 119.731C178.795 120.376 182.209 120.733 185.557 121.474C188.635 122.154 192.606 122.912 194.804 125.398C195.946 126.692 195.769 128.436 194.349 129.411C192.132 130.936 189.111 131.28 186.509 131.58C183.159 131.965 179.783 132.108 176.414 132.14C163.389 132.263 150.409 132.646 137.433 131.142C121.687 129.319 105.846 127.566 90.5355 123.326C82.5723 121.123 74.6834 118.595 66.633 116.719C58.6825 114.868 50.6427 113.426 42.5582 112.316C34.1953 111.167 25.7261 110.063 17.2909 109.622C9.15119 109.197 -7.82124 108.499 -7.27703 108.323C-2.40681 106.734 2.58245 105.634 7.63124 104.842C4.23633 104.768 0.818031 105.221 -2.58326 105.262C-3.14234 105.268 5.84131 102.436 10.1652 101.76C2.44002 99.9816 -9.58566 105.091 -13.9159 96.6439C-14.0626 96.3567 -13.9414 96.061 -13.6651 95.9291C-15.2594 95.8504 -16.8559 95.7781 -18.4524 95.727V145.435H229.701V80.1999C228.213 80.0702 226.723 79.9446 225.227 79.8085H225.231Z" fill="var(--sapContent_Illustrative_Color18)"/>
 </g>
 </g>

package/src/illustrations/sapIllus-Spot-EmptyCalendar.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-EmptyCalendar">
-<mask id="mask0_396_5311" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_396_5311" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5311)">

package/src/illustrations/sapIllus-Spot-FilterTable.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-FilterTable">
-<mask id="mask0_1663_6302" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_1663_6302" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_1663_6302)">

package/src/illustrations/sapIllus-Spot-GroupTable.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-GroupTable">
-<mask id="mask0_1663_6604" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_1663_6604" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_1663_6604)">

package/src/illustrations/sapIllus-Spot-NoDimensionsSet.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-NoDimensionsSet">
-<mask id="mask0_107_1471" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_107_1471" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_107_1471)">

package/src/illustrations/sapIllus-Spot-NoSearchResults.svg CHANGED Viewed

@@ -7,14 +7,14 @@
 <path d="M62.731 63.008C62.2978 62.3652 61.9136 61.6945 61.6131 60.9748C61.3756 60.4019 61.1799 59.7661 61.2219 59.1373C61.2638 58.5364 61.5852 57.9006 62.221 57.7609C62.6402 57.6631 63.0664 57.7469 63.4856 57.719C63.6393 57.719 63.814 57.684 63.9328 57.5862C64.0795 57.4674 64.2192 57.2648 64.1913 57.0622C64.1634 56.8735 64.0236 56.6989 63.8978 56.5661C63.7372 56.3845 63.5485 56.2307 63.3738 56.0631C62.9546 55.6508 63.8839 53.1844 63.4786 52.7582C62.6682 51.8919 61.704 52.7303 61.0402 51.7451C60.7258 51.284 59.3144 51.0884 59.007 50.6272C58.9581 50.5574 58.9092 50.4805 58.8603 50.4106C58.9371 52.5137 59.007 54.1975 59.007 54.1975L59.566 61.6316C59.566 61.6316 61.0542 62.3373 62.7939 63.1059C62.773 63.0709 62.752 63.043 62.724 63.008H62.731Z" fill="var(--sapContent_Illustrative_Color3)"/>
 <path d="M74.0847 36.3669C73.1904 33.677 69.4664 31.1827 66.5878 32.8805C63.779 34.5364 59.531 35.0255 58.8952 43.4517C58.8533 43.5704 58.8114 43.6962 58.7834 43.815C58.5738 43.2071 57.8961 41.691 56.4498 42.4525C55.3878 43.0115 55.7162 44.9399 56.2402 46.3093C57.7074 47.0569 58.8463 47.8045 60.0341 48.9434C61.2498 50.1032 62.3537 51.3748 63.4367 52.6604C63.4646 52.6953 63.4786 52.7233 63.4856 52.7582C64.1494 53.7923 64.855 54.8054 65.6166 55.7766C66.8044 57.2788 68.1179 58.6971 69.6061 59.9058C69.8786 58.2429 70.0673 56.7757 70.0952 56.5451H70.221C70.221 56.5451 70.2908 56.5451 70.4096 56.5172C70.9057 56.5032 71.8908 56.3635 72.6384 55.4971C73.0926 55.0988 73.4699 54.5539 73.6166 53.8132C74.0847 51.4098 74.7974 47.7766 74.8393 46.456C74.8882 45.1355 74.9791 39.0569 74.0847 36.3669Z" fill="var(--sapContent_Illustrative_Color3)"/>
 <path d="M73.0856 54.1766C72.345 53.988 71.5555 53.967 70.7939 53.9949C69.2428 54.0439 67.6498 54.3722 66.2874 55.1408C66.3153 55.6019 66.6088 56.0351 66.9022 56.3775C67.1957 56.7268 67.538 57.0412 67.9293 57.2858C68.3695 57.5583 68.8306 57.8028 69.3057 58.0054C69.4874 58.0823 69.676 58.1591 69.8716 58.222C69.9974 57.3417 70.0812 56.6989 70.0952 56.5522H70.221C70.221 56.5522 70.2909 56.5522 70.4096 56.5242C70.9057 56.5102 71.8909 56.3705 72.6385 55.5041C72.9878 55.1967 73.2882 54.8054 73.4769 54.3024C73.3511 54.2604 73.2254 54.2185 73.0926 54.1836V54.1696L73.0856 54.1766Z" fill="var(--sapContent_Illustrative_Color28)"/>
-<mask id="mask0_396_4341" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="42" width="59" height="57">
+<mask id="mask0_396_4341" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="43" y="42" width="59" height="57">
 <rect x="43.9431" y="42.96" width="57.2" height="55.2" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask0_396_4341)">
 <path d="M59.3284 57.4395C59.3284 57.4395 46.7101 61.1495 46.9266 62.6307C47.1363 64.1119 48.1983 81.181 50.4271 86.2674C52.6559 91.3539 50.7485 94.7495 50.4271 97.6072C50.1057 100.472 49.8122 103.993 50.5528 104.44L83.035 104.426C83.035 104.426 83.2236 98.8788 82.4062 96.4404C82.4062 96.4404 82.0918 96.3426 82.3293 90.6552C82.5669 84.9679 82.7415 79.8604 82.3293 78.3932C81.9171 76.9259 82.6158 76.9818 83.0559 77.4569C83.4961 77.9251 84.614 78.7495 85.6691 78.9801C86.7241 79.2176 91.9764 83.0146 95.4978 82.9587C99.0192 82.9028 98.2245 82.3827 98.6927 80.9504C99.1608 79.5111 91.8874 70.3582 91.8874 70.3582C91.8874 70.3582 90.3712 69.6106 88.918 68.6604C87.4647 67.7102 88.2193 68.2971 87.835 68.2272C87.4507 68.1574 87.4158 68.1015 87.2691 67.9198C87.1223 67.7382 86.6961 67.4028 86.3118 67.1233C85.9276 66.8438 85.2848 66.3058 84.8446 65.8237C84.4044 65.3416 83.7407 64.6779 83.3145 64.4962C82.5599 64.1678 81.1485 63.036 80.2123 62.9871C79.276 62.9381 77.8577 62.9871 77.8577 62.9871C77.8577 62.9871 76.3974 63.1757 74.9861 62.8962C73.5747 62.6168 72.1145 62.0997 72.1145 62.0997C72.1145 62.0997 70.1372 58.3198 69.9066 57.9844C69.3197 60.0036 70.0952 60.9189 68.0201 61.953C65.952 62.9871 59.3284 57.4395 59.3284 57.4395Z" fill="var(--sapContent_Illustrative_Color13)"/>
 </g>
 <path d="M47.7162 71.1478C48.2402 69.5198 49.0087 67.9687 50.0568 66.6133C50.6367 65.8587 51.2935 65.167 52.0201 64.5591C52.8236 63.8814 53.697 63.3294 54.6192 62.8403C55.5974 62.3233 56.6035 61.8761 57.6026 61.408C58.5459 60.9678 59.5171 60.5416 60.3625 59.9338C60.7398 59.6613 61.0751 59.3609 61.3895 59.0395C60.1878 58.1661 59.3284 57.4395 59.3284 57.4395C59.3284 57.4395 46.7101 61.1495 46.9266 62.6307C47.0175 63.2735 47.269 66.8718 47.7092 71.1408H47.7162V71.1478Z" fill="var(--sapContent_Illustrative_Color22)"/>
-<mask id="mask1_396_4341" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="49" y="83" width="16" height="16">
+<mask id="mask1_396_4341" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="49" y="83" width="16" height="16">
 <rect x="49.5432" y="83.36" width="14.8" height="14.8" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask1_396_4341)">

package/src/illustrations/sapIllus-Spot-NoTasks_v1.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-NoTasks_v1">
-<mask id="mask0_396_4958" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_396_4958" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4958)">

package/src/illustrations/sapIllus-Spot-ReloadScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-ReloadScreen">
-<mask id="mask0_396_5598" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_396_5598" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5598)">
@@ -10,7 +10,7 @@
 <rect x="-15.0555" y="7.59937" width="38.1931" height="48.378" rx="4.24368" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="-12.5093" y="10.1455" width="33.1007" height="43.2855" rx="2.54621" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8939 53.2861V10.2903C19.8829 10.6398 20.5914 11.583 20.5914 12.6916V50.8847C20.5914 51.9934 19.8829 52.9365 18.8939 53.2861Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5598" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-13" y="10" width="34" height="44">
+<mask id="mask1_396_5598" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="-13" y="10" width="34" height="44">
 <rect x="-12.5093" y="10.1458" width="33.1007" height="43.2855" rx="2.54621" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5598)">

package/src/illustrations/sapIllus-Spot-ResizeColumn.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-ResizeColumn">
-<mask id="mask0_1663_6423" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_1663_6423" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_1663_6423)">

package/src/illustrations/sapIllus-Spot-SearchFolder.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-SearchFolder">
-<mask id="mask0_396_4341" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_396_4341" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_4341)">

package/src/illustrations/sapIllus-Spot-SuccessHighFive.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-SuccessHighFive">
-<mask id="mask0_9780_15277" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_9780_15277" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_9780_15277)">

package/src/illustrations/sapIllus-Spot-SuccessScreen.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-SuccessScreen">
-<mask id="mask0_396_5825" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_396_5825" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_396_5825)">
@@ -10,7 +10,7 @@
 <rect x="-15.0555" y="7.59937" width="38.1931" height="48.378" rx="4.24368" fill="var(--sapContent_Illustrative_Color18)"/>
 <rect x="-12.5093" y="10.1455" width="33.1007" height="43.2855" rx="2.54621" fill="var(--sapContent_Illustrative_Color7)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.8939 53.2861V10.2903C19.8829 10.6398 20.5914 11.583 20.5914 12.6916V50.8847C20.5914 51.9934 19.8829 52.9365 18.8939 53.2861Z" fill="var(--sapContent_Illustrative_Color19)"/>
-<mask id="mask1_396_5825" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-13" y="10" width="34" height="44">
+<mask id="mask1_396_5825" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="-13" y="10" width="34" height="44">
 <rect x="-12.5093" y="10.1458" width="33.1007" height="43.2855" rx="2.54621" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask1_396_5825)">

package/src/illustrations/sapIllus-Spot-Survey.svg CHANGED Viewed

@@ -1,6 +1,6 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-Survey">
 <g clip-path="url(#clip0_49_23917)">
-<mask id="mask0_49_23917" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_49_23917" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_49_23917)">

package/src/illustrations/sapIllus-Spot-UploadCollection.svg CHANGED Viewed

@@ -1,5 +1,5 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-UploadCollection">
-<mask id="mask0_1663_6963" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
+<mask id="mask0_1663_6963" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="0" width="128" height="128">
 <circle cx="64" cy="64" r="64" fill="var(--sapContent_Illustrative_Color7)"/>
 </mask>
 <g mask="url(#mask0_1663_6963)">

package/src/illustrations/sapIllus-Spot-UserHasSignedUp.svg CHANGED Viewed

@@ -1,6 +1,6 @@
 <svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" id="sapIllus-Spot-UserHasSignedUp">
 <rect y="42" width="128" height="55" rx="8" fill="var(--sapContent_Illustrative_Color20)"/>
-<mask id="mask0_6869_476425" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="42" width="128" height="56">
+<mask id="mask0_6869_476425" class="sapIllus_MaskTypeAlpha" maskUnits="userSpaceOnUse" x="0" y="42" width="128" height="56">
 <rect x="0.0566406" y="42" width="127.943" height="55.1756" rx="24" fill="var(--sapContent_Illustrative_Color20)"/>
 </mask>
 <g mask="url(#mask0_6869_476425)">

package/src/illustrations-v5/tnt/hc/tnt-Dot-Services.svg CHANGED Viewed

@@ -1,11 +1,11 @@
 <svg width="45" height="46" viewBox="0 0 45 46" id="tnt-Dot-Services-alternate">
-    <path fill-rule="evenodd" d="M21.372 14.43c.462-.304.981-.328 1.161-.055l9.64 14.644c.18.273-.048.74-.509 1.044-.461.304-.981.329-1.16.056l-9.641-14.644c-.18-.274.048-.741.51-1.045Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
-    <rect width="16.951" height="12.21" x="8.047" y="9.728" style="fill: var(--sapContent_Illustrative_Color2)" rx="1" transform="rotate(-33.358 8.047 9.728)"/>
-    <rect width="16.951" height="12.336" x="23.951" y="33.886" style="fill: var(--sapContent_Illustrative_Color2)" rx="1" transform="rotate(-33.358 23.95 33.886)"/>
-    <path d="m13.562 28.28 2.908-1.914 2.391 3.633-2.907 1.914z" style="fill: var(--sapContent_Illustrative_Color5)"/>
-    <path d="M14.648 24.52a1 1 0 0 1 .285-1.385L31.8 12.032a1 1 0 0 1 1.385.286l5.189 7.882a1 1 0 0 1-.286 1.385L21.222 32.688a1 1 0 0 1-1.385-.285l-5.19-7.883Z" style="fill: var(--sapContent_Illustrative_Color8)"/>
-    <path fill-rule="evenodd" d="M32.348 12.868 15.483 23.97l5.189 7.883L37.537 20.75l-5.189-7.882ZM14.933 23.135a1 1 0 0 0-.285 1.385l5.189 7.883a1 1 0 0 0 1.385.285l16.865-11.103a1 1 0 0 0 .286-1.385l-5.19-7.882a1 1 0 0 0-1.384-.286L14.933 23.135Zm-7.888 5.092a.5.5 0 0 1 .284.648L4.42 36.308l4.92-3.239c.137-.09.372.023.524.254.152.23.163.49.025.582L5.003 37.12l7.92.265a.5.5 0 1 1-.034 1l-9.044-.303a.499.499 0 0 1-.216-.057l-.177.116c-.138.091-.373-.022-.525-.253-.152-.23-.163-.49-.025-.582l.17-.111a.498.498 0 0 1 .028-.259l3.298-8.427a.5.5 0 0 1 .647-.283Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M13.782 40.57c.195.297.601.369.864.13 2.857-2.586 3.284-7.274.836-10.992-2.448-3.72-6.922-5.18-10.428-3.578-.323.147-.417.55-.222.846l8.95 13.594Z" style="fill: var(--sapContent_Illustrative_Color8)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M14.34 39.6c2.11-2.272 2.414-6.143.307-9.343s-5.782-4.45-8.703-3.41l8.396 12.752Zm.306 1.1c-.263.239-.67.167-.864-.13l-8.95-13.594c-.195-.297-.1-.699.222-.846 3.506-1.602 7.98-.141 10.428 3.578 2.448 3.718 2.021 8.406-.836 10.993Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M21.372 14.43c.462-.304.981-.328 1.161-.055l9.64 14.644c.18.273-.048.74-.509 1.044-.461.304-.981.329-1.16.056l-9.641-14.644c-.18-.274.048-.741.51-1.045Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <rect width="16.951" height="12.21" x="8.047" y="9.728" fill="var(--sapContent_Illustrative_Color2)" rx="1" transform="rotate(-33.358 8.047 9.728)"/>
+    <rect width="16.951" height="12.336" x="23.951" y="33.886" fill="var(--sapContent_Illustrative_Color2)" rx="1" transform="rotate(-33.358 23.95 33.886)"/>
+    <path d="m13.562 28.28 2.908-1.914 2.391 3.633-2.907 1.914z" fill="var(--sapContent_Illustrative_Color5)"/>
+    <path d="M14.648 24.52a1 1 0 0 1 .285-1.385L31.8 12.032a1 1 0 0 1 1.385.286l5.189 7.882a1 1 0 0 1-.286 1.385L21.222 32.688a1 1 0 0 1-1.385-.285l-5.19-7.883Z" fill="var(--sapContent_Illustrative_Color8)"/>
+    <path fill-rule="evenodd" d="M32.348 12.868 15.483 23.97l5.189 7.883L37.537 20.75l-5.189-7.882ZM14.933 23.135a1 1 0 0 0-.285 1.385l5.189 7.883a1 1 0 0 0 1.385.285l16.865-11.103a1 1 0 0 0 .286-1.385l-5.19-7.882a1 1 0 0 0-1.384-.286L14.933 23.135Zm-7.888 5.092a.5.5 0 0 1 .284.648L4.42 36.308l4.92-3.239c.137-.09.372.023.524.254.152.23.163.49.025.582L5.003 37.12l7.92.265a.5.5 0 1 1-.034 1l-9.044-.303a.499.499 0 0 1-.216-.057l-.177.116c-.138.091-.373-.022-.525-.253-.152-.23-.163-.49-.025-.582l.17-.111a.498.498 0 0 1 .028-.259l3.298-8.427a.5.5 0 0 1 .647-.283Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M13.782 40.57c.195.297.601.369.864.13 2.857-2.586 3.284-7.274.836-10.992-2.448-3.72-6.922-5.18-10.428-3.578-.323.147-.417.55-.222.846l8.95 13.594Z" fill="var(--sapContent_Illustrative_Color8)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M14.34 39.6c2.11-2.272 2.414-6.143.307-9.343s-5.782-4.45-8.703-3.41l8.396 12.752Zm.306 1.1c-.263.239-.67.167-.864-.13l-8.95-13.594c-.195-.297-.1-.699.222-.846 3.506-1.602 7.98-.141 10.428 3.578 2.448 3.718 2.021 8.406-.836 10.993Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
     <circle cx="2.479" cy="38.268" r="1.239" fill="var(--sapContent_Illustrative_Color9)" transform="rotate(-33.358 2.48 38.268)"/>
 </svg>

package/src/illustrations-v5/tnt/tnt-Dialog-Services.svg CHANGED Viewed

@@ -1,30 +1,30 @@
 <svg width="160" height="160" viewBox="0 0 160 160" id="tnt-Dialog-Services">
-    <circle cx="80" cy="79.999" r="80"  style="fill: var(--sapContent_Illustrative_Color7)"/>
-    <path fill-rule="evenodd" d="M60.48 39.61a1.288 1.288 0 0 1 1.788-.348l87.171 58.743a1.288 1.288 0 0 1-1.439 2.136L60.829 41.398a1.288 1.288 0 0 1-.349-1.788Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M56.241 8.685a1.288 1.288 0 0 1 1.975-1.089l9.668 6.1c.374.236.6.647.6 1.089v67.252c0 1.062-1.213 1.668-2.062 1.029l-9.667-7.277a1.288 1.288 0 0 1-.514-1.029V8.685Zm15.92 78.7a1.288 1.288 0 0 1-.514-1.029v-67.95a1.288 1.288 0 0 1 1.975-1.09l12.31 7.768c.374.236.601.647.601 1.089v69.449c0 1.062-1.214 1.668-2.062 1.029l-12.31-9.266Z" style="fill: var(--sapContent_Illustrative_Color2)" clip-rule="evenodd"/>
-    <g style="fill: var(--sapContent_Illustrative_Color8)">
+    <circle cx="80" cy="79.999" r="80"  fill="var(--sapContent_Illustrative_Color7)"/>
+    <path fill-rule="evenodd" d="M60.48 39.61a1.288 1.288 0 0 1 1.788-.348l87.171 58.743a1.288 1.288 0 0 1-1.439 2.136L60.829 41.398a1.288 1.288 0 0 1-.349-1.788Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M56.241 8.685a1.288 1.288 0 0 1 1.975-1.089l9.668 6.1c.374.236.6.647.6 1.089v67.252c0 1.062-1.213 1.668-2.062 1.029l-9.667-7.277a1.288 1.288 0 0 1-.514-1.029V8.685Zm15.92 78.7a1.288 1.288 0 0 1-.514-1.029v-67.95a1.288 1.288 0 0 1 1.975-1.09l12.31 7.768c.374.236.601.647.601 1.089v69.449c0 1.062-1.214 1.668-2.062 1.029l-12.31-9.266Z" fill="var(--sapContent_Illustrative_Color2)" clip-rule="evenodd"/>
+    <g fill="var(--sapContent_Illustrative_Color8)">
       <mask id="a" class="a">
         <path fill-rule="evenodd" d="M144.772 63.464c3.713-2.193 3.365-10.559-.843-18.93-4.292-8.537-10.973-13.848-14.923-11.863a3.84 3.84 0 0 0-.736.485L66.35 64.283l15.54 30.915 62.932-31.635-.05-.099Z" clip-rule="evenodd"/>
       </mask>
       <path fill-rule="evenodd" d="M144.772 63.464c3.713-2.193 3.365-10.559-.843-18.93-4.292-8.537-10.973-13.848-14.923-11.863a3.84 3.84 0 0 0-.736.485L66.35 64.283l15.54 30.915 62.932-31.635-.05-.099Z" clip-rule="evenodd"/>
       <path d="m144.772 63.464-.983-1.663-1.554.918.811 1.613 1.726-.868ZM128.27 33.156l.867 1.726.2-.1.172-.144-1.239-1.482ZM66.35 64.283l-.868-1.726-1.726.868.868 1.726 1.726-.868Zm15.54 30.915-1.725.868.867 1.726 1.726-.868-.867-1.726Zm62.932-31.635.867 1.726 1.726-.868-.867-1.726-1.726.868Zm-2.619-18.162c2.009 3.996 3.053 7.914 3.188 10.999.142 3.254-.723 4.881-1.602 5.4l1.965 3.327c2.834-1.674 3.653-5.326 3.497-8.896-.163-3.739-1.397-8.19-3.596-12.565l-3.452 1.735Zm-12.329-11.004c.898-.451 2.688-.276 5.263 1.772 2.436 1.936 5.017 5.156 7.066 9.232l3.452-1.735c-2.243-4.46-5.148-8.164-8.113-10.522-2.826-2.246-6.352-3.733-9.403-2.199l1.735 3.452Zm-.365.24c.116-.096.237-.175.365-.24l-1.735-3.452a5.729 5.729 0 0 0-1.109.73l2.479 2.963ZM67.217 66.01l61.92-31.127-1.735-3.452-61.92 31.127 1.735 3.452Zm16.4 28.322L68.076 63.415l-3.452 1.736 15.54 30.915 3.453-1.735Zm60.337-32.494L81.023 93.472l1.735 3.452L145.69 65.29l-1.735-3.452Zm-.908 2.495.05.099 3.452-1.735-.05-.1-3.452 1.736Z" mask="url(#a)"/>
     </g>
-    <path d="M145.859 49.169c2.344 6.842 1.952 12.891-1.293 14.523a3.825 3.825 0 0 1-.235.108l.004.008-62.444 31.39-5.567-11.074 69.535-34.955Z" style="fill: var(--sapContent_Illustrative_Color20)"/>
-    <ellipse cx="74.351" cy="79.624" style="fill: var(--sapContent_Illustrative_Color20)" rx="8.005" ry="17.301" transform="rotate(-26.688 74.35 79.624)"/>
-    <ellipse cx="73.89" cy="79.857" style="fill: var(--sapContent_Illustrative_Color4)" rx="4.39" ry="9.038" transform="rotate(-26.688 73.89 79.857)"/>
-    <path fill-rule="evenodd" d="M7.05 115.061a.965.965 0 0 1 1.157-.724l39.872 9.185a.966.966 0 0 1-.434 1.883l-39.872-9.186a.966.966 0 0 1-.724-1.158Z" style="fill: var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M23.124 74.29a.966.966 0 0 1 .552 1.25L8.89 113.732a.965.965 0 1 1-1.801-.697l14.784-38.192a.966.966 0 0 1 1.25-.552Z" style="fill: var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M61.144 124.991c15.503-8.748 21.347-28.365 12.994-44.71-8.352-16.346-27.842-23.435-44.227-16.413l31.233 61.123Z" style="fill: var(--sapContent_Illustrative_Color18)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M74.513 81.06c1.825 11.27-3.967 21.071-14.19 29.021L35.637 75.076l25.505 49.915c15.16-8.565 21.017-27.65 13.37-43.932Z" style="fill: var(--sapContent_Illustrative_Color20)" clip-rule="evenodd"/>
-    <path stroke="#fff" stroke-width="2.576" d="M59.914 87.171c4.208 8.372 6.026 16.882 5.62 23.838-.408 6.995-3.027 12.144-7.377 14.331-4.35 2.187-10.044 1.216-15.902-2.629-5.825-3.824-11.57-10.359-15.779-18.731-4.208-8.372-6.026-16.882-5.62-23.838.408-6.995 3.026-12.144 7.377-14.331 4.35-2.187 10.044-1.216 15.902 2.629 5.825 3.824 11.57 10.36 15.779 18.731Z" style="fill: var(--sapContent_Illustrative_Color20)"/>
-    <ellipse cx="52.842" cy="89.332" style="fill: var(--sapContent_Illustrative_Color4)" rx="2.487" ry="4.145" transform="rotate(-26.688 52.842 89.332)"/>
-    <path fill-rule="evenodd" d="M44.34 93.61a1.288 1.288 0 0 1 .572-1.729l7.328-3.684a1.288 1.288 0 0 1 1.157 2.302l-7.328 3.683c-.636.32-1.41.064-1.73-.572Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M43.413 65.944c.567.43.678 1.238.248 1.805L8.475 114.16a1.287 1.287 0 1 1-2.052-1.556l35.186-46.412a1.288 1.288 0 0 1 1.804-.249Z" style="fill: var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M5.624 114.839a1.288 1.288 0 0 1 1.18-1.387l58.802-4.723a1.288 1.288 0 0 1 .206 2.568L7.011 116.02a1.288 1.288 0 0 1-1.387-1.181Z" style="fill: var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
-    <ellipse cx="5.822" cy="114.836" style="fill: var(--sapContent_Illustrative_Color2)" rx="5.138" ry="5.319" transform="rotate(-26.688 5.822 114.836)"/>
-    <path fill-rule="evenodd" d="M7.439 109.865c1.288 2.616.3 5.751-2.223 7.018a5.035 5.035 0 0 1-4.004.219l.02.041c1.32 2.625 4.444 3.719 6.98 2.445 2.535-1.275 3.52-4.435 2.201-7.06a5.396 5.396 0 0 0-2.974-2.663Z" style="fill: var(--sapContent_Illustrative_Color14)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M108.242 71.795a1.287 1.287 0 0 1 1.787-.348l39.41 26.558A1.288 1.288 0 0 1 148 100.14l-39.41-26.558a1.287 1.287 0 0 1-.348-1.788Z" style="fill: var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M114.71 119.413a1.935 1.935 0 0 1-.77-1.543V46.26c0-1.522 1.677-2.446 2.963-1.635l13.323 8.407c.561.354.901.97.901 1.634v73.232c0 1.593-1.82 2.502-3.093 1.543l-13.324-10.028Zm20.714 14.627c0 .607.285 1.178.77 1.543l16.624 12.513c1.273.959 3.094.05 3.094-1.543v-76.25c0-.663-.34-1.28-.901-1.633l-16.624-10.49c-1.287-.811-2.963.113-2.963 1.634v74.226Z" style="fill: var(--sapContent_Illustrative_Color2)" clip-rule="evenodd"/>
-    <path fill-rule="evenodd" d="M113.94 117.869c0 .607.285 1.179.77 1.544l13.324 10.028c1.273.958 3.093.05 3.093-1.543V116.7c-6.529 1.749-12.68.889-17.187-.921v2.09Zm21.484-2.695v18.866c0 .607.285 1.178.77 1.543l16.624 12.513c1.273.958 3.094.05 3.094-1.543V92.611c-5.846 12.526-13.229 19.323-20.488 22.563Z" style="fill: var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
-    <path d="M77.658 138.561c-.211-3.507-.976-6.114-1.88-6.11-.903.005-1.658 2.626-1.852 6.15-3.52.243-6.136 1.03-6.127 1.938.009.908 2.63 1.632 6.141 1.798.211 3.507.971 6.115 1.875 6.11.903-.004 1.659-2.625 1.852-6.15 3.52-.243 6.137-1.03 6.128-1.938-.01-.908-2.63-1.636-6.137-1.798Zm18.719-26.443c-.14-2.356-.652-4.109-1.259-4.109-.607 0-1.115 1.767-1.245 4.136-2.37.162-4.127.692-4.118 1.299.009.607 1.767 1.097 4.122 1.205.144 2.36.657 4.114 1.264 4.109.606-.004 1.115-1.767 1.245-4.136 2.365-.162 4.123-.688 4.118-1.299-.004-.612-1.767-1.097-4.127-1.205Zm-60.755-81.1c-.14-2.356-.652-4.11-1.258-4.11-.607 0-1.115 1.767-1.246 4.137-2.37.162-4.127.692-4.118 1.3.009.606 1.767 1.096 4.123 1.204.144 2.36.656 4.114 1.263 4.11.607-.005 1.115-1.768 1.245-4.137 2.365-.162 4.123-.688 4.118-1.3-.004-.61-1.766-1.096-4.127-1.204Z" style="fill: var(--sapContent_Illustrative_Color3)"/>
+    <path d="M145.859 49.169c2.344 6.842 1.952 12.891-1.293 14.523a3.825 3.825 0 0 1-.235.108l.004.008-62.444 31.39-5.567-11.074 69.535-34.955Z" fill="var(--sapContent_Illustrative_Color20)"/>
+    <ellipse cx="74.351" cy="79.624" fill="var(--sapContent_Illustrative_Color20)" rx="8.005" ry="17.301" transform="rotate(-26.688 74.35 79.624)"/>
+    <ellipse cx="73.89" cy="79.857" fill="var(--sapContent_Illustrative_Color4)" rx="4.39" ry="9.038" transform="rotate(-26.688 73.89 79.857)"/>
+    <path fill-rule="evenodd" d="M7.05 115.061a.965.965 0 0 1 1.157-.724l39.872 9.185a.966.966 0 0 1-.434 1.883l-39.872-9.186a.966.966 0 0 1-.724-1.158Z" fill="var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M23.124 74.29a.966.966 0 0 1 .552 1.25L8.89 113.732a.965.965 0 1 1-1.801-.697l14.784-38.192a.966.966 0 0 1 1.25-.552Z" fill="var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M61.144 124.991c15.503-8.748 21.347-28.365 12.994-44.71-8.352-16.346-27.842-23.435-44.227-16.413l31.233 61.123Z" fill="var(--sapContent_Illustrative_Color18)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M74.513 81.06c1.825 11.27-3.967 21.071-14.19 29.021L35.637 75.076l25.505 49.915c15.16-8.565 21.017-27.65 13.37-43.932Z" fill="var(--sapContent_Illustrative_Color20)" clip-rule="evenodd"/>
+    <path stroke="#fff" stroke-width="2.576" d="M59.914 87.171c4.208 8.372 6.026 16.882 5.62 23.838-.408 6.995-3.027 12.144-7.377 14.331-4.35 2.187-10.044 1.216-15.902-2.629-5.825-3.824-11.57-10.359-15.779-18.731-4.208-8.372-6.026-16.882-5.62-23.838.408-6.995 3.026-12.144 7.377-14.331 4.35-2.187 10.044-1.216 15.902 2.629 5.825 3.824 11.57 10.36 15.779 18.731Z" fill="var(--sapContent_Illustrative_Color20)"/>
+    <ellipse cx="52.842" cy="89.332" fill="var(--sapContent_Illustrative_Color4)" rx="2.487" ry="4.145" transform="rotate(-26.688 52.842 89.332)"/>
+    <path fill-rule="evenodd" d="M44.34 93.61a1.288 1.288 0 0 1 .572-1.729l7.328-3.684a1.288 1.288 0 0 1 1.157 2.302l-7.328 3.683c-.636.32-1.41.064-1.73-.572Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M43.413 65.944c.567.43.678 1.238.248 1.805L8.475 114.16a1.287 1.287 0 1 1-2.052-1.556l35.186-46.412a1.288 1.288 0 0 1 1.804-.249Z" fill="var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M5.624 114.839a1.288 1.288 0 0 1 1.18-1.387l58.802-4.723a1.288 1.288 0 0 1 .206 2.568L7.011 116.02a1.288 1.288 0 0 1-1.387-1.181Z" fill="var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
+    <ellipse cx="5.822" cy="114.836" fill="var(--sapContent_Illustrative_Color2)" rx="5.138" ry="5.319" transform="rotate(-26.688 5.822 114.836)"/>
+    <path fill-rule="evenodd" d="M7.439 109.865c1.288 2.616.3 5.751-2.223 7.018a5.035 5.035 0 0 1-4.004.219l.02.041c1.32 2.625 4.444 3.719 6.98 2.445 2.535-1.275 3.52-4.435 2.201-7.06a5.396 5.396 0 0 0-2.974-2.663Z" fill="var(--sapContent_Illustrative_Color14)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M108.242 71.795a1.287 1.287 0 0 1 1.787-.348l39.41 26.558A1.288 1.288 0 0 1 148 100.14l-39.41-26.558a1.287 1.287 0 0 1-.348-1.788Z" fill="var(--sapContent_Illustrative_Color4)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M114.71 119.413a1.935 1.935 0 0 1-.77-1.543V46.26c0-1.522 1.677-2.446 2.963-1.635l13.323 8.407c.561.354.901.97.901 1.634v73.232c0 1.593-1.82 2.502-3.093 1.543l-13.324-10.028Zm20.714 14.627c0 .607.285 1.178.77 1.543l16.624 12.513c1.273.959 3.094.05 3.094-1.543v-76.25c0-.663-.34-1.28-.901-1.633l-16.624-10.49c-1.287-.811-2.963.113-2.963 1.634v74.226Z" fill="var(--sapContent_Illustrative_Color2)" clip-rule="evenodd"/>
+    <path fill-rule="evenodd" d="M113.94 117.869c0 .607.285 1.179.77 1.544l13.324 10.028c1.273.958 3.093.05 3.093-1.543V116.7c-6.529 1.749-12.68.889-17.187-.921v2.09Zm21.484-2.695v18.866c0 .607.285 1.178.77 1.543l16.624 12.513c1.273.958 3.094.05 3.094-1.543V92.611c-5.846 12.526-13.229 19.323-20.488 22.563Z" fill="var(--sapContent_Illustrative_Color13)" clip-rule="evenodd"/>
+    <path d="M77.658 138.561c-.211-3.507-.976-6.114-1.88-6.11-.903.005-1.658 2.626-1.852 6.15-3.52.243-6.136 1.03-6.127 1.938.009.908 2.63 1.632 6.141 1.798.211 3.507.971 6.115 1.875 6.11.903-.004 1.659-2.625 1.852-6.15 3.52-.243 6.137-1.03 6.128-1.938-.01-.908-2.63-1.636-6.137-1.798Zm18.719-26.443c-.14-2.356-.652-4.109-1.259-4.109-.607 0-1.115 1.767-1.245 4.136-2.37.162-4.127.692-4.118 1.299.009.607 1.767 1.097 4.122 1.205.144 2.36.657 4.114 1.264 4.109.606-.004 1.115-1.767 1.245-4.136 2.365-.162 4.123-.688 4.118-1.299-.004-.612-1.767-1.097-4.127-1.205Zm-60.755-81.1c-.14-2.356-.652-4.11-1.258-4.11-.607 0-1.115 1.767-1.246 4.137-2.37.162-4.127.692-4.118 1.3.009.606 1.767 1.096 4.123 1.204.144 2.36.656 4.114 1.263 4.11.607-.005 1.115-1.768 1.245-4.137 2.365-.162 4.123-.688 4.118-1.3-.004-.61-1.766-1.096-4.127-1.204Z" fill="var(--sapContent_Illustrative_Color3)"/>
 </svg>