@telefonica/mistica 16.59.0-beta.1 → 16.59.0

package/src/logo-telefonica.tsx

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import {getTelefonicaSkin} from './skins/telefonica';
-
-import type {LogoImageProps} from './logo-common';
-
-const TelefonicaLogoImage = ({
-    type,
-    isDarkMode,
-    themeVariant,
-    color: colorProp,
-}: LogoImageProps): JSX.Element => {
-    const {colors} = getTelefonicaSkin();
-    const color =
-        colorProp ||
-        (isDarkMode
-            ? colors.brand
-            : {
-                  default: colors.brand,
-                  alternative: colors.brand,
-                  brand: colors.neutralHighBrand,
-                  media: colors.neutralHighBrand,
-                  negative: colors.neutralHighNegative,
-              }[themeVariant]);
-    if (type === 'vertical') {
-        return (
-            <g fill={color}>
-                <path d="M20.6921 19.2599C24.3945 19.2599 27.3958 16.2916 27.3958 12.63C27.3958 8.96833 24.3945 6 20.6921 6C16.9898 6 13.9885 8.96833 13.9885 12.63C13.9885 16.2916 16.9898 19.2599 20.6921 19.2599Z" />
-                <path d="M36.4448 19.2599C40.1471 19.2599 43.1484 16.2916 43.1484 12.63C43.1484 8.96833 40.1471 6 36.4448 6C32.7424 6 29.7411 8.96833 29.7411 12.63C29.7411 16.2916 32.7424 19.2599 36.4448 19.2599Z" />
-                <path d="M52.1973 19.2599C55.8997 19.2599 58.901 16.2916 58.901 12.63C58.901 8.96833 55.8997 6 52.1973 6C48.495 6 45.4937 8.96833 45.4937 12.63C45.4937 16.2916 48.495 19.2599 52.1973 19.2599Z" />
-                <path d="M36.4448 34.8394C40.1471 34.8394 43.1484 31.8711 43.1484 28.2095C43.1484 24.5479 40.1471 21.5795 36.4448 21.5795C32.7424 21.5795 29.7411 24.5479 29.7411 28.2095C29.7411 31.8711 32.7424 34.8394 36.4448 34.8394Z" />
-                <path d="M36.4448 50.4201C40.1471 50.4201 43.1484 47.4518 43.1484 43.7902C43.1484 40.1286 40.1471 37.1602 36.4448 37.1602C32.7424 37.1602 29.7411 40.1286 29.7411 43.7902C29.7411 47.4518 32.7424 50.4201 36.4448 50.4201Z" />
-                <path d="M16.0791 60.2396H13.9885V59.0084H19.4643V60.2396H17.3737V65.9012H16.0791V60.2396Z" />
-                <path d="M23.8347 64.424C23.7255 64.8176 23.0982 65.9996 21.4954 65.9996C20.0018 65.9996 18.9062 64.9196 18.9062 63.3896C18.9062 61.8596 19.9981 60.7808 21.4954 60.7808C22.8883 60.7808 23.9839 61.8608 23.9839 63.2912C23.9821 63.4118 23.972 63.532 23.9536 63.6512L23.9342 63.7892H20.151C20.2602 64.4876 20.788 64.97 21.4954 64.97C22.0826 64.97 22.4406 64.6352 22.5401 64.4288L23.8347 64.424ZM22.7427 62.9468C22.6335 62.3072 22.2052 61.814 21.499 61.814C20.7419 61.814 20.3039 62.3072 20.1547 62.9468H22.7427Z" />
-                <path d="M24.7301 59.0084H25.975V65.9012H24.7301V59.0084Z" />
-                <path d="M31.6485 64.424C31.5393 64.8176 30.912 65.9996 29.3092 65.9996C27.8156 65.9996 26.7212 64.9196 26.7212 63.3896C26.7212 61.8596 27.8132 60.7808 29.3092 60.7808C30.7033 60.7808 31.7989 61.8608 31.7989 63.2912C31.7965 63.4117 31.7864 63.532 31.7686 63.6512L31.748 63.7892H27.9648C28.074 64.4876 28.6018 64.97 29.3092 64.97C29.8964 64.97 30.2556 64.6352 30.3551 64.4288L31.6485 64.424ZM30.5565 62.9468C30.4461 62.3072 30.019 61.814 29.3116 61.814C28.5545 61.814 28.1165 62.3072 27.9672 62.9468H30.5565Z" />
-                <path d="M32.9431 62.0612H32.0938V60.8792H32.9431V60.14C32.9431 59.3924 33.4284 58.91 34.188 58.91H35.2799V59.99H34.5338C34.4876 59.9888 34.4417 59.997 34.3988 60.014C34.356 60.0309 34.3171 60.0564 34.2845 60.0887C34.2519 60.121 34.2263 60.1596 34.2093 60.2021C34.1923 60.2445 34.1842 60.2899 34.1855 60.3356V60.8768H35.2775V62.0588H34.1855V65.8987H32.9431V62.0612Z" />
-                <path d="M40.6465 63.3896C40.6465 64.916 39.5545 65.9996 38.0572 65.9996C36.56 65.9996 35.4741 64.9196 35.4741 63.3896C35.4741 61.8596 36.5661 60.7808 38.0621 60.7808C39.5581 60.7808 40.6465 61.8644 40.6465 63.3896ZM39.4016 63.3896C39.4016 62.504 38.8046 61.9136 38.0572 61.9136C37.3098 61.9136 36.7129 62.504 36.7129 63.3896C36.7129 64.2752 37.311 64.8668 38.0572 64.8668C38.8034 64.8668 39.4016 64.2764 39.4016 63.3896Z" />
-                <path d="M41.3927 60.8792H42.5369L42.6364 61.3712H42.6861C42.7852 61.2584 42.899 61.1591 43.0246 61.076C43.3396 60.8774 43.7067 60.7747 44.0802 60.7808C45.2256 60.7808 46.0713 61.6208 46.0713 62.8976V65.8976H44.8276V62.9996C44.8276 62.7122 44.7122 62.4366 44.5067 62.2334C44.3013 62.0302 44.0226 61.916 43.732 61.916C43.4414 61.916 43.1627 62.0302 42.9573 62.2334C42.7518 62.4366 42.6364 62.7122 42.6364 62.9996V65.9048H41.3927V60.8792Z" />
-                <path d="M53.9931 64.0304C53.8341 64.8176 53.2068 65.9996 51.604 65.9996C50.1104 65.9996 49.0148 64.9196 49.0148 63.3896C49.0148 61.8596 50.1068 60.7808 51.604 60.7808C53.2068 60.7808 53.8341 61.9628 53.9931 62.7008H52.7482C52.6697 62.4646 52.5156 62.2601 52.3092 62.1181C52.1028 61.9761 51.8553 61.9043 51.604 61.9136C50.8566 61.9136 50.2597 62.504 50.2597 63.3896C50.2597 64.2752 50.8566 64.8668 51.604 64.8668C51.8634 64.8785 52.1189 64.8013 52.3274 64.6483C52.5358 64.4953 52.6845 64.2757 52.7482 64.0268L53.9931 64.0304Z" />
-                <path d="M57.7568 65.4092H57.7071C57.6066 65.5247 57.4887 65.6243 57.3576 65.7044C57.03 65.9048 56.6508 66.0073 56.2656 65.9996C55.1106 65.9996 54.4238 65.3 54.4238 64.4732C54.4238 63.4892 55.1203 62.7992 56.5144 62.7992H57.6598V62.7008C57.6598 62.1488 57.3212 61.7648 56.7631 61.7648C56.205 61.7648 55.9138 62.1248 55.8677 62.4056H54.6204C54.7296 61.5788 55.4066 60.7808 56.7607 60.7808C58.0553 60.7808 58.901 61.628 58.901 62.7008V65.9012H57.8563L57.7568 65.4092ZM57.6573 63.7292H56.6114C55.9647 63.7292 55.6651 63.9692 55.6651 64.3688C55.6651 64.7684 55.9538 65.0084 56.4622 65.0084C57.2181 65.0084 57.6573 64.5752 57.6573 63.8768V63.7292Z" />
-                <path d="M47.0249 60.8792H48.2686V65.9012H47.0249V60.8792Z" />
-                <path d="M47.6474 60.1569C48.0542 60.1569 48.3839 59.8308 48.3839 59.4285C48.3839 59.0262 48.0542 58.7001 47.6474 58.7001C47.2407 58.7001 46.9109 59.0262 46.9109 59.4285C46.9109 59.8308 47.2407 60.1569 47.6474 60.1569Z" />
-                <path d="M38.5062 58.7624H39.7996L38.6045 60.1904H37.5598L38.5062 58.7624Z" />
-            </g>
-        );
-    }
-
-    if (type === 'imagotype') {
-        return (
-            <g fill={color}>
-                <path d="M12.5551 28.1101C16.1753 28.1101 19.1101 25.1753 19.1101 21.555C19.1101 17.9348 16.1753 15 12.5551 15C8.9348 15 6 17.9348 6 21.555C6 25.1753 8.9348 28.1101 12.5551 28.1101Z" />
-                <path d="M27.9582 28.1101C31.5784 28.1101 34.5132 25.1753 34.5132 21.555C34.5132 17.9347 31.5784 14.9999 27.9582 14.9999C24.3379 14.9999 21.4031 17.9347 21.4031 21.555C21.4031 25.1753 24.3379 28.1101 27.9582 28.1101Z" />
-                <path d="M43.3631 28.1101C46.9834 28.1101 49.9182 25.1753 49.9182 21.555C49.9182 17.9347 46.9834 14.9999 43.3631 14.9999C39.7428 14.9999 36.808 17.9347 36.808 21.555C36.808 25.1753 39.7428 28.1101 43.3631 28.1101Z" />
-                <path d="M27.9582 43.515C31.5784 43.515 34.5132 40.5802 34.5132 36.96C34.5132 33.3397 31.5784 30.4049 27.9582 30.4049C24.3379 30.4049 21.4031 33.3397 21.4031 36.96C21.4031 40.5802 24.3379 43.515 27.9582 43.515Z" />
-                <path d="M27.9582 58.9199C31.5784 58.9199 34.5132 55.9851 34.5132 52.3648C34.5132 48.7446 31.5784 45.8098 27.9582 45.8098C24.3379 45.8098 21.4031 48.7446 21.4031 52.3648C21.4031 55.9851 24.3379 58.9199 27.9582 58.9199Z" />
-                <path d="M63.8902 31.8505H57.789V28.2161H73.7887V31.8505H67.671V48.5767H63.8902V31.8505Z" />
-                <path d="M86.5493 44.2141C86.229 45.3779 84.3972 48.8678 79.7142 48.8678C75.3515 48.8678 72.1508 45.6689 72.1508 41.1598C72.1508 36.6507 75.3515 33.4518 79.7142 33.4518C83.786 33.4518 86.9866 36.6507 86.9866 40.8688C86.9796 41.2192 86.9502 41.5689 86.8988 41.9156L86.8402 42.3237H75.787C76.1073 44.3879 77.6481 45.8135 79.7142 45.8135C81.4307 45.8135 82.4775 44.8253 82.7685 44.2141H86.5493ZM83.3504 39.8513C83.0302 37.9591 81.7784 36.5061 79.7142 36.5061C77.5036 36.5061 76.2226 37.9591 75.787 39.8513H83.3504Z" />
-                <path d="M89.1662 28.2161H92.8024V48.5767H89.1662V28.2161Z" />
-                <path d="M109.38 44.2141C109.06 45.3779 107.228 48.8678 102.543 48.8678C98.1807 48.8678 94.9819 45.6689 94.9819 41.1598C94.9819 36.6507 98.1807 33.4518 102.543 33.4518C106.617 33.4518 109.816 36.6507 109.816 40.8688C109.809 41.2192 109.779 41.5689 109.728 41.9156L109.671 42.3237H98.6163C98.9365 44.3879 100.479 45.8135 102.543 45.8135C104.26 45.8135 105.307 44.8253 105.598 44.2141H109.38ZM106.18 39.8513C105.859 37.9591 104.61 36.5061 102.543 36.5061C100.333 36.5061 99.0536 37.9591 98.6163 39.8513H106.18Z" />
-                <path d="M113.159 37.2326H110.687V33.7428H113.159V31.5596C113.159 29.349 114.585 27.9234 116.795 27.9234H119.996V31.1241H117.813C117.678 31.1206 117.544 31.1445 117.419 31.1943C117.294 31.2442 117.18 31.319 117.085 31.4141C116.99 31.5093 116.915 31.6229 116.865 31.7479C116.815 31.873 116.79 32.0069 116.794 32.1415V33.7428H119.994V37.2326H116.794V48.5786H113.157L113.159 37.2326Z" />
-                <path d="M135.666 41.169C135.666 45.6781 132.466 48.8769 128.103 48.8769C123.74 48.8769 120.54 45.669 120.54 41.169C120.54 36.669 123.74 33.461 128.103 33.461C132.466 33.461 135.666 36.6507 135.666 41.169ZM132.03 41.169C132.03 38.5503 130.284 36.8063 128.103 36.8063C125.922 36.8063 124.176 38.5503 124.176 41.169C124.176 43.7877 125.922 45.5317 128.103 45.5317C130.284 45.5317 132.03 43.7786 132.03 41.169Z" />
-                <path d="M137.846 33.7428H141.191L141.482 35.2068H141.627C141.915 34.8717 142.248 34.5779 142.617 34.3339C143.536 33.7459 144.609 33.4422 145.7 33.461C149.046 33.461 151.518 35.9333 151.518 39.7141V48.5859H147.882V39.9959C147.882 38.1055 146.573 36.7971 144.681 36.7971C142.789 36.7971 141.482 38.1055 141.482 39.9959V48.5768H137.846V33.7428Z" />
-                <path d="M174.66 43.0502C174.195 45.3779 172.363 48.8678 167.679 48.8678C163.316 48.8678 160.117 45.6689 160.117 41.1598C160.117 36.6507 163.316 33.4518 167.679 33.4518C172.363 33.4518 174.195 36.9416 174.66 39.1248H171.026C170.705 38.2812 169.862 36.7989 167.679 36.7989C165.495 36.7989 163.746 38.5411 163.746 41.1689C163.746 43.7968 165.492 45.5317 167.673 45.5317C169.854 45.5317 170.7 44.0786 171.02 43.0593L174.66 43.0502Z" />
-                <path d="M185.655 47.1238H185.51C185.217 47.465 184.874 47.7589 184.491 47.9949C183.532 48.5893 182.42 48.8925 181.292 48.8678C177.917 48.8678 175.91 46.8035 175.91 44.3605C175.91 41.4508 177.947 39.4195 182.018 39.4195H185.364V39.1285C185.364 37.4998 184.376 36.3652 182.745 36.3652C181.114 36.3652 180.273 37.4138 180.128 38.2574H176.492C176.812 35.8126 178.79 33.4573 182.745 33.4573C186.528 33.4573 189 35.9589 189 39.1303V48.5841H185.946L185.655 47.1238ZM185.364 42.1828H182.309C180.419 42.1828 179.546 42.9148 179.546 44.075C179.546 45.2352 180.39 45.9654 181.874 45.9654C184.085 45.9654 185.364 44.6844 185.364 42.6201V42.1828Z" />
-                <path d="M154.301 33.7428H157.938V48.5767H154.301V33.7428Z" />
-                <path d="M156.118 31.6108C157.307 31.6108 158.271 30.6473 158.271 29.4588C158.271 28.2702 157.307 27.3067 156.118 27.3067C154.93 27.3067 153.966 28.2702 153.966 29.4588C153.966 30.6473 154.93 31.6108 156.118 31.6108Z" />
-                <path d="M129.412 27.4879H133.194L129.702 31.706H126.648L129.412 27.4879Z" />
-            </g>
-        );
-    }
-
-    return (
-        <g fill={color}>
-            <path d="M20.4652 19.2599C24.1268 19.2599 27.0951 16.2916 27.0951 12.63C27.0951 8.96833 24.1268 6 20.4652 6C16.8035 6 13.8352 8.96833 13.8352 12.63C13.8352 16.2916 16.8035 19.2599 20.4652 19.2599Z" />
-            <path d="M36.0447 19.2599C39.7063 19.2599 42.6746 16.2916 42.6746 12.63C42.6746 8.96833 39.7063 6 36.0447 6C32.383 6 29.4147 8.96833 29.4147 12.63C29.4147 16.2916 32.383 19.2599 36.0447 19.2599Z" />
-            <path d="M51.6241 19.2599C55.2858 19.2599 58.2541 16.2916 58.2541 12.63C58.2541 8.96833 55.2858 6 51.6241 6C47.9625 6 44.9942 8.96833 44.9942 12.63C44.9942 16.2916 47.9625 19.2599 51.6241 19.2599Z" />
-            <path d="M36.0447 34.8394C39.7063 34.8394 42.6746 31.8711 42.6746 28.2095C42.6746 24.5479 39.7063 21.5795 36.0447 21.5795C32.383 21.5795 29.4147 24.5479 29.4147 28.2095C29.4147 31.8711 32.383 34.8394 36.0447 34.8394Z" />
-            <path d="M36.0447 50.4201C39.7063 50.4201 42.6746 47.4518 42.6746 43.7902C42.6746 40.1286 39.7063 37.1602 36.0447 37.1602C32.383 37.1602 29.4147 40.1286 29.4147 43.7902C29.4147 47.4518 32.383 50.4201 36.0447 50.4201Z" />
-            <path d="M15.9028 60.2396H13.8352V59.0084H19.2508V60.2396H17.1832V65.9012H15.9028V60.2396Z" />
-            <path d="M23.5732 64.424C23.4652 64.8176 22.8448 65.9996 21.2596 65.9996C19.7824 65.9996 18.6988 64.9196 18.6988 63.3896C18.6988 61.8596 19.7788 60.7808 21.2596 60.7808C22.6372 60.7808 23.7208 61.8608 23.7208 63.2912C23.719 63.4118 23.709 63.532 23.6908 63.6512L23.6716 63.7892H19.93C20.038 64.4876 20.56 64.97 21.2596 64.97C21.8404 64.97 22.1944 64.6352 22.2928 64.4288L23.5732 64.424ZM22.4932 62.9468C22.3852 62.3072 21.9616 61.814 21.2632 61.814C20.5144 61.814 20.0812 62.3072 19.9336 62.9468H22.4932Z" />
-            <path d="M24.4587 59.0084H25.6899V65.9012H24.4587V59.0084Z" />
-            <path d="M31.3011 64.424C31.1931 64.8176 30.5727 65.9996 28.9875 65.9996C27.5103 65.9996 26.4279 64.9196 26.4279 63.3896C26.4279 61.8596 27.5079 60.7808 28.9875 60.7808C30.3663 60.7808 31.4499 61.8608 31.4499 63.2912C31.4475 63.4117 31.4375 63.532 31.4199 63.6512L31.3995 63.7892H27.6579C27.7659 64.4876 28.2879 64.97 28.9875 64.97C29.5683 64.97 29.9235 64.6352 30.0219 64.4288L31.3011 64.424ZM30.2211 62.9468C30.1119 62.3072 29.6895 61.814 28.9899 61.814C28.2411 61.814 27.8079 62.3072 27.6603 62.9468H30.2211Z" />
-            <path d="M32.5815 62.0612H31.7415V60.8792H32.5815V60.14C32.5815 59.3924 33.0615 58.91 33.8127 58.91H34.8927V59.99H34.1547C34.109 59.9888 34.0636 59.997 34.0212 60.014C33.9788 60.0309 33.9403 60.0564 33.9081 60.0887C33.8759 60.121 33.8506 60.1596 33.8338 60.2021C33.8169 60.2445 33.8089 60.2899 33.8103 60.3356V60.8768H34.8903V62.0588H33.8103V65.8987H32.5815V62.0612Z" />
-            <path d="M40.2002 63.3896C40.2002 64.916 39.1202 65.9996 37.6394 65.9996C36.1586 65.9996 35.0846 64.9196 35.0846 63.3896C35.0846 61.8596 36.1646 60.7808 37.6442 60.7808C39.1238 60.7808 40.2002 61.8644 40.2002 63.3896ZM38.969 63.3896C38.969 62.504 38.3786 61.9136 37.6394 61.9136C36.9002 61.9136 36.3098 62.504 36.3098 63.3896C36.3098 64.2752 36.9014 64.8668 37.6394 64.8668C38.3774 64.8668 38.969 64.2764 38.969 63.3896Z" />
-            <path d="M40.9382 60.8792H42.0698L42.1682 61.3712H42.2174C42.3154 61.2584 42.428 61.1591 42.5522 61.076C42.8637 60.8774 43.2268 60.7747 43.5962 60.7808C44.729 60.7808 45.5654 61.6208 45.5654 62.8976V65.8976H44.3354V62.9996C44.3354 62.7122 44.2213 62.4366 44.018 62.2334C43.8148 62.0302 43.5392 61.916 43.2518 61.916C42.9644 61.916 42.6888 62.0302 42.4856 62.2334C42.2824 62.4366 42.1682 62.7122 42.1682 62.9996V65.9048H40.9382V60.8792Z" />
-            <path d="M53.4001 64.0304C53.2429 64.8176 52.6225 65.9996 51.0373 65.9996C49.5602 65.9996 48.4766 64.9196 48.4766 63.3896C48.4766 61.8596 49.5566 60.7808 51.0373 60.7808C52.6225 60.7808 53.2429 61.9628 53.4001 62.7008H52.1689C52.0913 62.4646 51.9389 62.2601 51.7347 62.1181C51.5306 61.9761 51.2858 61.9043 51.0373 61.9136C50.2982 61.9136 49.7078 62.504 49.7078 63.3896C49.7078 64.2752 50.2982 64.8668 51.0373 64.8668C51.2939 64.8785 51.5466 64.8013 51.7527 64.6483C51.9589 64.4953 52.1059 64.2757 52.1689 64.0268L53.4001 64.0304Z" />
-            <path d="M57.1225 65.4092H57.0733C56.974 65.5247 56.8574 65.6243 56.7277 65.7044C56.4037 65.9048 56.0287 66.0073 55.6477 65.9996C54.5053 65.9996 53.8262 65.3 53.8262 64.4732C53.8262 63.4892 54.515 62.7992 55.8937 62.7992H57.0265V62.7008C57.0265 62.1488 56.6917 61.7648 56.1397 61.7648C55.5877 61.7648 55.2997 62.1248 55.2541 62.4056H54.0206C54.1286 61.5788 54.7981 60.7808 56.1373 60.7808C57.4177 60.7808 58.2541 61.628 58.2541 62.7008V65.9012H57.2209L57.1225 65.4092ZM57.0241 63.7292H55.9897C55.3501 63.7292 55.0538 63.9692 55.0538 64.3688C55.0538 64.7684 55.3393 65.0084 55.8421 65.0084C56.5897 65.0084 57.0241 64.5752 57.0241 63.8768V63.7292Z" />
-            <path d="M46.5086 60.8792H47.7386V65.9012H46.5086V60.8792Z" />
-            <path d="M47.1242 60.1569C47.5265 60.1569 47.8526 59.8308 47.8526 59.4285C47.8526 59.0262 47.5265 58.7001 47.1242 58.7001C46.7219 58.7001 46.3958 59.0262 46.3958 59.4285C46.3958 59.8308 46.7219 60.1569 47.1242 60.1569Z" />
-            <path d="M38.0834 58.7624H39.3626L38.1806 60.1904H37.1475L38.0834 58.7624Z" />
-        </g>
-    );
-};
-
-export default TelefonicaLogoImage;

