@sats-group/ui-lib 80.4.0 → 81.0.0

package/react/logos/elixia-pride-dark.tsx

@@ -1,102 +0,0 @@
-import * as React from 'react';
-const SvgElixiaPrideDark = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={120} height={29} fill="none">
-    <path
-      fill="url(#elixia-pride-dark_svg__a)"
-      d="M92.42 13.285c8.408 0 15.107 6.586 15.107 14.569q0 .184-.006.373h2.135l.005-.373c-.001-9.08-7.48-16.468-16.796-16.696l-.444-.006q-.763 0-1.51.063v2.142q.745-.072 1.51-.072"
-    />
-    <path
-      fill="url(#elixia-pride-dark_svg__b)"
-      d="M92.421 11.154c9.547 0 17.17 7.48 17.17 16.568q0 .253-.007.505h2.134l.001-.022.006-.483c-.001-10.167-8.375-18.44-18.805-18.696l-.499-.005a20 20 0 0 0-1.51.056v2.14q.747-.063 1.51-.063"
-    />
-    <path
-      fill="url(#elixia-pride-dark_svg__c)"
-      d="M92.421 9.022c10.687 0 19.233 8.377 19.234 18.568q0 .318-.011.634h2.134l.003-.1.008-.534c-.001-11.254-9.271-20.41-20.816-20.694l-.552-.007c-.514 0-1.002.006-1.507.04v2.139c.504-.038.993-.046 1.507-.046"
-    />
-    <path
-      fill="url(#elixia-pride-dark_svg__d)"
-      d="M92.42 6.89c11.827 0 21.298 9.273 21.298 20.568q0 .383-.014.762h2.134l.006-.176.008-.586c0-12.34-10.165-22.382-22.826-22.693l-.605-.007q-.765 0-1.517.046l.006 2.141c.5-.034 1-.054 1.51-.054"
-    />
-    <path
-      fill="url(#elixia-pride-dark_svg__e)"
-      d="M92.421 4.76c12.966 0 23.362 10.166 23.362 22.566q0 .45-.019.895h2.135l.008-.258.009-.637c0-13.428-11.061-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.524.045l.009 2.132a24 24 0 0 1 1.515-.044"
-    />
-    <path
-      fill="url(#elixia-pride-dark_svg__f)"
-      d="M92.421 2.625c14.106 0 25.425 11.197 25.425 24.701q0 .45-.017.895h2.135l.006-.206.01-.689c0-14.515-11.957-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031V2.66a27 27 0 0 1 1.522-.034"
-    />
-    <path
-      fill="#0D2134"
-      d="M20.465 10.872h-9.116l-.992 3.39h6.781l-1.44 5.054h-6.78l-1.12 3.839h9.532l-1.44 5.053H.602l6.43-22.39h14.873zM18.562 28.208l6.43-22.39h5.757l-4.99 17.337h8.892l-1.471 5.053zM35.711 28.208l6.43-22.39h5.757l-6.43 22.39zM70.575 5.818l-10.14 11.58 3.775 10.81h-5.886l-2.207-6.78-5.693 6.78h-6.75l10.332-11.77-3.774-10.62h5.885l2.207 6.59 5.502-6.59zM66.26 28.208l6.43-22.39h5.757l-6.43 22.39zM87.434 5.818h7.709v22.39H89.96v-4.542h-7.26l-2.528 4.542H74zm-1.887 12.795h4.414V10.68z"
-    />
-    <defs>
-      <linearGradient
-        id="elixia-pride-dark_svg__a"
-        x1={90.912}
-        x2={99.997}
-        y1={19.948}
-        y2={19.948}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#502E91" stopOpacity={0} />
-        <stop offset={1} stopColor="#502E91" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-dark_svg__b"
-        x1={90.912}
-        x2={99.969}
-        y1={18.817}
-        y2={18.817}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#336FE2" stopOpacity={0} />
-        <stop offset={1} stopColor="#336FE2" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-dark_svg__c"
-        x1={90.914}
-        x2={100.948}
-        y1={17.687}
-        y2={17.687}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#55A17B" stopOpacity={0} />
-        <stop offset={1} stopColor="#55A17B" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-dark_svg__d"
-        x1={90.904}
-        x2={99.969}
-        y1={16.555}
-        y2={16.555}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FFC100" stopOpacity={0} />
-        <stop offset={1} stopColor="#FFC100" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-dark_svg__e"
-        x1={90.897}
-        x2={100.025}
-        y1={15.424}
-        y2={15.424}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FF621D" stopOpacity={0} />
-        <stop offset={1} stopColor="#FF621D" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-dark_svg__f"
-        x1={90.899}
-        x2={99.998}
-        y1={14.424}
-        y2={14.424}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#C2102A" stopOpacity={0} />
-        <stop offset={1} stopColor="#C2102A" />
-      </linearGradient>
-    </defs>
-  </svg>
-);
-export default SvgElixiaPrideDark;

