@ui5/webcomponents-fiori 0.0.0-037d08c67

package/src/illustrations-v5/tnt/tnt-Spot-Unlock.svg

@@ -0,0 +1,44 @@
+<svg id="tnt-Spot-Unlock" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <rect width="128" height="55" y="40" fill="var(--sapContent_Illustrative_Color20)" rx="8"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" d="m79.507 76.518 16.236 9.553c.14.083.05.156-.193.163l-3.627.118 1.654.973-6.215.175-3.197-.183-1.155-.668-38.715 1.265 1.83 1.076-7.077.198-3.662-.456-1.143-.666-5.556.126-3.713-.548-.829-.49-.84-.076L8.598 78.43l9.195-.733.015.007a.694.694 0 0 1 .136-.011l60.876-1.308c.252-.007.562.057.702.137l-.016-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m90.326 83.65 6.48-.332v4.166l-6.48.149v-3.984Z"/>
+  <path fill="var(--sapContent_Illustrative_Color29)" d="m90.326 83.664-2.89.148.019 2.878 2.875.939v-3.965h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m30.752 81.41 5.34-.06.868 4.116-6.208.012V81.41Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M27.993 79.228v3.92l2.763 2.33v-4.026l-2.763-2.224Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m39.389 85.934 7.381-.376v4.268l-7.381.171V85.93v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m39.385 85.922-2.89-1.824.019 3.919 2.875 1.976v-4.075l-.004.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color28)" d="m38.223 29.9 63.162 3.041v50.936l-63.162 2.28V29.9Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M99.773 81.958a.19.19 0 0 1-.193-.19V34.816L55.323 31.88a.187.187 0 0 1-.182-.197.185.185 0 0 1 .202-.18l44.438 2.947a.187.187 0 0 1 .182.19v47.134a.19.19 0 0 1-.194.19l.004-.007Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M43.26 36.058c0-.87.74-1.562 1.624-1.52l49.988 2.399a1.53 1.53 0 0 1 1.472 1.516v39.764c0 .817-.658 1.49-1.491 1.52l-49.988 1.799c-.876.03-1.608-.658-1.608-1.52V36.057h.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M51.785 29.148 54.11 28v61.199l-2.325-.764V29.148Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="m54.11 28 42.238 9.009v42.675L54.11 89.2V28Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m56.974 31.915 36.96 7.884V77.14l-36.96 8.325v-53.55Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M63.797 47.777h-2.712v20.42h2.712v-20.42Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M64.786 48.86h-2.713v20.42h2.713V48.86Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M64.185 49.99h-.387v18.16h.387V49.99Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M95.747 46.074a4.55 4.55 0 0 1 2.337-.019c.08.023.139.114.139.217v6.698c0 .102-.058.197-.14.22a4.51 4.51 0 0 1-2.336.034c-.082-.019-.14-.11-.14-.216v-6.713c0-.103.058-.198.14-.22Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M96.32 53.324a4.198 4.198 0 0 1-.573-.095c-.082-.02-.14-.11-.14-.213v-6.713c0-.103.058-.198.14-.22.19-.058.38-.1.573-.13"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M95.883 45.516a3.19 3.19 0 0 1 1.949-.015c.07.022.116.114.116.216v6.698c0 .102-.046.197-.116.22a3.163 3.163 0 0 1-1.95.027c-.069-.02-.115-.11-.115-.217v-6.713c0-.102.046-.197.116-.216Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M96.34 45.397c-.19.027-.38.065-.566.118h-.004v7.143h.004c.186.049.376.083.566.11v-7.374.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m97.952 49.35-2.185.023v.41l2.185-.026v-.406Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m97.588 49.355-.938.01v.408l.938-.012v-.407Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M97.777 52.654v-7.169a2.933 2.933 0 0 0-.484-.102l.008 7.382s.197-.023.476-.11Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M95.805 65.153a4.557 4.557 0 0 1 2.337-.06c.082.018.14.11.14.212v6.698c0 .103-.058.198-.14.22a4.556 4.556 0 0 1-2.337.076c-.08-.019-.139-.11-.139-.213v-6.712c0-.103.058-.198.14-.22Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M96.379 72.394a4.198 4.198 0 0 1-.574-.095c-.08-.02-.139-.11-.139-.213v-6.713c0-.103.058-.198.14-.22.19-.057.38-.1.573-.13"/>
+  <path fill="var(--sapContent_Illustrative_Color15)" d="M95.94 64.59a3.193 3.193 0 0 1 1.95-.05c.07.02.116.111.116.214v6.697c0 .103-.047.198-.116.22a3.166 3.166 0 0 1-1.95.062c-.07-.02-.116-.11-.116-.213v-6.713c0-.103.047-.198.117-.22v.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M96.394 64.465c-.19.03-.38.072-.566.129h-.004v7.142h.004c.186.046.376.08.566.1V64.46v.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="m98.006 68.388-2.182.064v.407l2.182-.065v-.406Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m97.642 68.4-.934.026v.407l.934-.027V68.4Z"/>
+  <path fill="var(--sapContent_Illustrative_Color26)" d="M97.836 71.695v-7.17a2.904 2.904 0 0 0-.484-.094l.007 7.382s.198-.027.477-.118Z"/>
+  <path fill="var(--sapContent_Illustrative_Color22)" d="M70.995 55.982c-.915 7.742 3.813 14.245 9.527 13.72 4.753-.44 7.952-5.767 7.834-11.484-.107-5.246-3.014-10.08-6.977-11.334-4.625-1.46-9.574 2.214-10.384 9.098Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M72.213 56.14c-.822 7.598 3.774 13.98 9.28 13.472 4.596-.424 7.67-5.67 7.528-11.309-.136-5.177-2.985-9.948-6.838-11.166-4.486-1.418-9.238 2.228-9.97 9.002Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m75.066 52.047 1.514 1.343c.132-.278.278-.543.439-.789l-1.464-1.307c-.279-.246-.614-.282-.75-.075-.136.207-.021.582.26.832v-.004Zm.699 4.486c.003-.06.01-.122.018-.182l-2.018-.16c-.368-.03-.682.181-.703.474-.022.293.267.553.639.578l2.032.14c0-.282.01-.568.032-.854v.004Zm2.7-5.5c.21-.154.428-.29.657-.404l-.743-1.681c-.15-.34-.422-.54-.61-.447-.19.093-.219.45-.069.793l.764 1.735v.004Zm3.556-.735v-1.66c0-.344-.157-.65-.35-.686-.193-.036-.353.214-.353.56l-.007 1.675c.235.018.47.054.71.114v-.003Zm4.299 4.592 1.236-.786c.218-.14.318-.425.228-.64-.089-.214-.339-.282-.56-.146l-1.214.75c.118.264.218.54.314.821h-.004Zm-1.802-3.081.624-1.421c.122-.275.09-.607-.067-.747-.161-.139-.39-.028-.514.247l-.626 1.382c.204.164.397.346.579.539h.004Zm-8.381 8.352-1.818 1.121c-.342.211-.535.607-.428.886.107.279.471.325.814.11l1.778-1.131a9.73 9.73 0 0 1-.346-.986Zm12.148-2.804L86.8 57.24c.018.24.032.482.032.729 0 .06-.004.121-.004.182l1.497.103c.26.018.457-.167.446-.414-.01-.246-.229-.46-.486-.482Zm-.582 4.783-1.318-1.18a8.95 8.95 0 0 1-.314.837l1.307 1.16c.243.214.51.204.6-.025.09-.225-.032-.578-.271-.793h-.004Zm-6.099 3.073c-.125 0-.247-.014-.372-.021l-.01 2.153c0 .46.178.825.403.81.225-.014.404-.392.404-.85v-2.131c-.14.018-.282.035-.425.035v.004Zm3.267-1.571c-.189.207-.389.4-.6.57l.793 1.8c.16.365.429.536.6.383.168-.154.175-.572.014-.932l-.807-1.821Zm-6.606.161-.922 2.032c-.189.418-.171.879.036 1.025.207.147.529-.075.71-.493l.883-2a5.568 5.568 0 0 1-.71-.567l.003.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M75.762 56.597c-.372 4.7 2.414 8.73 5.842 8.684 3.053-.043 5.263-3.389 5.228-7.256-.033-3.646-2.064-6.967-4.771-7.663-3.003-.771-5.953 1.864-6.303 6.238l.004-.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color20)" d="M76.13 56.578c-.34 4.446 2.292 8.263 5.538 8.235 2.9-.025 5.006-3.19 4.981-6.87-.025-3.482-1.964-6.653-4.55-7.31-2.856-.725-5.648 1.796-5.966 5.945h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M77.655 58.328c-.175 2.756 1.424 5.113 3.446 5.149 1.885.035 3.342-1.993 3.363-4.442.025-2.357-1.296-4.453-3.042-4.775-1.864-.343-3.6 1.425-3.767 4.068Z"/>
+  <path fill="var(--sapContent_Illustrative_Color20)" d="M78.372 56.932c-.157 2.664 1.4 4.985 3.353 5.075 1.825.082 3.228-1.85 3.243-4.225.014-2.289-1.275-4.356-2.971-4.706-1.807-.375-3.478 1.3-3.628 3.856h.003Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="m81.907 51.32-1.588 1.278a.623.623 0 0 0-.204.271l-.471 1.186 1.985-.422.275-2.314h.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M81.978 53.772c-1.72-.335-3.303 1.196-3.595 3.56 0-.132-.018-.264-.007-.4.15-2.556 1.82-4.231 3.627-3.856 1.697.35 2.986 2.417 2.972 4.706 0 .122-.018.232-.03.35-.11-2.16-1.345-4.046-2.963-4.36h-.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m82.603 52.09.118.657c.107.603-.193 1.14-.603 1.057l-.275-.053c-.418-.083-.7-.754-.55-1.318l.16-.607c.211-.786.997-.593 1.15.264Z"/>
+  <path fill="var(--sapContent_Illustrative_Color30)" d="M26.985 37.313 38.223 29.9v56.258l-11.238-5.512V37.313Z"/>
+</svg>