package/src/logo-tu-shell.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import * as styles from './logo.css';
-import {calcInlineVars} from './logo-common';
-import {applyCssVars} from './utils/css';
-
-import type {ByBreakpoint} from './utils/types';
-
-type Props = {
-    size: ByBreakpoint<number>;
-    children: React.ReactNode;
-};
-
-const TuLogoShell = ({size, children}: Props): JSX.Element => {
-    return (
-        <svg
-            className={styles.svg}
-            style={applyCssVars(calcInlineVars(size))}
-            viewBox="0 0 72 72"
-            role="presentation"
-        >
-            {children}
-        </svg>
-    );
-};
-
-export default TuLogoShell;

package/src/logo-tu.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import {getTuSkin} from './skins/tu';
-
-import type {LogoImageProps} from './logo-common';
-
-const TuLogoImage = ({isDarkMode, themeVariant, color: colorProp}: LogoImageProps): JSX.Element => {
-    const {colors} = getTuSkin();
-    const color =
-        colorProp ||
-        (isDarkMode
-            ? colors.inverse
-            : {
-                  default: colors.backgroundBrand,
-                  alternative: colors.backgroundBrand,
-                  brand: colors.neutralHighBrand,
-                  media: colors.neutralHighBrand,
-                  negative: colors.neutralHighNegative,
-              }[themeVariant]);
-    return (
-        <>
-            <g fill={color}>
-                <path d="M36 4C18.3263 4 4 18.3272 4 36C4 53.6728 18.3272 68 36 68C53.6728 68 68 53.6728 68 36C68 18.3272 53.6728 4 36 4ZM55.8772 41.6009C55.8772 43.5342 55.3842 45.257 54.4088 46.7228C53.4333 48.1886 52.0518 49.3518 50.264 50.1991C49.4684 50.5667 48.6149 50.857 47.7088 51.0675C45.8456 51.5 43.8991 51.5 42.036 51.0675C41.1298 50.857 40.2763 50.5675 39.4807 50.1991C37.693 49.3526 36.3114 48.1895 35.336 46.7228C34.3605 45.257 33.8675 43.5342 33.8675 41.6009V33.9974C33.8675 31.9053 33.0009 31.6412 32.2123 31.6412H25.3842L25.3798 41.9404C25.3877 43.2421 25.9368 44.2711 26.7597 45.1465C27.4991 45.9333 29.0526 46.1781 29.0526 46.1781C30.2316 46.3518 31.1386 47.3649 31.1386 48.5921C31.1386 49.8193 30.2325 50.8325 29.0526 51.0061V51.0167C27.9895 51.257 26.9035 51.3825 25.8132 51.3886C23.2211 51.3886 21.2886 50.6956 19.9018 49.2649C18.5167 47.8333 17.8342 45.8509 17.8342 43.1974V31.6412H15.8474C14.7246 31.6412 13.7553 30.7842 13.6939 29.664C13.6763 29.3439 13.7307 29.0386 13.843 28.7623C13.9947 28.3877 14.2737 28.0789 14.6088 27.8544L15.5368 27.2325C18.1184 25.5035 20.193 23.1158 21.5447 20.3184L21.8193 19.7553C21.9939 19.3982 22.2667 19.0912 22.6219 18.9132C22.8781 18.7851 23.1658 18.7132 23.4719 18.7132C24.5184 18.7132 25.3667 19.5544 25.3816 20.5974H25.3833V27.8202H37.4465C37.4518 27.8202 37.457 27.8202 37.4623 27.8202C39.4482 27.8202 41.0588 29.4298 41.0588 31.4167C41.0588 31.4202 41.0588 31.4228 41.0588 31.4263V41.4439C41.0588 42.9851 41.5035 44.2439 42.4088 45.2053C42.4158 45.2123 42.4228 45.2202 42.4298 45.2272C43.75 46.614 45.993 46.614 47.314 45.2272C47.3211 45.2202 47.3281 45.2123 47.3351 45.2053C48.2403 44.243 48.6851 42.9842 48.6851 41.4439V31.5123C48.6851 29.5623 50.2018 27.9018 52.15 27.8325C54.1956 27.7597 55.8772 29.3965 55.8772 31.4263V41.6035V41.6009Z" />
-            </g>
-        </>
-    );
-};
-
-export default TuLogoImage;