package/react/logos/elixia-pride-light.tsx

@@ -1,102 +0,0 @@
-import * as React from 'react';
-const SvgElixiaPrideLight = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={120} height={29} fill="none">
-    <path
-      fill="url(#elixia-pride-light_svg__a)"
-      d="M92.42 13.766c8.408 0 15.107 6.586 15.107 14.57q0 .183-.006.373h2.135l.005-.374c-.001-9.08-7.48-16.468-16.796-16.696l-.444-.006q-.763 0-1.51.063v2.142q.745-.072 1.51-.072"
-    />
-    <path
-      fill="url(#elixia-pride-light_svg__b)"
-      d="M92.421 11.635c9.547 0 17.17 7.48 17.17 16.568q0 .254-.007.505h2.134l.001-.022.006-.483c-.001-10.167-8.375-18.44-18.805-18.695l-.499-.006a20 20 0 0 0-1.51.056v2.14q.747-.063 1.51-.063"
-    />
-    <path
-      fill="url(#elixia-pride-light_svg__c)"
-      d="M92.421 9.504c10.687 0 19.233 8.376 19.234 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c-.001-11.254-9.271-20.41-20.816-20.694l-.552-.007c-.514 0-1.002.006-1.507.04V9.55c.504-.038.993-.045 1.507-.045"
-    />
-    <path
-      fill="url(#elixia-pride-light_svg__d)"
-      d="M92.42 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.006-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.765 0-1.517.047l.006 2.14c.5-.033 1-.054 1.51-.054"
-    />
-    <path
-      fill="url(#elixia-pride-light_svg__e)"
-      d="M92.421 5.24c12.966 0 23.362 10.167 23.362 22.567q0 .45-.019.896h2.135l.008-.258.009-.638c0-13.428-11.061-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.524.045l.009 2.132a24 24 0 0 1 1.515-.043"
-    />
-    <path
-      fill="url(#elixia-pride-light_svg__f)"
-      d="M92.421 3.106c14.106 0 25.425 11.198 25.425 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.957-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.522-.035"
-    />
-    <path
-      fill="#fff"
-      d="M20.465 11.362h-9.116l-.992 3.39h6.781l-1.44 5.054h-6.78l-1.12 3.839h9.532l-1.44 5.053H.602l6.43-22.39h14.873zM18.562 28.698l6.43-22.39h5.757l-4.99 17.337h8.892l-1.471 5.053zM35.711 28.698l6.43-22.39h5.757l-6.43 22.39zM70.575 6.308l-10.14 11.58 3.775 10.81h-5.886l-2.207-6.78-5.693 6.78h-6.75l10.332-11.77-3.774-10.62h5.885l2.207 6.59 5.502-6.59zM66.26 28.698l6.43-22.39h5.757l-6.43 22.39zM87.434 6.308h7.709v22.39H89.96v-4.542h-7.26l-2.528 4.542H74zm-1.887 12.795h4.414V11.17z"
-    />
-    <defs>
-      <linearGradient
-        id="elixia-pride-light_svg__a"
-        x1={90.912}
-        x2={99.997}
-        y1={20.429}
-        y2={20.429}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#502E91" stopOpacity={0} />
-        <stop offset={1} stopColor="#502E91" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-light_svg__b"
-        x1={90.912}
-        x2={99.969}
-        y1={19.298}
-        y2={19.298}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#336FE2" stopOpacity={0} />
-        <stop offset={1} stopColor="#336FE2" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-light_svg__c"
-        x1={90.914}
-        x2={100.948}
-        y1={18.168}
-        y2={18.168}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#55A17B" stopOpacity={0} />
-        <stop offset={1} stopColor="#55A17B" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-light_svg__d"
-        x1={90.904}
-        x2={99.969}
-        y1={17.036}
-        y2={17.036}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FFC100" stopOpacity={0} />
-        <stop offset={1} stopColor="#FFC100" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-light_svg__e"
-        x1={90.897}
-        x2={100.025}
-        y1={15.905}
-        y2={15.905}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FF621D" stopOpacity={0} />
-        <stop offset={1} stopColor="#FF621D" />
-      </linearGradient>
-      <linearGradient
-        id="elixia-pride-light_svg__f"
-        x1={90.899}
-        x2={99.998}
-        y1={14.905}
-        y2={14.905}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#C2102A" stopOpacity={0} />
-        <stop offset={1} stopColor="#C2102A" />
-      </linearGradient>
-    </defs>
-  </svg>
-);
-export default SvgElixiaPrideLight;