package/src/illustrations-v5/tnt/tnt-Spot-UnsuccessfulAuth.svg

@@ -0,0 +1,14 @@
+<svg id="tnt-Spot-UnsuccessfulAuth" xmlns="http://www.w3.org/2000/svg" width="128" height="128" fill="none" viewBox="0 0 128 128">
+  <rect width="128" height="55" y="40" fill="var(--sapContent_Illustrative_Color20)" rx="8"/>
+  <path fill="var(--sapContent_Illustrative_Color21)" fill-rule="evenodd" d="m39.9 92.272 58.706-8.529c.359-.065.372-.57.021-.657l-35.466-9.278a3.328 3.328 0 0 0-1.324-.06l-47.25 5.526c-.804.126-.96 1.215-.22 1.561L38.59 92.1c.406.19.865.251 1.31.169v.004Z" clip-rule="evenodd"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m30.18 44.09 62.95-4.82 8.05 37.76c.08.39.09.77.03 1.13-.06.36-.19.68-.37.96-.18.28-.42.52-.7.69-.28.17-.61.29-.97.33l-58.03 5.93c-.39.04-.78 0-1.14-.12-.36-.12-.71-.3-1.02-.54a3.51 3.51 0 0 1-.79-.88c-.22-.34-.36-.72-.44-1.13l-7.57-39.31Z"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M84.24 60.04c.17-.01.33 0 .49.06.16.06.31.14.44.24.13.1.25.24.34.39.09.15.16.32.2.49l.9 4.31a1.258 1.258 0 0 1-.16.95 1.09 1.09 0 0 1-.78.46l-36.31 3.38c-.17.02-.35 0-.51-.06-.16-.06-.32-.14-.46-.25-.14-.11-.26-.24-.35-.4a1.75 1.75 0 0 1-.2-.51l-.87-4.42a1.3 1.3 0 0 1 0-.52c.03-.16.1-.31.19-.44s.21-.24.35-.32c.14-.08.3-.13.47-.15l36.26-3.22v.01Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m61.89 64.02.16 1.1.81-.49.41.77-.89.33.88.8-.6.54-.76-.96-.37 1.07-.82-.43.56-.92-1.01-.16.11-.81 1 .33-.3-1.09.82-.08Zm10.36-.93.16 1.09.8-.49.41.77-.89.32.87.8-.58.54-.77-.95-.35 1.05-.8-.42.54-.92-.99-.15.1-.81.98.33-.29-1.09.81-.07Z"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M81.91 48.86c.17-.01.33 0 .49.06.16.06.31.14.44.25a1.592 1.592 0 0 1 .54.88l.9 4.28c.04.18.04.35.01.51-.03.16-.09.31-.17.43-.08.12-.19.23-.33.31-.14.08-.28.13-.45.14l-36.23 3.12c-.17.02-.35 0-.51-.06-.16-.06-.32-.14-.46-.25-.14-.11-.26-.24-.35-.4-.09-.16-.16-.32-.2-.5l-.86-4.38a1.3 1.3 0 0 1 0-.52 1.156 1.156 0 0 1 .53-.76c.13-.08.3-.13.47-.14l36.18-2.96v-.01Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="m59.23 52.76.15 1.07.78-.48.41.74-.88.31.86.77-.59.52-.73-.93-.35 1.03-.78-.42.53-.88-.98-.15.1-.79.97.33-.28-1.06.79-.06Zm7.86 10.8.15 1.09.81-.49.42.77-.9.32.88.8-.6.55-.76-.96-.36 1.06-.8-.43.54-.92-.99-.15.09-.82.99.33-.28-1.08.81-.07ZM54.18 53.18l.15 1.07.79-.48.4.75-.88.31.86.77-.59.52-.74-.93-.36 1.03-.79-.42.55-.88-.98-.16.1-.79.97.33-.28-1.06.8-.06Zm-5.09.42.15 1.08.79-.48.41.74-.89.31.86.78-.59.53-.74-.94-.36 1.03-.79-.42.55-.89-.98-.15.09-.79.98.33-.28-1.06.8-.07Zm7.58 10.89.15 1.11.81-.5.43.77-.92.33.89.81-.61.55-.76-.97-.37 1.07-.81-.43.56-.92-1.01-.16.1-.82 1 .33-.29-1.09.83-.08Zm-5.26.48.14 1.11.83-.5.42.77-.91.33.89.81-.62.55-.76-.97-.38 1.07-.81-.43.56-.92-1.01-.16.1-.82 1.01.33-.3-1.1.84-.07Z"/>
+  <path fill="var(--sapContent_Illustrative_Color14)" d="M99.93 79.92c-.08.04-.16.07-.24.1-.08.03-.17.05-.26.07-.09.02-.18.03-.27.04l-58.03 5.93c-.39.04-.78 0-1.14-.12-.36-.12-.71-.3-1.02-.54a3.51 3.51 0 0 1-.79-.88c-.22-.34-.36-.72-.44-1.13l-7.56-39.3-.74-3.83c-.05-.24-.06-.48-.05-.71.01-.23.05-.45.12-.66.07-.21.16-.41.27-.59.11-.18.25-.34.4-.49l-1.39 1.28c-.15.14-.29.31-.4.49-.11.18-.2.38-.27.58-.07.21-.11.43-.12.66-.01.23 0 .47.05.71l.73 3.82 7.52 39.14c.08.41.23.79.44 1.12.21.34.48.63.78.87.3.24.65.42 1.01.54.36.12.75.16 1.14.12l57.82-5.94c.09 0 .18-.02.27-.04.09-.02.17-.04.26-.07.09-.03.16-.06.24-.1.08-.04.15-.08.22-.12l1.67-1.06c-.07.05-.15.09-.22.13v-.02Z"/>
+  <path fill="var(--sapContent_Illustrative_Color13)" d="M89.16 33c.36-.03.72.03 1.06.14.34.11.66.3.95.53.29.23.54.52.74.84.2.32.35.68.43 1.06l.79 3.69-62.95 4.83-.74-3.83c-.08-.4-.07-.78 0-1.14.07-.36.22-.68.42-.96.2-.28.46-.51.77-.68.31-.17.66-.28 1.04-.31L89.16 33Z"/>
+  <path fill="var(--sapContent_Illustrative_Color1)" d="m101.526 83.084-1.429.918s-.032.021-.046.028c-.014.007-.032.022-.046.029-.014.007-.032.02-.046.028-.014.007-.032.021-.046.028-.305.185-.617.351-.94.504a8.91 8.91 0 0 1-.992.393 9.846 9.846 0 0 1-2.11.46c-.18.022-.365.036-.545.047-.181.01-.37.014-.553.017-.185.004-.373 0-.56-.01a11.503 11.503 0 0 1-2.255-.34 12.428 12.428 0 0 1-3.247-1.344 13.503 13.503 0 0 1-2.861-2.253 14.033 14.033 0 0 1-2.18-2.934A13.014 13.014 0 0 1 82.893 77a12.922 12.922 0 0 1-.837-3.473 11.631 11.631 0 0 1 .167-3.43 10.466 10.466 0 0 1 1.117-3.03 9.632 9.632 0 0 1 1.946-2.442l1.262-1.137c-.39.35-.751.737-1.078 1.148a9.833 9.833 0 0 0-.882 1.318c-.259.464-.486.957-.674 1.467a11.075 11.075 0 0 0-.66 3.307 12.738 12.738 0 0 0 .344 3.519 13.847 13.847 0 0 0 2.341 4.975c.368.496.769.967 1.198 1.413.429.447.89.862 1.375 1.244a13.312 13.312 0 0 0 3.123 1.84 12.046 12.046 0 0 0 3.382.864c.192.018.38.032.57.043a10.087 10.087 0 0 0 1.678-.05c.365-.039.726-.1 1.084-.174a9.271 9.271 0 0 0 1.046-.287c.34-.113.674-.248 1-.396.326-.15.642-.32.946-.507.018-.01.032-.022.05-.029.018-.007.032-.02.046-.028.014-.007.032-.021.046-.028.014-.007.032-.022.046-.032"/>
+  <path fill="var(--sapContent_Illustrative_Color23)" d="M100.895 63.863a14.145 14.145 0 0 1 3.123 3.533 13.781 13.781 0 0 1 1.762 4.327c.12.57.202 1.141.244 1.712a11.638 11.638 0 0 1-.223 3.338 10.904 10.904 0 0 1-.468 1.577 10.08 10.08 0 0 1-1.606 2.774c-.333.412-.705.79-1.106 1.138a9.552 9.552 0 0 1-4.282 2.133 9.855 9.855 0 0 1-1.085.174 9.628 9.628 0 0 1-.553.046c-.184.01-.372.014-.56.018a7.417 7.417 0 0 1-.564-.014 11.289 11.289 0 0 1-2.28-.347 12.707 12.707 0 0 1-3.282-1.365 13.44 13.44 0 0 1-1.514-1.035 13.857 13.857 0 0 1-2.573-2.657 13.818 13.818 0 0 1-2.34-4.976 12.626 12.626 0 0 1-.344-3.519 10.965 10.965 0 0 1 .67-3.334c.195-.521.426-1.017.691-1.492a9.631 9.631 0 0 1 2.017-2.491 9.28 9.28 0 0 1 1.284-.95 9.69 9.69 0 0 1 2.942-1.198 10.473 10.473 0 0 1 3.818-.149c.734.103 1.464.277 2.18.518.716.24 1.415.55 2.092.925s1.329.811 1.95 1.31l.007.004Z"/>
+  <path fill="var(--sapContent_Illustrative_Color8)" d="M97.216 67.726a1.125 1.125 0 0 1 .436.057c.07.024.141.053.209.092a1.444 1.444 0 0 1 .51.485 1.29 1.29 0 0 1 .199.663 1.102 1.102 0 0 1-.078.425c-.029.064-.06.128-.1.188l-1.999 2.906 3.102 2.473a1.779 1.779 0 0 1 .17.163c.025.029.053.06.075.092.02.032.046.064.067.1.021.035.043.07.06.106.018.035.036.07.05.11.014.039.028.074.039.113.01.039.021.075.028.114.007.038.014.074.018.113.003.039.007.078.007.113v.114a.54.54 0 0 1-.014.11c-.007.035-.014.074-.025.11a.885.885 0 0 1-.035.102c-.015.032-.029.068-.047.1l-.053.091-.063.085a.51.51 0 0 1-.075.078.743.743 0 0 1-.17.124c-.028.018-.06.032-.092.047a.835.835 0 0 1-.1.039c-.035.01-.067.02-.102.028-.036.007-.071.014-.107.014-.035 0-.074.004-.11.004-.035 0-.074 0-.11-.007-.035-.008-.074-.011-.11-.018a1.277 1.277 0 0 1-.216-.067 1.462 1.462 0 0 1-.298-.18L95.17 74.33l-2.024 2.96c-.021.028-.043.06-.067.084l-.075.078c-.025.025-.053.046-.081.067a1.31 1.31 0 0 1-.089.06.893.893 0 0 1-.305.117.722.722 0 0 1-.11.018c-.039.004-.074.004-.113.004-.04 0-.075 0-.114-.007-.039-.007-.074-.01-.113-.018-.04-.007-.075-.018-.114-.028a.588.588 0 0 1-.11-.043l-.106-.05c-.035-.017-.067-.038-.103-.06-.035-.02-.067-.046-.099-.07-.032-.025-.064-.054-.092-.078a1.044 1.044 0 0 1-.085-.089 1.017 1.017 0 0 1-.078-.096l-.071-.103c-.021-.035-.039-.07-.06-.106-.022-.035-.036-.074-.05-.11a1.056 1.056 0 0 1-.039-.113c-.01-.039-.021-.078-.028-.117a1.342 1.342 0 0 1-.018-.117 1.148 1.148 0 0 1-.007-.117c0-.039 0-.078.003-.117a1.22 1.22 0 0 1 .015-.113.84.84 0 0 1 .028-.11.836.836 0 0 1 .138-.298l2.042-2.959-3.127-2.49a1.285 1.285 0 0 1-.173-.167 1.093 1.093 0 0 1-.142-.195c-.039-.071-.078-.138-.106-.213a1.316 1.316 0 0 1-.093-.46 1.16 1.16 0 0 1 .086-.433c.028-.067.063-.131.102-.188a.874.874 0 0 1 .142-.16.95.95 0 0 1 .578-.245c.07-.002.149-.002.223.005a.99.99 0 0 1 .224.05c.074.024.145.053.212.092a1.4 1.4 0 0 1 .199.134l3.116 2.488 2.003-2.892a.842.842 0 0 1 .301-.28 1.036 1.036 0 0 1 .4-.12h.026Z"/>
+</svg>