package/src/logo-vivo-shell.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as styles from './logo.css';
-import {calcInlineVars} from './logo-common';
-import {applyCssVars} from './utils/css';
-
-import type {LogoType} from './logo-common';
-import type {ByBreakpoint} from './utils/types';
-
-type Props = {
-    size: ByBreakpoint<number>;
-    type: LogoType;
-    children: React.ReactNode;
-};
-
-const VivoLogoShell = ({size, type, children}: Props): JSX.Element => {
-    const viewBox = type === 'imagotype' ? '0 0 195 72' : '0 0 72 72';
-
-    return (
-        <svg
-            className={styles.svg}
-            style={applyCssVars(calcInlineVars(size))}
-            viewBox={viewBox}
-            role="presentation"
-        >
-            {children}
-        </svg>
-    );
-};
-
-export default VivoLogoShell;

package/src/logo-vivo.tsx

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import {getVivoSkin} from './skins/vivo';
-
-import type {LogoImageProps} from './logo-common';
-
-const VivoLogoImage = ({type, isDarkMode, themeVariant, color: colorProp}: LogoImageProps): JSX.Element => {
-    const {colors} = getVivoSkin();
-    const color =
-        colorProp ||
-        (isDarkMode
-            ? colors.brand
-            : {
-                  default: colors.brand,
-                  alternative: colors.brand,
-                  brand: colors.neutralHighBrand,
-                  media: colors.neutralHighBrand,
-                  negative: colors.neutralHighNegative,
-              }[themeVariant]);
-
-    if (type === 'vertical') {
-        return (
-            <g fill={color}>
-                <path d="M24.7302 55.7681V54.5346C24.7302 54.3255 24.6222 53.5308 23.8252 53.0943L14.7817 47.9903C13.8238 47.4665 13.0106 48.0844 12.8085 48.6288L12.1998 49.9864C11.8736 50.7169 12.2181 51.5943 12.9831 51.9228L19.4217 55.1272V55.1754L12.9831 58.3752C12.2204 58.706 11.8736 59.5835 12.1998 60.3117L12.8085 61.6692C13.0106 62.2159 13.8238 62.8315 14.7817 62.3101L23.8252 57.206C24.6222 56.7719 24.7302 55.9771 24.7302 55.7681Z" />
-                <path d="M24.7302 33.3465V32.1152C24.7302 31.9062 24.6222 31.1114 23.8252 30.675L14.7817 25.5709C13.8238 25.0472 13.0106 25.6651 12.8085 26.2118L12.1998 27.5694C11.8736 28.2998 12.2181 29.1773 12.9831 29.5058L19.4217 32.7102V32.7584L12.9831 35.9605C12.2204 36.2913 11.8736 37.1665 12.1998 37.8969L12.8085 39.2545C13.0106 39.8012 13.8238 40.4168 14.7817 39.8954L23.8252 34.7913C24.6222 34.3503 24.7302 33.5555 24.7302 33.3465Z" />
-                <path d="M12.1216 18.3697C12.1216 21.8865 14.9746 24.7372 18.4914 24.7372C22.0105 24.7372 24.8611 21.8865 24.8611 18.3697C24.8611 14.8506 22.0105 12 18.4914 12C14.9746 12 12.1216 14.8506 12.1216 18.3697ZM21.0043 18.3697C21.0043 19.7572 19.8788 20.8827 18.4914 20.8827C17.1016 20.8827 15.9761 19.7572 15.9761 18.3697C15.9761 16.9823 17.1016 15.8545 18.4914 15.8545C19.8788 15.8568 21.0043 16.9823 21.0043 18.3697Z" />
-                <path d="M8.4969 41.4482C9.87513 41.4482 10.9915 42.5669 10.9915 43.9451C10.9915 45.3234 9.87283 46.442 8.4969 46.442C7.11637 46.442 6 45.3234 6 43.9451C6 42.5669 7.11637 41.4482 8.4969 41.4482Z" />
-                <path d="M13.7939 46.1158C12.9417 46.1158 12.2526 45.4267 12.2526 44.5768V43.2882C12.2526 42.4383 12.9417 41.7491 13.7939 41.7491H23.1935C24.0434 41.7491 24.7325 42.4383 24.7325 43.2882V44.5768C24.7325 45.429 24.0411 46.1158 23.1935 46.1158H13.7939Z" />
-                <path d="M57.9111 22.8788C57.9111 24.5074 57.3346 27.048 55.5406 28.842C54.9089 29.4737 54.3645 29.8504 53.9258 30.1329C53.0827 30.6773 52.4717 31.0586 52.8117 31.9683C53.1448 32.8641 54.1876 32.5862 55.1731 32.3634C55.49 32.2875 61.676 30.8082 61.7541 30.8036C63.4149 30.489 65.0205 31.541 65.411 33.1673C65.4133 33.1742 65.9072 35.2393 65.9118 35.2576C66.3046 36.884 65.3513 38.5493 63.7296 39.0248C63.6607 39.0547 56.9004 40.681 56.889 40.6833C55.6049 41.0095 54.8538 41.6481 54.8538 42.8862C54.8538 43.4398 55.1731 44.0416 55.5681 44.54C55.5681 44.54 62.9118 53.6433 62.9509 53.7122C63.9501 55.0766 63.6951 56.9763 62.3973 58.0307C62.3927 58.0352 60.7434 59.3721 60.7273 59.3836C59.4318 60.438 57.5184 60.2978 56.3882 59.0391C56.3308 58.9908 51.7688 53.3837 51.2841 52.7888C50.7995 52.1938 50.1907 51.2888 49.3454 51.2888C48.5024 51.2888 47.8937 52.1938 47.409 52.7888C46.9266 53.3837 42.3624 58.9908 42.3049 59.0391C41.1748 60.2978 39.2613 60.438 37.9635 59.3836C37.9497 59.3721 36.2935 58.0307 36.2935 58.0307C34.9957 56.9763 34.7407 55.0743 35.74 53.7122C35.7767 53.641 43.1227 44.54 43.1227 44.54C43.5155 44.0416 43.8371 43.4398 43.8371 42.8862C43.8371 41.6481 43.0859 41.0118 41.8019 40.6833C41.7904 40.681 35.0302 39.0547 34.9613 39.0248C33.3395 38.5493 32.3863 36.8817 32.7768 35.2576C32.7814 35.2393 33.2775 33.1673 33.2775 33.1673C33.668 31.541 35.2714 30.4912 36.9344 30.8036C37.0125 30.8059 43.1985 32.2875 43.5155 32.3634C44.5032 32.5862 45.5438 32.8641 45.8769 31.9683C46.2168 31.0563 45.6058 30.6773 44.7651 30.1329C44.3264 29.8504 43.7797 29.4714 43.1503 28.842C41.3563 27.048 40.7774 24.5074 40.7774 22.8788C40.7774 18.2066 44.6732 14.421 49.3431 14.421C54.0153 14.4187 57.9111 18.2066 57.9111 22.8788Z" />
-            </g>
-        );
-    }
-
-    if (type === 'imagotype') {
-        return (
-            <g fill={color}>
-                <path d="M23.3761 61.4297H26.5561C27.0861 61.4297 29.1472 61.1549 30.266 59.0938L43.4176 35.7743C44.7721 33.301 43.1821 31.2006 41.7688 30.6903L38.2748 29.1199C36.3904 28.2759 34.133 29.1592 33.2693 31.1417L25.0054 47.7481H24.8876L16.6433 31.1417C15.7992 29.1788 13.5222 28.2759 11.6575 29.1199L8.16346 30.6903C6.75015 31.2006 5.16018 33.301 6.5146 35.7743L19.6858 59.0938C20.8047 61.1549 22.8462 61.4297 23.3761 61.4297Z" />
-                <path d="M81.204 61.4297H84.3839C84.9139 61.4297 86.975 61.1549 88.0939 59.0938L101.265 35.7743C102.62 33.301 101.03 31.2006 99.6163 30.6903L96.1223 29.1199C94.2378 28.2759 91.9805 29.1592 91.1364 31.1417L82.8725 47.7481H82.7547L74.4908 31.1417C73.6467 29.1788 71.3697 28.2759 69.5049 29.1199L66.0109 30.6903C64.5976 31.2006 63.0077 33.301 64.3621 35.7743L77.5137 59.0938C78.6129 61.1549 80.674 61.4297 81.204 61.4297Z" />
-                <path d="M119.815 28.904C110.746 28.904 103.385 36.265 103.385 45.3337C103.385 54.4024 110.746 61.7634 119.815 61.7634C128.884 61.7634 136.244 54.4024 136.244 45.3337C136.244 36.265 128.903 28.904 119.815 28.904ZM119.815 51.8114C116.242 51.8114 113.337 48.9062 113.337 45.3337C113.337 41.7612 116.242 38.8561 119.815 38.8561C123.387 38.8561 126.292 41.7612 126.292 45.3337C126.312 48.9062 123.407 51.8114 119.815 51.8114Z" />
-                <path d="M60.3184 19.5603C60.3184 23.1132 57.4329 25.9987 53.88 25.9987C50.3271 25.9987 47.4416 23.1132 47.4416 19.5603C47.4416 16.0074 50.3271 13.1219 53.88 13.1219C57.4329 13.1219 60.3184 16.0074 60.3184 19.5603Z" />
-                <path d="M48.2661 33.2226C48.2661 31.0241 50.0327 29.2574 52.2312 29.2574H55.5485C57.747 29.2574 59.5136 31.0241 59.5136 33.2226V57.4647C59.5136 59.6632 57.7274 61.4298 55.5485 61.4298H52.2312C50.0327 61.4298 48.2661 59.6632 48.2661 57.4647V33.2226Z" />
-                <path d="M178.919 19.5409C178.919 21.5627 178.192 24.7427 175.974 26.9608C175.189 27.746 174.502 28.2171 173.952 28.5704C172.912 29.2574 172.146 29.7285 172.559 30.867C172.971 31.9859 174.266 31.6326 175.503 31.3577C175.896 31.2596 183.61 29.4144 183.708 29.4144C185.769 29.0219 187.771 30.337 188.262 32.3588C188.262 32.3588 188.871 34.9499 188.89 34.9695C189.381 36.9913 188.184 39.0721 186.162 39.6609C186.083 39.7002 177.662 41.722 177.643 41.722C176.053 42.1342 175.11 42.9194 175.11 44.4701C175.11 45.1571 175.503 45.903 175.994 46.5312C175.994 46.5312 185.141 57.8769 185.18 57.9554C186.417 59.6632 186.103 62.0187 184.493 63.3338C184.493 63.3338 182.432 65.0023 182.413 65.0219C180.803 66.3371 178.408 66.1604 177.014 64.5901C176.936 64.5312 171.263 57.5432 170.655 56.7973C170.046 56.0514 169.3 54.9325 168.24 54.9325C167.18 54.9325 166.434 56.0514 165.826 56.7973C165.217 57.5432 159.544 64.5116 159.466 64.5901C158.053 66.1604 155.677 66.3371 154.068 65.0219C154.048 65.0023 151.987 63.3338 151.987 63.3338C150.378 62.0187 150.044 59.6435 151.3 57.9554C151.339 57.8769 160.487 46.5312 160.487 46.5312C160.977 45.903 161.37 45.1571 161.37 44.4701C161.37 42.9194 160.428 42.1342 158.838 41.722C158.818 41.722 150.397 39.7002 150.319 39.6609C148.297 39.0721 147.119 36.9913 147.59 34.9695C147.59 34.9499 148.218 32.3785 148.218 32.3588C148.709 30.337 150.711 29.0219 152.772 29.4144C152.87 29.4144 160.565 31.2596 160.977 31.3577C162.214 31.6326 163.51 31.9859 163.922 30.867C164.354 29.7285 163.588 29.2574 162.528 28.5704C161.978 28.2171 161.311 27.746 160.526 26.9608C158.288 24.723 157.562 21.5627 157.562 19.5409C157.562 13.7307 162.41 9 168.24 9C174.07 9 178.919 13.711 178.919 19.5409Z" />
-            </g>
-        );
-    }
-
-    return (
-        <g fill={color}>
-            <path d="M46.8016 17.1117C46.8016 19.2508 46.0737 22.5899 43.8127 24.9457C43.0178 25.7738 42.3281 26.2722 41.777 26.6429C40.714 27.3592 39.9446 27.8575 40.3732 29.0552C40.7938 30.2313 42.1074 29.8665 43.3494 29.574C43.7492 29.4753 51.549 27.5301 51.6472 27.5253C53.7419 27.1136 55.7661 28.4943 56.2571 30.6297C56.2594 30.6381 56.8833 33.3526 56.8891 33.3766C57.3836 35.5121 56.182 37.7017 54.137 38.3264C54.0492 38.3673 45.5261 40.5028 45.5111 40.5064C43.8924 40.9361 42.945 41.7727 42.945 43.399C42.945 44.126 43.3483 44.9157 43.8462 45.5705C43.8462 45.5705 53.1064 57.5285 53.1538 57.6212C54.4143 59.4123 54.0931 61.9101 52.4548 63.2944C52.449 63.3004 50.3694 65.0579 50.3486 65.0735C48.7137 66.459 46.3014 66.276 44.8779 64.6221C44.804 64.5571 39.0538 57.1926 38.4426 56.4114C37.8326 55.6314 37.0654 54.4421 35.999 54.4421C34.9326 54.4421 34.1689 55.6302 33.5566 56.4114C32.9477 57.1926 27.194 64.5583 27.1224 64.6221C25.6978 66.2748 23.2854 66.459 21.6494 65.0735C21.6321 65.0579 19.5501 63.3004 19.5444 63.2944C17.9084 61.9101 17.586 59.4123 18.8454 57.6212C18.8927 57.5285 28.153 45.5705 28.153 45.5705C28.6498 44.9157 29.0541 44.126 29.0541 43.399C29.0541 41.7727 28.1079 40.9361 26.4881 40.5064C26.4731 40.5028 17.9511 38.3673 17.8633 38.3264C15.8183 37.7017 14.6179 35.5121 15.1101 33.3766C15.1147 33.3526 15.7409 30.6381 15.7421 30.6297C16.2331 28.4943 18.2561 27.1124 20.352 27.5253C20.4502 27.5301 28.2489 29.4753 28.6486 29.574C29.8929 29.8665 31.2054 30.2313 31.626 29.0552C32.0546 27.8587 31.2851 27.3592 30.2234 26.6429C29.6711 26.2722 28.9814 25.775 28.1865 24.9457C25.9243 22.5887 25.1964 19.2508 25.1964 17.1117C25.1987 10.9751 30.1101 6 36.0002 6C41.8902 6 46.8016 10.9751 46.8016 17.1117Z" />
-        </g>
-    );
-};
-
-export default VivoLogoImage;