package/react/logos/elixia-small.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgElixiaSmall = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={93}
-    height={21}
-    fill="currentColor"
-  >
-    <path d="M9.94 4.28 8.902 7.803h6.483l-1.21 4.363h-6.57L6.483 16.11h8.816l-1.296 4.363H0L5.964 0h14.002l-1.297 4.363H9.94zM32.585 16.195l-1.297 4.363H17.805L23.769.084h5.186l-4.668 16.195h8.298zM40.536 0h5.186l-5.964 20.474h-5.186zM58.514 10.489l3.544 9.985h-5.273l-2.16-6.461-5.618 6.461h-5.964l9.594-10.657L49.093 0h5.272l2.161 6.293L61.971 0h5.964zM71.047 0h5.185L70.27 20.474h-5.186zM93 0v20.474h-4.58v-4.28h-7.002l-2.42 4.28h-5.532L86 0zm-4.58 11.831V3.86l-4.582 7.971z" />
-  </svg>
-);
-export default SvgElixiaSmall;

package/react/logos/elixia.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgElixia = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={229}
-    height={52}
-    fill="currentColor"
-  >
-    <path d="m24.408 10.825-2.547 8.914H37.78l-2.972 11.037h-16.13l-2.76 9.975h21.65l-3.184 11.037H0L14.645 0h34.384l-3.184 11.037H24.408zM80.016 40.963 76.833 52h-33.11L58.366.212h12.735L59.641 41.175h20.375zM99.543 0h12.735L97.633 51.788H84.898zM143.69 26.53l8.702 25.258h-12.947l-5.306-16.343-13.796 16.343h-14.645l23.559-26.955L120.555 0h12.947l5.306 15.918L152.18 0h14.645zM174.465 0H187.2l-14.645 51.788H159.82zM228.376 0v51.788h-11.249V40.963h-17.192l-5.943 10.825h-13.584L211.184 0zm-11.249 29.927V9.763l-11.249 20.164z" />
-  </svg>
-);
-export default SvgElixia;

package/react/logos/s-avatar.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgSAvatar = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={73}
-    height={72}
-    fill="currentColor"
-  >
-    <path d="m42.754 33.822-2.574-2.244c-1.545-1.32-2.414-2.41-2.414-3.895 0-1.881 1.352-3.564 4.216-3.564 1.93 0 3.732.693 5.373 2.31l7.112-5.445C52.568 18.441 48.707 16 43.01 16 34.613 16 28.5 21.61 28.5 29.003c0 3.73 1.995 6.304 4.601 8.581l2.575 2.244c1.77 1.584 2.51 2.575 2.51 3.96 0 2.08-1.448 4.06-5.085 4.06-2.703 0-5.116-1.089-6.918-3.168l-7.047 5.412C21.774 53.426 26.28 56 32.457 56c9.493 0 14.995-5.875 14.995-13.63.032-3.928-2.22-6.403-4.698-8.548" />
-  </svg>
-);
-export default SvgSAvatar;

package/react/logos/sats-anniversary-light.tsx