package/src/themes/BarcodeScannerDialog.css

@@ -0,0 +1,49 @@
+.ui5-barcode-scanner-dialog-root::part(content) {
+	display: flex;
+	flex-direction: column;
+	padding: .4375rem;
+}
+
+.ui5-barcode-scanner-dialog-video-wrapper {
+	position: relative;
+	min-height: 0;
+}
+
+/* video */
+.ui5-barcode-scanner-dialog-video-wrapper,
+.ui5-barcode-scanner-dialog-video,
+.ui5-barcode-scanner-dialog-overlay {
+	height: 100%;
+	width: 100%;
+}
+
+.ui5-barcode-scanner-dialog-video {
+	object-fit: cover;
+}
+
+.ui5-barcode-scanner-dialog-overlay {
+	display: none;
+	position: absolute;
+	inset: 0;
+}
+
+/* footer */
+.ui5-barcode-scanner-dialog-footer {
+	display: flex;
+	justify-content: flex-end;
+	width: 100%;
+	padding-top: .4375rem;
+}
+
+/* busy indicator */
+.ui5-barcode-scanner-dialog-busy {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	z-index: 1;
+}
+
+.ui5-barcode-scanner-dialog-busy:not([active]) {
+	display: none;
+}

package/src/themes/DynamicPage.css