package/src/logo.css.ts

@@ -1,33 +0,0 @@
-import {createVar, fallbackVar, style} from '@vanilla-extract/css';
-import * as mq from './media-queries.css';
-
-const size = createVar();
-const sizeMobile = createVar();
-const sizeTablet = createVar();
-const sizeDesktop = createVar();
-export const vars = {size, sizeMobile, sizeTablet, sizeDesktop};
-
-export const svg = style({
-    height: size,
-    '@media': {
-        [mq.mobile]: {
-            vars: {
-                [size]: sizeMobile,
-            },
-        },
-        [mq.tablet]: {
-            vars: {
-                [size]: fallbackVar(sizeTablet, sizeMobile),
-            },
-        },
-        [mq.desktopOrBigger]: {
-            vars: {
-                [size]: sizeDesktop,
-            },
-        },
-    },
-});
-
-export const logoContainer = style({
-    maxWidth: 'max-content',
-});

package/src/logo.tsx

@@ -1,313 +0,0 @@
-'use client';
-import * as React from 'react';
-import {useTheme} from './hooks';
-import {useThemeVariant} from './theme-variant-context';
-import Touchable from './touchable';
-import {getPrefixedDataAttributes} from './utils/dom';
-import * as styles from './logo.css';
-import MovistarLogoShell from './logo-movistar-shell';
-import MovistarNewLogoShell from './logo-movistar-new-shell';
-import VivoLogoShell from './logo-vivo-shell';
-import O2LogoShell from './logo-o2-shell';
-import O2NewLogoShell from './logo-o2-new-shell';
-import TelefonicaLogoShell from './logo-telefonica-shell';
-import BlauLogoShell from './logo-blau-shell';
-import TuLogoShell from './logo-tu-shell';
-import EsimflagLogoShell from './logo-esimflag-shell';
-
-import type {LogoType} from './logo-common';
-import type {TouchableComponentProps} from './touchable';
-import type {KnownSkinName} from './skins/types';
-import type {ByBreakpoint, DataAttributes} from './utils/types';
-
-const DEFAULT_HEIGHT_PX = 48;
-
-const MovistarLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-movistar" */
-            './logo-movistar'
-        )
-);
-
-const MovistarNewLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-movistar-new" */
-            './logo-movistar-new'
-        )
-);
-
-const VivoLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-vivo" */
-            './logo-vivo'
-        )
-);
-
-const O2LogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-o2" */
-            './logo-o2'
-        )
-);
-
-const O2NewLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-o2-new" */
-            './logo-o2-new'
-        )
-);
-
-const TelefonicaLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-telefonica" */
-            './logo-telefonica'
-        )
-);
-
-const BlauLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-blau" */
-            './logo-blau'
-        )
-);
-
-const TuLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-tu" */
-            './logo-tu'
-        )
-);
-
-const EsimflagLogoImage = React.lazy(
-    () =>
-        import(
-            /* webpackChunkName: "logo-esimflag" */
-            './logo-esimflag'
-        )
-);
-
-type LogoBaseProps = {
-    skinName: KnownSkinName;
-    size: ByBreakpoint<number>;
-    type?: LogoType;
-    color?: string;
-};
-
-const LogoBase = ({size, skinName, type = 'isotype', color}: LogoBaseProps): JSX.Element => {
-    const themeVariant = useThemeVariant();
-    const {isDarkMode} = useTheme();
-    switch (skinName) {
-        case 'Movistar':
-            return (
-                <MovistarLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <MovistarLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </MovistarLogoShell>
-            );
-        case 'Movistar-new':
-            return (
-                <MovistarNewLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <MovistarNewLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </MovistarNewLogoShell>
-            );
-        case 'Vivo':
-        case 'Vivo-new':
-            return (
-                <VivoLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <VivoLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </VivoLogoShell>
-            );
-        case 'O2':
-            return (
-                <O2LogoShell size={size}>
-                    <React.Suspense>
-                        <O2LogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </O2LogoShell>
-            );
-        case 'O2-new':
-            return (
-                <O2NewLogoShell size={size}>
-                    <React.Suspense>
-                        <O2NewLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </O2NewLogoShell>
-            );
-        case 'Telefonica':
-            return (
-                <TelefonicaLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <TelefonicaLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </TelefonicaLogoShell>
-            );
-        case 'Blau':
-            return (
-                <BlauLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <BlauLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </BlauLogoShell>
-            );
-        case 'Tu':
-            return (
-                <TuLogoShell size={size}>
-                    <React.Suspense>
-                        <TuLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </TuLogoShell>
-            );
-        case 'Esimflag':
-            return (
-                <EsimflagLogoShell size={size} type={type}>
-                    <React.Suspense>
-                        <EsimflagLogoImage
-                            type={type}
-                            isDarkMode={isDarkMode}
-                            themeVariant={themeVariant}
-                            color={color}
-                        />
-                    </React.Suspense>
-                </EsimflagLogoShell>
-            );
-        default:
-            return <></>;
-    }
-};
-
-type LogoProps = TouchableComponentProps<{
-    size?: ByBreakpoint<number>;
-    type?: LogoType;
-    color?: string;
-    /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
-    dataAttributes?: DataAttributes;
-}>;
-
-const MaybeTouchableLogo = (
-    props: TouchableComponentProps<{
-        children: React.ReactElement;
-        dataAttributes?: DataAttributes;
-    }> & {size: ByBreakpoint<number>}
-): JSX.Element => {
-    const dataAttributes = getPrefixedDataAttributes(props.dataAttributes, 'Logo');
-
-    if (props.to || props.href || props.onPress) {
-        return <Touchable {...props} />;
-    }
-
-    return (
-        <div className={styles.logoContainer} {...dataAttributes}>
-            {props.children}
-        </div>
-    );
-};
-
-const LogoInternal = ({
-    size = DEFAULT_HEIGHT_PX,
-    type = 'isotype',
-    color,
-    skinName,
-    ...props
-}: LogoProps & {skinName: KnownSkinName}): JSX.Element => {
-    return (
-        <MaybeTouchableLogo size={size} {...props}>
-            <LogoBase skinName={skinName} type={type} size={size} color={color} />
-        </MaybeTouchableLogo>
-    );
-};
-
-export const Logo = ({size, type, color, ...props}: LogoProps): JSX.Element => {
-    const {skinName} = useTheme();
-    return (
-        <LogoInternal size={size} type={type} color={color} skinName={skinName as KnownSkinName} {...props} />
-    );
-};
-
-export const MovistarLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Movistar" {...props} />
-);
-
-export const MovistarNewLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Movistar-new" {...props} />
-);
-
-export const VivoLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Vivo" {...props} />
-);
-
-export const O2Logo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="O2" {...props} />
-);
-
-export const O2NewLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="O2-new" {...props} />
-);
-
-export const TelefonicaLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Telefonica" {...props} />
-);
-
-export const BlauLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Blau" {...props} />
-);
-
-export const TuLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Tu" {...props} />
-);
-
-export const EsimflagLogo = ({size, type, color, ...props}: LogoProps): JSX.Element => (
-    <LogoInternal size={size} type={type} color={color} skinName="Esimflag" {...props} />
-);

package/src/master-detail-layout.tsx

@@ -1,28 +0,0 @@
-'use client';
-import * as React from 'react';
-import GridLayout from './grid-layout';
-import {useScreenSize} from './hooks';
-import ResponsiveLayout from './responsive-layout';
-
-type Props = {
-    isOpen: boolean;
-    master: React.ReactNode;
-    detail?: React.ReactNode;
-    children?: void;
-};
-
-const MasterDetailLayout = ({isOpen, master, detail}: Props): JSX.Element => {
-    const {isTabletOrSmaller} = useScreenSize();
-
-    if (isTabletOrSmaller) {
-        return <ResponsiveLayout>{isOpen ? detail : master}</ResponsiveLayout>;
-    }
-
-    return (
-        <ResponsiveLayout>
-            <GridLayout template="4+6" left={master} right={detail} />
-        </ResponsiveLayout>
-    );
-};
-
-export default MasterDetailLayout;