@@ -1,76 +0,0 @@
-import * as React from 'react';
-const SvgSatsAnniversaryLight = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={111} height={41} fill="none">
-    <g clipPath="url(#sats-anniversary-light_svg__clip0_4421_62)">
-      <path
-        fill="#FA5333"
-        d="m83.63 30.39-.358-3.835h1.422l.184 2.247 1.705-2.247h1.698l-3.195 3.985-.523 1.84h-1.498l.566-1.99zM89.886 27.87l-.258.883h1.764l-.374 1.314h-1.764l-.292 1h2.48l-.375 1.314H87.09l1.672-5.824h3.869l-.374 1.315h-2.372zM96.84 26.555v5.824h-1.347v-1.182h-1.889l-.657 1.182H91.34l3.494-5.824zm-1.347 3.329v-2.063l-1.148 2.063zM101.025 30.124l.882 2.255h-1.564l-.831-2.32-.667 2.32H97.35l1.663-5.824h2.289c1.14 0 1.747.658 1.747 1.556 0 1.057-.732 1.915-2.022 2.013zm.59-1.87c0-.275-.2-.45-.557-.45h-.907l-.307 1.083h.999c.507 0 .774-.258.774-.632zM102.182 31.548l1.14-.874c.292.332.699.508 1.106.508.507 0 .724-.216.724-.532 0-.225-.166-.39-.432-.615l-.383-.326c-.399-.34-.732-.79-.732-1.372 0-1.04.883-1.897 2.221-1.897 1.006 0 1.673.425 1.938.849l-1.148.866a1.29 1.29 0 0 0-.915-.4c-.374 0-.583.175-.583.458 0 .232.2.407.425.6l.391.332c.383.325.74.782.74 1.347 0 1.115-.766 2.005-2.313 2.005-1.015 0-1.764-.39-2.179-.948z"
-      />
-      <path
-        fill="currentColor"
-        d="m95.33 12.57-4.42 3.203c1.782.586 2.752 2.053 2.752 3.834 0 2.616-1.984 5.502-6.09 5.502-3.157 0-4.938-1.67-5.57-3.36l3.248-1.714c.43.902 1.151 1.556 2.323 1.556 1.376 0 2.03-.948 2.03-1.962 0-.743-.428-1.623-1.67-1.623-.405 0-.766.09-1.06.225l-1.353-2.21 4.736-3.452h-5.052l1.082-3.562H96.39zM95.128 20.712c0-4.85 3.383-12.021 9.202-12.021 3.27 0 4.646 1.917 4.646 4.42 0 4.849-3.405 11.998-9.202 11.998-3.27 0-4.646-1.984-4.646-4.397m9.698-6.9c0-.971-.316-1.49-1.196-1.49-2.052 0-4.352 4.963-4.352 7.668 0 .857.202 1.49 1.195 1.49 2.053 0 4.353-4.962 4.353-7.669"
-      />
-      <path
-        fill="#DBDEE0"
-        d="M107.754 25.37c-4.286-1.054-4.203-3.184-4.203-3.184l.889-1.343s-.085 2.13 4.202 3.184z"
-      />
-      <path
-        fill="#FA5333"
-        d="M81.047 13.83c1.462.61 2.06 1.766 2.06 1.766l-1.047 1.222s-.598-1.154-2.061-1.765zM81.567 7.83c.626-.14 1.094.1 1.094.1l-.06.649s-.468-.242-1.092-.1l.06-.648zM86.905 4.524c.563-.88 1.382-1.137 1.382-1.137l.675.82s-.818.258-1.382 1.139l-.675-.82z"
-      />
-      <path
-        fill="#FF9283"
-        d="M90.88 7.77c1.004.664 1.286 1.612 1.286 1.612l-.957.764s-.282-.948-1.287-1.613z"
-      />
-      <path
-        fill="#FA5333"
-        d="M96.894 4.234c.188-.907.784-1.378.784-1.378l.817.465s-.596.471-.784 1.378z"
-      />
-      <path
-        fill="#DBDEE0"
-        d="M102.723 6.024a2.04 2.04 0 0 1 1.265.267l-.158.751s-.514-.346-1.265-.267z"
-      />
-      <path
-        fill="#FA5333"
-        d="M84.184 13.793c.448-.608 1.048-.757 1.048-.757l.449.622s-.602.147-1.048.757z"
-      />
-      <path
-        fill="#FF9283"
-        d="M108.153 12.315c.92-.652 1.844-.577 1.844-.577l.343 1.094s-.923-.075-1.844.577z"
-      />
-      <path
-        fill="#FA5333"
-        d="M103.52 9.283c.79-.6 1.603-.56 1.603-.56l.332.952s-.812-.04-1.604.559zM100.885 0c.858.31 1.235.957 1.235.957l-.568.733s-.377-.648-1.235-.957z"
-      />
-      <path
-        fill="#DBDEE0"
-        d="M91.223.404c.755.59.917 1.36.917 1.36l-.806.544s-.163-.77-.917-1.36z"
-      />
-      <path
-        fill="#FA5333"
-        d="M81.7 22.945c-.473-.93-.28-1.764-.28-1.764l1.046-.167s-.193.835.28 1.764z"
-      />
-      <path
-        fill="#C6CDD1"
-        d="M86.507 25.826c-.565-1.094-.343-2.08-.343-2.08l1.234-.205s-.222.985.343 2.081z"
-      />
-      <path
-        fill="#DBDEE0"
-        d="M91.748 16.542c.622-.67 1.366-.765 1.366-.765l.453.81s-.744.094-1.366.765z"
-      />
-      <path
-        fill="#FF9283"
-        d="M97.43 25.434c.327-1.061 1.092-1.556 1.092-1.556l.923.648s-.765.495-1.093 1.557z"
-      />
-    </g>
-    <g clipPath="url(#sats-anniversary-light_svg__clip1_4421_62)">
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        d="m4.514 25.348-4.232 3.27c1.599 2.307 4.42 4.038 8.37 4.038 5.831 0 9.217-3.558 9.217-8.27 0-2.403-1.41-3.845-2.915-5.192l-1.505-1.442c-.94-.865-1.41-1.538-1.41-2.404 0-1.154.752-2.211 2.538-2.211 1.223 0 2.446.48 3.574 1.73l4.232-3.269c-1.034-1.634-3.48-3.365-7.241-3.365-5.079 0-8.84 3.461-8.84 7.98 0 2.212 1.222 3.75 2.82 5.193l1.505 1.442c1.035.962 1.505 1.539 1.505 2.404 0 1.154-.846 2.404-3.103 2.404-1.787 0-3.386-.865-4.515-2.308m56.24 0-4.231 3.27c1.504 2.307 4.42 4.038 8.37 4.038 5.83 0 9.216-3.558 9.216-8.27 0-2.403-1.41-3.845-2.915-5.192l-1.505-1.442c-.94-.865-1.41-1.538-1.41-2.404 0-1.154.752-2.211 2.539-2.211 1.222 0 2.445.48 3.574 1.73l4.232-3.269c-1.035-1.634-3.48-3.365-7.242-3.365-5.078 0-8.84 3.461-8.84 7.98 0 2.212 1.222 3.75 2.821 5.193l1.505 1.442c1.034.962 1.505 1.539 1.505 2.404 0 1.154-.847 2.404-3.104 2.404-1.787 0-3.386-.865-4.514-2.308m-.752-11.73h-5.454l-5.079 18.46h-5.643l5.079-18.46h-5.831l1.41-5h17.023zm-20.69 18.557V8.714h-7.806L17.963 32.175h6.02l2.633-4.904h7.711v4.904zm-4.985-18.942v9.038h-4.984z"
-        clipRule="evenodd"
-      />
-    </g>
-  </svg>
-);
-export default SvgSatsAnniversaryLight;