@@ -0,0 +1,135 @@
+.ui5-dynamic-page-title-header-wrapper {
+    position: sticky;
+    top: 0;
+     /* We need the z-index to be higher than in the header actions, to avoid overlapping by snap on scroll */
+    z-index: 3;
+}
+
+:host {
+    display: block;
+    height: 100%;
+    background-color: var(--ui5_dynamic_page_background);
+    isolation: isolate;
+}
+
+.ui5-dynamic-page-root {
+    container-type: inline-size;
+    height: inherit;
+    overflow-y: hidden;
+}
+
+.ui5-dynamic-page-scroll-container {
+    overflow-y: auto;
+    height: 100%;
+}
+
+/* Automatically fit content that has height: 100% */
+.ui5-dynamic-page-scroll-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.ui5-dynamic-page-content {
+   flex-grow: 1;
+   position: relative;
+}
+
+.ui5-dynamic-page-fit-content {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+/* Footer  */
+.ui5-dynamic-page-footer {
+    position: sticky;
+    bottom: 0;
+    padding: 0 0.5rem 0.5rem 0.5rem;
+    box-sizing: border-box;
+    z-index: 2;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
+}
+
+.ui5-dynamic-page-spacer {
+    height: var(--_ui5_dynamic_page_footer_spacer);
+}
+
+:host([show-footer]) .ui5-dynamic-page-fit-content {
+    bottom: var(--_ui5_dynamic_page_footer_spacer);
+}
+
+:host([show-footer]) .ui5-dynamic-page-footer {
+    transform: translateY(0);
+    opacity: 1;
+}
+
+::slotted([slot="footerArea"]) {
+    /* TODO css vars? */
+    border-radius: 0.25rem;
+    background-color: var(--_ui5_dynamic_page_header_background_color);
+    box-sizing: content-box;
+    width: auto;
+}
+
+
+::slotted([slot="titleArea"]) {
+    width: auto;
+}
+
+/* Responsive paddings */
+
+/* S Size */
+@container (max-width: 599px) {
+    .ui5-dynamic-page-fit-content {
+        padding: var(--_ui5_dynamic_page_content_padding_S);
+    }
+    ::slotted([slot="titleArea"]) {
+        padding: var(--_ui5_dynamic_page_title_padding_S);
+    }
+    ::slotted([slot="headerArea"]) {
+        padding: var(--_ui5_dynamic_page_header_padding_S);
+    }
+}
+
+/* M Size */
+@container (min-width: 600px) and (max-width: 1023px) {
+    .ui5-dynamic-page-fit-content {
+        padding: var(--_ui5_dynamic_page_content_padding_M);
+    }
+    ::slotted([slot="titleArea"]) {
+        padding: var(--_ui5_dynamic_page_title_padding_M);
+    }
+    ::slotted([slot="headerArea"]) {
+        padding: var(--_ui5_dynamic_page_header_padding_M);
+    }
+}
+
+/* L Size */
+@container (min-width: 1024px) and (max-width: 1439px) {
+    .ui5-dynamic-page-fit-content {
+        padding: var(--_ui5_dynamic_page_content_padding_L);
+    }
+    ::slotted([slot="titleArea"]) {
+        padding: var(--_ui5_dynamic_page_title_padding_L);
+    }
+    ::slotted([slot="headerArea"]) {
+        padding: var(--_ui5_dynamic_page_header_padding_L);
+    }
+}
+
+/* XL Size */
+@container (min-width: 1440px) {
+    .ui5-dynamic-page-fit-content {
+        padding: var(--_ui5_dynamic_page_content_padding_XL);
+    }
+    ::slotted([slot="titleArea"]) {
+        padding: var(--_ui5_dynamic_page_title_padding_XL);
+    }
+    ::slotted([slot="headerArea"]) {
+        padding: var(--_ui5_dynamic_page_header_padding_XL);
+    }
+}

package/src/themes/DynamicPageHeader.css

@@ -0,0 +1,9 @@
+:host {
+    background-color: var(--_ui5_dynamic_page_header_background_color);
+    display: block;
+    box-shadow: var(--_ui5_dynamic_page_header-box-shadow);
+}
+
+.ui5-dynamic-page-header-root {
+    background: inherit;
+}

package/src/themes/DynamicPageHeaderActions.css

@@ -0,0 +1,51 @@
+.ui5-dynamic-page-header-actions-root {
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	.ui5-dynamic-page-header-action {
+		position: relative;
+		z-index: 1;
+		min-width: 1.5rem;
+		height: 1.5rem;
+		background-color: var(--_ui5_dynamic_page_header-actions-background);
+		border: 1px solid var(--sapButton_BorderColor);
+		box-shadow: var(--_ui5_dynamic_page_header-actions-box-shadow);
+		color: var(--_ui5_dynamic_page_header-actions-color);
+
+	}
+	.ui5-dynamic-page-header-action-pin[pressed] {
+		background-color: var(--_ui5_dynamic_page_header-actions-background-pressed);
+		color: var(--_ui5_dynamic_page_header-actions-color-pressed);
+	}
+
+	.ui5-dynamic-page-header-actions--wrapper {
+		position: absolute;
+		display: flex;
+		gap: 0.5rem;
+		/* We need the z-index to be lower than in the header, to avoid overlapping by snap on scroll */
+		z-index: 1;
+
+		&:before,
+		&:after {
+			content: "";
+			position: absolute;
+			top: 50%;
+			transform: translate(0, -100%);
+			width: 6.125rem;
+			height: 0.0625rem;
+			z-index: 0;
+		}
+
+		&:before {
+			right: 50%;
+			background: linear-gradient(to right, transparent, var(--_ui5_dynamic_page_actions-lines-color));
+		}
+
+		&::after {
+			left: 50%;
+			background: linear-gradient(to left, transparent, var(--_ui5_dynamic_page_actions-lines-color));
+		}
+	}
+}

package/src/themes/DynamicPageTitle.css

@@ -0,0 +1,173 @@
+@import "./InvisibleTextStyles.css";
+
+:host {
+    display: flex;
+    flex-direction: column;
+    position: relative; /* for the absolute focus area span, to respect title's size */
+    width: 100%;
+    background-color: var(--_ui5_dynamic_page_header_background_color);
+    min-height: var(--_ui5_dynamic_page_title_min_height);
+    word-wrap: break-word;
+    padding-top: var(--_ui5_dynamic_page_title_padding_top);
+    padding-bottom: var(--_ui5_dynamic_page_title_padding_bottom);
+    border-bottom: var(--_ui5_dynamic_page_title_border);
+}
+
+:host(:not([interactive])) {
+    box-shadow: var(--_ui5_dynamic_page_header-box-shadow);
+}
+
+:host .ui5-dynamic-page-title-root {
+    display: inherit;
+    flex-direction: inherit;
+    width: inherit;
+    height: inherit;
+}
+
+:host:host([interactive]:hover),
+:host:host([interactive][hovered]) {
+    background-color: var(--_ui5_dynamic_page_title_hover_background);
+    cursor: pointer;
+    border-bottom: var(--_ui5_dynamic_page_title_hover_border);
+}
+
+:host([snapped]) {
+    box-shadow: var(--sapContent_HeaderShadow);
+}
+
+:host([has-snapped-title-on-mobile]) {
+	min-height: var(--_ui5_dynamic_page_snapped_title_on_mobile_min_height);
+	line-height: var(--_ui5_dynamic_page_snapped_title_on_mobile_line_height);
+}
+
+/* breadcrumbs */
+::slotted([ui5-breadcrumbs][slot="breadcrumbs"]) {
+    padding: var(--_ui5_dynamic_page_title_breadcrumbs_padding_top) 0
+        var(--_ui5_dynamic_page_title_breadcrumbs_padding_bottom) 0;
+}
+
+/* heading */
+::slotted([ui5-title][slot="heading"]),
+::slotted([ui5-title][slot="snappedHeading"]) {
+    font-family: var(--sapObjectHeader_Title_FontFamily);
+    color: var(--sapObjectHeader_Title_TextColor);
+    padding: var(--_ui5_dynamic_page_title_heading_padding_top) 0 0 0;
+    margin: var(--_ui5_dynamic_page_title_heading_margin);
+}
+
+::slotted([ui5-title][size="H5"][slot="heading"]) {
+    font-size: var(--sapObjectHeader_Title_FontSize);
+}
+
+::slotted([ui5-title][size="H5"][slot="snappedHeading"]),
+:host([snapped]) ::slotted([ui5-title][size="H5"][slot="heading"]) {
+    font-size: var(--sapObjectHeader_Title_SnappedFontSize);
+    text-overflow: ellipsis;
+}
+
+/* subheading / expanded & snapped content */
+::slotted([slot="content"]),
+::slotted([slot="snappedSubheading"]) {
+    color: var(--sapObjectHeader_Subtitle_TextColor);
+    font-size: var(--sapFontSize);
+    margin-top: var(--_ui5_dynamic_page_title_subheading_margin_top);
+    min-width: 0;
+}
+
+::slotted([ui5-tag]) {
+    max-width: 100%;
+}
+
+/* actions */
+::slotted([ui5-toolbar][slot="actionsBar"]) {
+    padding: 0 0 0 1rem;
+}
+
+.ui5-dynamic-page-title--wrapper {
+    display: flex;
+}
+
+.ui5-dynamic-page-title--heading {
+    flex-shrink: 1;
+    min-width: 1px;
+}
+
+.ui5-dynamic-page--snapped-title-on-mobile {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	pointer-events: none;
+}
+
+.ui5-dynamic-page-title--content {
+    padding: 0.6rem 0 0 1rem;
+    flex-shrink: 1.6;
+    min-width: 3rem;
+    flex-grow: 1;
+    display: flex;
+}
+
+.ui5-dynamic-page-title--actions {
+    flex-shrink: 1.6;
+    min-width: 3rem;
+    flex-grow: 1;
+    display: flex;
+}
+
+.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]) {
+    border: none;
+    flex: 1;
+}
+
+.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator {
+    flex: 0 1;
+
+    &::before {
+        content: "";
+        display: inline-block;
+        height: var(--_ui5_dynamic_page_title_actions_separator_height);
+        width: 0.0625rem;
+        vertical-align: middle;
+        background: var(--sapToolbar_SeparatorColor);
+        margin: 0.5rem 0.5rem 0 0.25rem;
+    }
+}
+
+::slotted([slot="navigationBar"]) {
+    border: none;
+    margin-left: auto; /* goes to the most right when no breadcrumbs are set */
+    flex: 0 1;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.ui5-dynamic-page-title--top-area ::slotted([slot="navigationBar"]) {
+    flex: 0 1.6 auto;
+}
+
+.ui5-dynamic-page-title--top-area {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ui5-dynamic-page-title--subheading{
+    max-width: fit-content;
+    z-index: 1;
+}
+
+/* focus */
+:host([desktop]:focus),
+.ui5-dynamic-page-title-focus-area:focus-visible {
+    outline: var(--_ui5_dynamic_page_title_focus_outline);
+    outline-offset: var(--_ui5_dynamic_page_title_focus_outline_offset);
+}
+
+.ui5-dynamic-page-title-focus-area {
+    outline: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}