package/react/logos/sats-letter.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgSatsLetter = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={48}
-    height={52}
-    fill="currentColor"
-  >
-    <path d="m31.992 23.168-3.433-2.917c-2.059-1.716-3.217-3.132-3.217-5.063 0-2.445 1.802-4.633 5.62-4.633 2.574 0 4.977.9 7.165 3.003l9.482-7.08C45.078 3.176 39.929 0 32.335 0c-11.198 0-19.35 7.294-19.35 16.904 0 4.849 2.66 8.195 6.136 11.155l3.432 2.918c2.36 2.06 3.346 3.346 3.346 5.148 0 2.703-1.93 5.278-6.779 5.278-3.604 0-6.821-1.416-9.224-4.12L.5 44.32C4.018 48.654 10.025 52 18.262 52c12.657 0 19.994-7.637 19.994-17.72.043-5.105-2.96-8.323-6.264-11.112" />
-  </svg>
-);
-export default SvgSatsLetter;

package/react/logos/sats-pride-dark.tsx

@@ -1,102 +0,0 @@
-import * as React from 'react';
-const SvgSatsPrideDark = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={99} height={29} fill="none">
-    <path
-      fill="url(#sats-pride-dark_svg__a)"
-      d="M70.524 13.274c8.407 0 15.106 6.586 15.106 14.569q0 .183-.006.373h2.135l.004-.373c0-9.08-7.479-16.468-16.795-16.696l-.445-.006q-.762 0-1.509.063v2.141q.744-.07 1.51-.071"
-    />
-    <path
-      fill="url(#sats-pride-dark_svg__b)"
-      d="M70.524 11.143c9.547 0 17.17 7.48 17.17 16.568q0 .253-.008.505h2.135v-.022l.006-.483c0-10.167-8.374-18.44-18.805-18.696l-.498-.006q-.763 0-1.51.057v2.14q.746-.063 1.51-.063"
-    />
-    <path
-      fill="url(#sats-pride-dark_svg__c)"
-      d="M70.524 9.011c10.687 0 19.233 8.377 19.233 18.568q0 .318-.01.633h2.134l.003-.099.007-.534c0-11.254-9.27-20.41-20.815-20.694l-.552-.007c-.514 0-1.002.006-1.507.04v2.139c.504-.038.992-.046 1.507-.046"
-    />
-    <path
-      fill="url(#sats-pride-dark_svg__d)"
-      d="M70.524 6.88c11.826 0 21.297 9.271 21.297 20.567q0 .383-.014.762h2.134l.006-.176.007-.586c0-12.341-10.164-22.382-22.825-22.693l-.606-.008q-.765 0-1.516.047l.006 2.141c.5-.034 1-.054 1.51-.054"
-    />
-    <path
-      fill="url(#sats-pride-dark_svg__e)"
-      d="M70.524 4.748c12.966 0 23.361 10.167 23.361 22.567q0 .45-.018.895h2.134l.009-.258.008-.637c0-13.428-11.06-24.354-24.836-24.692l-.658-.008c-.513 0-1.018.016-1.524.045l.009 2.132a24 24 0 0 1 1.515-.044"
-    />
-    <path
-      fill="url(#sats-pride-dark_svg__f)"
-      d="M70.524 2.614c14.106 0 25.424 11.197 25.424 24.701q0 .45-.016.894h2.135l.006-.205.01-.689C98.082 12.8 86.125.855 71.234.49l-.71-.01c-.51 0-1.021.006-1.524.032v2.136a27 27 0 0 1 1.523-.034"
-    />
-    <path
-      fill="#0D2134"
-      d="M9.267 28.224c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367L9.17 17.508c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.055-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.386h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.18h4.414v-7.932zM42.949 27.776 47.81 10.44h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.224c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.504-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.055-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
-    />
-    <defs>
-      <linearGradient
-        id="sats-pride-dark_svg__a"
-        x1={69.014}
-        x2={78.1}
-        y1={19.937}
-        y2={19.937}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#502E91" stopOpacity={0} />
-        <stop offset={1} stopColor="#502E91" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-dark_svg__b"
-        x1={69.014}
-        x2={78.072}
-        y1={18.806}
-        y2={18.806}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#336FE2" stopOpacity={0} />
-        <stop offset={1} stopColor="#336FE2" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-dark_svg__c"
-        x1={69.017}
-        x2={79.051}
-        y1={17.676}
-        y2={17.676}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#55A17B" stopOpacity={0} />
-        <stop offset={1} stopColor="#55A17B" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-dark_svg__d"
-        x1={69.007}
-        x2={78.072}
-        y1={16.544}
-        y2={16.544}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FFC100" stopOpacity={0} />
-        <stop offset={1} stopColor="#FFC100" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-dark_svg__e"
-        x1={69}
-        x2={78.128}
-        y1={15.413}
-        y2={15.413}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FF621D" stopOpacity={0} />
-        <stop offset={1} stopColor="#FF621D" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-dark_svg__f"
-        x1={69.001}
-        x2={78.1}
-        y1={14.413}
-        y2={14.413}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#C2102A" stopOpacity={0} />
-        <stop offset={1} stopColor="#C2102A" />
-      </linearGradient>
-    </defs>
-  </svg>
-);
-export default SvgSatsPrideDark;

package/react/logos/sats-pride-light.tsx

@@ -1,102 +0,0 @@
-import * as React from 'react';
-const SvgSatsPrideLight = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={99} height={29} fill="none">
-    <path
-      fill="url(#sats-pride-light_svg__a)"
-      d="M70.539 13.766c8.407 0 15.107 6.586 15.107 14.57q0 .183-.007.373h2.136l.004-.374c0-9.08-7.48-16.468-16.795-16.696l-.445-.006q-.762 0-1.51.063v2.142q.745-.072 1.51-.072"
-    />
-    <path
-      fill="url(#sats-pride-light_svg__b)"
-      d="M70.54 11.635c9.546 0 17.17 7.48 17.17 16.568q0 .254-.008.505h2.134l.001-.022.006-.483c0-10.167-8.374-18.44-18.805-18.695l-.499-.006q-.762 0-1.51.056v2.14a18 18 0 0 1 1.51-.063"
-    />
-    <path
-      fill="url(#sats-pride-light_svg__c)"
-      d="M70.54 9.504c10.686 0 19.233 8.376 19.233 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c0-11.254-9.27-20.41-20.816-20.694l-.551-.007c-.514 0-1.003.006-1.508.04V9.55c.504-.038.993-.045 1.508-.045"
-    />
-    <path
-      fill="url(#sats-pride-light_svg__d)"
-      d="M70.539 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.005-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.764 0-1.517.047l.006 2.14c.501-.033 1-.054 1.511-.054"
-    />
-    <path
-      fill="url(#sats-pride-light_svg__e)"
-      d="M70.54 5.24c12.966 0 23.36 10.167 23.36 22.567q0 .45-.017.896h2.134l.008-.258.009-.638c0-13.428-11.06-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.523.045l.008 2.132a24 24 0 0 1 1.515-.043"
-    />
-    <path
-      fill="url(#sats-pride-light_svg__f)"
-      d="M70.54 3.106c14.105 0 25.424 11.198 25.424 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.956-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.523-.035"
-    />
-    <path
-      fill="#fff"
-      d="M9.267 28.714c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367L9.17 17.998c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.056-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.876h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.67h4.414v-7.932zM42.949 28.266 47.81 10.93h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.714c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.056-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"
-    />
-    <defs>
-      <linearGradient
-        id="sats-pride-light_svg__a"
-        x1={69.03}
-        x2={78.116}
-        y1={20.429}
-        y2={20.429}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#502E91" stopOpacity={0} />
-        <stop offset={1} stopColor="#502E91" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-light_svg__b"
-        x1={69.03}
-        x2={78.088}
-        y1={19.298}
-        y2={19.298}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#336FE2" stopOpacity={0} />
-        <stop offset={1} stopColor="#336FE2" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-light_svg__c"
-        x1={69.032}
-        x2={79.066}
-        y1={18.168}
-        y2={18.168}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#55A17B" stopOpacity={0} />
-        <stop offset={1} stopColor="#55A17B" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-light_svg__d"
-        x1={69.022}
-        x2={78.088}
-        y1={17.036}
-        y2={17.036}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FFC100" stopOpacity={0} />
-        <stop offset={1} stopColor="#FFC100" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-light_svg__e"
-        x1={69.016}
-        x2={78.144}
-        y1={15.905}
-        y2={15.905}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FF621D" stopOpacity={0} />
-        <stop offset={1} stopColor="#FF621D" />
-      </linearGradient>
-      <linearGradient
-        id="sats-pride-light_svg__f"
-        x1={69.017}
-        x2={78.116}
-        y1={14.905}
-        y2={14.905}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#C2102A" stopOpacity={0} />
-        <stop offset={1} stopColor="#C2102A" />
-      </linearGradient>
-    </defs>
-  </svg>
-);
-export default SvgSatsPrideLight;

package/react/logos/sats-small.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgSatsSmall = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={79}
-    height={25}
-    fill="currentColor"
-  >
-    <path d="m4.514 17.404-4.232 3.27c1.599 2.307 4.42 4.038 8.37 4.038 5.831 0 9.217-3.558 9.217-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.538-2.212 1.223 0 2.446.481 3.574 1.731l4.232-3.27C21.35 2.02 18.903.289 15.142.289c-5.079 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.82 5.192l1.505 1.443c1.035.961 1.505 1.538 1.505 2.404 0 1.154-.846 2.404-3.103 2.404-1.787 0-3.386-.866-4.515-2.308m56.24 0-4.231 3.27c1.504 2.307 4.42 4.038 8.37 4.038 5.83 0 9.216-3.558 9.216-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.539-2.212 1.222 0 2.445.481 3.574 1.731l4.232-3.27C77.589 2.02 75.144.289 71.382.289c-5.078 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.821 5.192l1.505 1.443c1.034.961 1.505 1.538 1.505 2.404 0 1.154-.847 2.404-3.104 2.404-1.787 0-3.386-.866-4.514-2.308m-.752-11.73h-5.454l-5.079 18.46h-5.643l5.079-18.46h-5.831l1.41-5h17.023zM39.312 24.23V.769h-7.806L17.963 24.231h6.02l2.633-4.904h7.711v4.904zM34.327 5.288v9.039h-4.984z" />
-  </svg>
-);
-export default SvgSatsSmall;

package/react/logos/sats.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-const SvgSats = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={168}
-    height={52}
-    fill="currentColor"
-  >
-    <path d="M9.6 36.2.6 43c3.4 4.8 9.4 8.4 17.8 8.4C30.8 51.4 38 44 38 34.2c0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7-10.8 0-18.8 7.2-18.8 16.6 0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m119.6 0-9 6.8c3.2 4.8 9.4 8.4 17.8 8.4 12.4 0 19.6-7.4 19.6-17.2 0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7C141 .6 133 7.8 133 17.2c0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m-1.6-24.4H116l-10.8 38.4h-12L104 11.8H91.6l3-10.4h36.2zm-44 38.6V1.6H67L38.2 50.4H51l5.6-10.2H73v10.2zM73 11v18.8H62.4z" />
-  </svg>
-);
-export default SvgSats;

package/react/message/hook/use-message.ts

@@ -1,22 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import type { MessageDetail } from '../message.types';
-import { subscribe } from '../publish';
-
-export const useMessage = (
-  initialMessage?: MessageDetail,
-): [message: MessageDetail | undefined, clearMessage: () => void] => {
-  const [message, setMessage] = useState(initialMessage);
-
-  const clearMessage = () => setMessage(undefined);
-
-  const onMessage = (message: MessageDetail) => {
-    setMessage(message);
-  };
-
-  useEffect(() => subscribe(onMessage), []);
-
-  return [message, clearMessage];
-};
-
-export default useMessage;

package/react/message/message.tsx

@@ -1,60 +0,0 @@
-import cn from 'classnames';
-import * as React from 'react';
-
-import Text from '../text';
-import VisuallyButton from '../visually-button';
-
-import { Message as Props, themes } from './message.types';
-
-const Message: React.FC<Props> & {
-  themes: typeof themes;
-} = ({ action, inline, link, mini, text, theme = themes.default }) => (
-  <div
-    className={cn('message', {
-      'message--floating': !inline,
-      'message--inline': inline,
-      'message--mini': mini,
-      [`message--theme-${theme}`]: theme,
-    })}
-  >
-    <div
-      className={cn('message__main', {
-        'message--has-button': action,
-      })}
-    >
-      <div>
-        <Text
-          className="message__text"
-          size={mini ? Text.sizes.small : Text.sizes.basic}
-        >
-          {text}
-        </Text>
-        {link ? (
-          <div className="message__link-container">
-            <Text
-              className="message__link"
-              elementName="a"
-              href={link.href}
-              size={mini ? Text.sizes.small : Text.sizes.basic}
-            >
-              {link.text}
-            </Text>
-          </div>
-        ) : null}
-      </div>
-    </div>
-    {action ? (
-      <div>
-        <VisuallyButton
-          {...action}
-          size={VisuallyButton.sizes.small}
-          variant={VisuallyButton.variants.secondary}
-        />
-      </div>
-    ) : null}
-  </div>
-);
-
-Message.themes = themes;
-
-export default Message;