@quintype/arrow 3.54.1-version-upgrade.1 → 3.54.2-debug-full-bleed.0

package/src/components/Svgs/share-icon.js

@@ -1,66 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export const FilledArrowShareIcon = ({ color = "#000" }) => {
-  return (
-    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M4.3335 11L3.66683 14.3333L9.00016 11.6667H11.6668L12.3335 14.3333L17.6668 9.66667L12.3335 4.33333V7L7.66683 8.33333L4.3335 11Z"
-        fill={color}
-      />
-      <path
-        d="M2.91681 16.4474C2.85542 16.4477 2.79439 16.4379 2.7362 16.4183C2.61452 16.3788 2.50923 16.3003 2.43657 16.195C2.36392 16.0897 2.32794 15.9635 2.33419 15.8357C2.33419 15.7483 2.93429 7.28861 11.4173 6.62442V3.58313C11.4172 3.4673 11.4516 3.35407 11.5162 3.25789C11.5807 3.16172 11.6725 3.08698 11.7797 3.0432C11.887 2.99943 12.0048 2.98862 12.1182 3.01215C12.2317 3.03568 12.3355 3.09248 12.4165 3.1753L18.1669 9.04813C18.2737 9.15704 18.3335 9.30346 18.3335 9.45596C18.3335 9.60847 18.2737 9.75489 18.1669 9.8638L12.4165 15.7366C12.3355 15.8194 12.2317 15.8762 12.1182 15.8998C12.0048 15.9233 11.887 15.9125 11.7797 15.8687C11.6725 15.8249 11.5807 15.7502 11.5162 15.654C11.4516 15.5579 11.4172 15.4446 11.4173 15.3288V12.3458C5.75418 12.5613 3.43244 16.1328 3.40913 16.1765C3.35657 16.2595 3.28387 16.3279 3.19779 16.3752C3.11172 16.4226 3.01506 16.4474 2.91681 16.4474ZM12.5825 5.01056V7.16917C12.5826 7.32022 12.524 7.46541 12.4191 7.5741C12.3143 7.6828 12.1712 7.74651 12.0203 7.75179C6.53199 7.9528 4.56855 11.6088 3.86358 13.9596C5.32013 12.7012 7.91571 11.163 11.9649 11.163H11.9912C12.1457 11.163 12.2939 11.2244 12.4031 11.3337C12.5124 11.443 12.5738 11.5911 12.5738 11.7457V13.9043L16.9434 9.45888L12.5825 5.01056Z"
-        fill={color}
-      />
-    </svg>
-  );
-};
-
-FilledArrowShareIcon.propTypes = {
-  color: PropTypes.string
-};
-
-export const OutlinedArrowShareIcon = ({ color = "#000" }) => {
-  return (
-    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M2.58332 16.4474C2.52192 16.4478 2.46089 16.4379 2.40271 16.4183C2.28103 16.3788 2.17573 16.3003 2.10308 16.195C2.03042 16.0897 1.99444 15.9635 2.0007 15.8357C2.0007 15.7483 2.6008 7.28861 11.0838 6.62442V3.58313C11.0837 3.4673 11.1181 3.35407 11.1827 3.25789C11.2472 3.16172 11.339 3.08698 11.4462 3.0432C11.5535 2.99943 11.6713 2.98862 11.7847 3.01215C11.8982 3.03568 12.002 3.09248 12.083 3.1753L17.8335 9.04813C17.9402 9.15704 18 9.30346 18 9.45596C18 9.60847 17.9402 9.75489 17.8335 9.8638L12.083 15.7366C12.002 15.8194 11.8982 15.8763 11.7847 15.8998C11.6713 15.9233 11.5535 15.9125 11.4462 15.8687C11.339 15.825 11.2472 15.7502 11.1827 15.654C11.1181 15.5579 11.0837 15.4446 11.0838 15.3288V12.3458C5.42069 12.5613 3.09894 16.1328 3.07563 16.1765C3.02307 16.2595 2.95037 16.3279 2.8643 16.3752C2.77822 16.4226 2.68157 16.4474 2.58332 16.4474ZM12.249 5.01056V7.16917C12.2491 7.32022 12.1905 7.46541 12.0856 7.5741C11.9808 7.6828 11.8377 7.74651 11.6868 7.75179C6.19849 7.9528 4.23505 11.6088 3.53008 13.9596C4.98663 12.7012 7.58222 11.163 11.6314 11.163H11.6577C11.8122 11.163 11.9604 11.2244 12.0696 11.3337C12.1789 11.443 12.2403 11.5911 12.2403 11.7457V13.9043L16.6099 9.45888L12.249 5.01056Z"
-        fill={color}
-      />
-    </svg>
-  );
-};
-
-OutlinedArrowShareIcon.propTypes = {
-  color: PropTypes.string
-};
-
-export const DotsConnectedShareIcon = ({ color = "#000" }) => {
-  return (
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M13.1331 10.2781C12.7019 10.2813 12.277 10.3821 11.8904 10.5729C11.5037 10.7638 11.1653 11.0398 10.9005 11.3801L5.60157 8.73068C5.66973 8.49093 5.7062 8.2433 5.71006 7.99408C5.7062 7.74487 5.66973 7.49723 5.60157 7.25748L10.9005 4.60802C11.1653 4.94839 11.5037 5.22437 11.8904 5.41524C12.277 5.6061 12.7019 5.7069 13.1331 5.71006C13.6978 5.71006 14.2498 5.54261 14.7193 5.2289C15.1888 4.91518 15.5547 4.46929 15.7708 3.9476C15.9869 3.42591 16.0435 2.85186 15.9333 2.29804C15.8231 1.74422 15.5512 1.2355 15.1519 0.83622C14.7527 0.436937 14.2439 0.165022 13.6901 0.0548599C13.1363 -0.055302 12.5622 0.00123704 12.0406 0.217327C11.5189 0.433418 11.073 0.799354 10.7593 1.26886C10.4455 1.73837 10.2781 2.29036 10.2781 2.85503C10.282 3.10425 10.3184 3.35188 10.3866 3.59163L5.08766 6.24109C4.8229 5.90072 4.48448 5.62474 4.09781 5.43388C3.71113 5.24301 3.28624 5.14221 2.85503 5.13905C2.09783 5.13905 1.37164 5.43985 0.836218 5.97527C0.300797 6.51069 0 7.23688 0 7.99408C0 8.75128 0.300797 9.47747 0.836218 10.0129C1.37164 10.5483 2.09783 10.8491 2.85503 10.8491C3.28624 10.8459 3.71113 10.7452 4.09781 10.5543C4.48448 10.3634 4.8229 10.0874 5.08766 9.74707L10.3866 12.3965C10.2326 12.9733 10.2632 13.5838 10.4742 14.1422C10.6852 14.7006 11.0659 15.1788 11.5628 15.5096C12.0597 15.8404 12.6478 16.0072 13.2444 15.9864C13.8409 15.9656 14.416 15.7584 14.8887 15.3938C15.3613 15.0292 15.7078 14.5257 15.8795 13.9539C16.0511 13.3822 16.0392 12.771 15.8454 12.2064C15.6517 11.6418 15.2858 11.1521 14.7993 10.8062C14.3128 10.4603 13.7301 10.2756 13.1331 10.2781ZM13.1331 1.14201C13.4719 1.14201 13.8031 1.24248 14.0848 1.43071C14.3665 1.61894 14.5861 1.88647 14.7158 2.19949C14.8454 2.5125 14.8793 2.85693 14.8132 3.18922C14.7471 3.52152 14.584 3.82675 14.3444 4.06632C14.1048 4.30589 13.7996 4.46903 13.4673 4.53513C13.135 4.60123 12.7906 4.56731 12.4776 4.43765C12.1646 4.308 11.897 4.08844 11.7088 3.80673C11.5206 3.52503 11.4201 3.19383 11.4201 2.85503C11.4201 2.40071 11.6006 1.965 11.9218 1.64374C12.2431 1.32249 12.6788 1.14201 13.1331 1.14201ZM2.85503 9.7071C2.51623 9.7071 2.18503 9.60663 1.90333 9.4184C1.62162 9.23017 1.40206 8.96264 1.27241 8.64962C1.14275 8.33661 1.10883 7.99218 1.17493 7.65989C1.24102 7.3276 1.40417 7.02236 1.64374 6.78279C1.88331 6.54322 2.18854 6.38008 2.52084 6.31398C2.85313 6.24788 3.19756 6.28181 3.51057 6.41146C3.82358 6.54111 4.09112 6.76068 4.27935 7.04238C4.46758 7.32408 4.56805 7.65528 4.56805 7.99408C4.56805 8.4484 4.38757 8.88411 4.06631 9.20537C3.74506 9.52662 3.30935 9.7071 2.85503 9.7071ZM13.1331 14.8461C12.7943 14.8461 12.4631 14.7457 12.1814 14.5575C11.8997 14.3692 11.6802 14.1017 11.5505 13.7887C11.4209 13.4757 11.3869 13.1312 11.453 12.7989C11.5191 12.4666 11.6823 12.1614 11.9218 11.9218C12.1614 11.6823 12.4666 11.5191 12.7989 11.453C13.1312 11.3869 13.4757 11.4209 13.7887 11.5505C14.1017 11.6802 14.3692 11.8997 14.5575 12.1814C14.7457 12.4631 14.8461 12.7943 14.8461 13.1331C14.8461 13.5875 14.6657 14.0232 14.3444 14.3444C14.0232 14.6657 13.5875 14.8461 13.1331 14.8461Z"
-        fill={color}
-      />
-    </svg>
-  );
-};
-
-DotsConnectedShareIcon.propTypes = {
-  color: PropTypes.string
-};
-
-export const IPhoneShareIcon = ({ color = "#000" }) => {
-  return (
-    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M15.455 8.48218C15.8146 8.48218 16.1095 8.7591 16.1381 9.11132L16.1403 9.16753V14.7482C16.1403 15.9629 15.1785 16.953 13.9749 16.9984L13.8885 17H6.25184C5.0371 17 4.04702 16.0382 4.00163 14.8345L4 14.7482V9.16753C4 8.78902 4.30684 8.48218 4.68534 8.48218C5.04492 8.48218 5.33982 8.7591 5.36841 9.11132L5.37068 9.16753V14.7482C5.37068 15.2145 5.733 15.5963 6.19151 15.6273L6.25184 15.6293H13.8885C14.3549 15.6293 14.7366 15.267 14.7676 14.8085L14.7697 14.7482V9.16753C14.7697 8.78902 15.0765 8.48218 15.455 8.48218ZM9.87393 3.00645L9.93223 3.00062L10.0007 3L10.0612 3.00509L10.1308 3.01773L10.1579 3.02488C10.2343 3.04599 10.3079 3.08083 10.3746 3.12918L10.4214 3.1664L10.4578 3.20018L13.5039 6.2463C13.7716 6.51394 13.7716 6.94788 13.5039 7.21552C13.252 7.46742 12.8528 7.48224 12.5836 7.25997L12.5347 7.21552L10.6576 5.33823V12.888C10.6576 13.2475 10.3807 13.5424 10.0285 13.571L9.97226 13.5733C9.61268 13.5733 9.31778 13.2964 9.28919 12.9442L9.28692 12.888V5.33979L7.41169 7.21552C7.15979 7.46742 6.76059 7.48224 6.49136 7.25997L6.44247 7.21552C6.19057 6.96362 6.17575 6.56442 6.39802 6.29519L6.44247 6.2463L9.47835 3.20967C9.50023 3.18693 9.52367 3.16569 9.54849 3.14614L9.59287 3.11451C9.60764 3.10411 9.6231 3.09466 9.63894 3.08583L9.6463 3.08224C9.71565 3.04418 9.79247 3.01816 9.87393 3.00645Z"
-        fill={color}
-      />
-    </svg>
-  );
-};
-
-IPhoneShareIcon.propTypes = {
-  color: PropTypes.string
-};

package/src/components/Svgs/star.js

@@ -1,33 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export const StarIcon = ({ width, height, color = "#D5D5D5", positionTop = "" }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      style={{ position: "relative", top: positionTop }}
-      fill="none">
-      <g clipPath="url(#clip0_2775_1313)">
-        <path
-          d="M21.9301 12.0699C16.4895 12.0699 12.0699 16.4895 12.0699 21.9301C12.0699 21.972 12.042 22 12 22C11.958 22 11.9301 21.972 11.9301 21.9301C11.9301 16.4895 7.51049 12.0699 2.06993 12.0699C2.02797 12.0699 2 12.042 2 12C2 11.958 2.02797 11.9301 2.06993 11.9301C7.51049 11.9301 11.9301 7.51049 11.9301 2.06993C11.9301 2.02797 11.958 2 12 2C12.042 2 12.0699 2.02797 12.0699 2.06993C12.0699 7.51049 16.4895 11.9301 21.9301 11.9301C21.972 11.9301 22 11.958 22 12C22 12.042 21.972 12.0699 21.9301 12.0699Z"
-          fill={color}
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_2775_1313">
-          <rect width="20" height="20" fill="white" transform="translate(2 2)" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
-
-StarIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string,
-  color: PropTypes.string,
-  positionTop: PropTypes.string
-};

package/src/components/Svgs/user-fallback-icon.js

@@ -1,19 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export const UserFallbackIcon = ({ width = 120, height = 120 }) => {
-  return (
-    <svg width={width} height={height} viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M93.28 108.98c-1.055-17.675-15.47-31.678-33.098-31.678-17.708 0-32.173 14.129-33.11 31.916 9.415 6.311 20.741 9.993 32.927 9.993 12.338 0 23.795-3.774 33.28-10.23l.001-.001zM58.584 73.283c9.928 0 17.977-8.275 17.977-18.483 0-10.209-8.049-18.484-17.977-18.484-9.929 0-17.977 8.275-17.977 18.484 0 10.208 8.048 18.483 17.977 18.483zM60 120C26.863 120 0 93.137 0 60S26.863 0 60 0s60 26.863 60 60-26.863 60-60 60z"
-        fill="#DADADA"
-        fillRule="nonzero"
-      />
-    </svg>
-  );
-};
-
-UserFallbackIcon.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object
-};

package/src/components/Svgs/video-icons.js

@@ -1,104 +0,0 @@
-import React from "react";
-import { getIconColor } from "../../utils/utils";
-import PropTypes from "prop-types";
-
-export function VideoIcon1({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3096)">
-        <path
-          d="M14.375 7.66667V15.3333H4.79167V7.66667H14.375ZM15.3333 5.75H3.83333C3.30625 5.75 2.875 6.18125 2.875 6.70833V16.2917C2.875 16.8187 3.30625 17.25 3.83333 17.25H15.3333C15.8604 17.25 16.2917 16.8187 16.2917 16.2917V12.9375L20.125 16.7708V6.22917L16.2917 10.0625V6.70833C16.2917 6.18125 15.8604 5.75 15.3333 5.75Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VideoIcon2({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3090)">
-        <path
-          d="M16.2917 10.0625V6.70833C16.2917 6.18125 15.8604 5.75 15.3333 5.75H3.83333C3.30625 5.75 2.875 6.18125 2.875 6.70833V16.2917C2.875 16.8187 3.30625 17.25 3.83333 17.25H15.3333C15.8604 17.25 16.2917 16.8187 16.2917 16.2917V12.9375L20.125 16.7708V6.22917L16.2917 10.0625Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VideoIcon3({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3111)">
-        <path
-          d="M11.6 3C6.8528 3 3 6.8528 3 11.6C3 16.3472 6.8528 20.2 11.6 20.2C16.3472 20.2 20.2 16.3472 20.2 11.6C20.2 6.8528 16.3472 3 11.6 3ZM9.45 15.47V7.73L15.47 11.6L9.45 15.47Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VideoIcon4({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3119)">
-        <path
-          d="M9.88 15.47L15.04 11.6L9.88 7.73V15.47ZM11.6 3C6.8528 3 3 6.8528 3 11.6C3 16.3472 6.8528 20.2 11.6 20.2C16.3472 20.2 20.2 16.3472 20.2 11.6C20.2 6.8528 16.3472 3 11.6 3ZM11.6 18.48C7.8074 18.48 4.72 15.3926 4.72 11.6C4.72 7.8074 7.8074 4.72 11.6 4.72C15.3926 4.72 18.48 7.8074 18.48 11.6C18.48 15.3926 15.3926 18.48 11.6 18.48Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VideoIcon5({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg width={"10%"} viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1524_3956)">
-        <g clipPath="url(#clip1_1524_3956)">
-          <path
-            d="M15.3655 12.6317C13.7839 11.7865 12.2695 11.0094 10.7214 10.1982V15.0515C12.3504 14.166 14.0674 13.355 15.3722 12.6317H15.3655Z"
-            fill={background}
-          />
-          <path
-            d="M11.0192 18.8507C7.73397 18.7902 6.61192 18.7358 5.92224 18.5937C5.45563 18.4993 5.05014 18.2897 4.75283 17.9856C4.52304 17.7555 4.3403 17.4044 4.19852 16.9174C4.07691 16.5115 4.02954 16.1739 3.96201 15.3492C3.85864 13.4878 3.834 11.9661 3.96201 10.2657C4.06763 9.32671 4.11883 8.21202 4.82035 7.56171C5.15159 7.25735 5.53692 7.06149 5.96961 6.98052C6.64553 6.85218 9.52522 6.75073 12.5064 6.75073C15.4808 6.75073 18.3669 6.85218 19.0434 6.98052C19.584 7.08197 20.0909 7.38601 20.3886 7.77805C21.0286 8.78489 21.0398 10.0369 21.1048 11.0162C21.1317 11.4828 21.1317 14.1324 21.1048 14.599C21.0037 16.1467 20.9224 16.6943 20.6926 17.262C20.5505 17.6205 20.4292 17.8096 20.2193 18.0192C19.89 18.3418 19.4702 18.5564 19.0159 18.6344C16.173 18.8481 13.759 18.8945 11.0192 18.8507ZM15.3726 12.6317C13.791 11.7865 12.2766 11.0027 10.7286 10.1915V15.0451C12.3575 14.1596 14.0749 13.3483 15.3793 12.625L15.3726 12.6317Z"
-            fill={iconColor}
-          />
-        </g>
-      </g>
-    </svg>
-  );
-}
-
-VideoIcon1.propTypes = {
-  background: PropTypes.string
-};
-
-VideoIcon2.propTypes = {
-  background: PropTypes.string
-};
-
-VideoIcon3.propTypes = {
-  background: PropTypes.string
-};
-
-VideoIcon4.propTypes = {
-  background: PropTypes.string
-};
-
-VideoIcon5.propTypes = {
-  background: PropTypes.string
-};

package/src/components/Svgs/visual-story-icons.js

@@ -1,77 +0,0 @@
-import React from "react";
-import { getIconColor } from "../../utils/utils";
-import PropTypes from "prop-types";
-
-export function VisualStoryIcon1({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3125)">
-        <path
-          d="M1.91675 6.70835H5.75008V16.2917H1.91675V6.70835ZM6.70841 18.2084H16.2917V4.79169H6.70841V18.2084ZM17.2501 6.70835H21.0834V16.2917H17.2501V6.70835Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VisualStoryIcon2({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 23 23" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <g clipPath="url(#clip0_1430_3131)">
-        <path
-          d="M1.91675 6.70835H5.75008V16.2917H1.91675V6.70835ZM6.70841 18.2084H16.2917V4.79169H6.70841V18.2084ZM8.62508 6.70835H14.3751V16.2917H8.62508V6.70835ZM17.2501 6.70835H21.0834V16.2917H17.2501V6.70835Z"
-          fill={iconColor}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export function VisualStoryIcon3({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 25 25" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <path
-        d="M3.875 19.2084H13.4583V5.79169H3.875V19.2084ZM5.79167 7.70835H11.5417V17.2917H5.79167V7.70835ZM14.4167 6.75002H17.2917V18.25H14.4167V6.75002Z"
-        fill={iconColor}
-      />
-      <path d="M21.125 7.70835H18.25V17.2917H21.125V7.70835Z" fill={iconColor} />
-    </svg>
-  );
-}
-
-export function VisualStoryIcon4({ background }) {
-  const iconColor = getIconColor(background);
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width={"10%"} viewBox="0 0 25 25" fill="none">
-      <rect width="100%" height="100%" fill={background} />
-      <path
-        d="M3.875 19.2084H13.4583V5.79169H3.875V19.2084ZM14.4167 6.75002H17.2917V18.25H14.4167V6.75002Z"
-        fill={iconColor}
-      />
-      <path d="M21.125 7.70835H18.25V17.2917H21.125V7.70835Z" fill={iconColor} />
-    </svg>
-  );
-}
-
-VisualStoryIcon1.propTypes = {
-  background: PropTypes.string
-};
-
-VisualStoryIcon2.propTypes = {
-  background: PropTypes.string
-};
-
-VisualStoryIcon3.propTypes = {
-  background: PropTypes.string
-};
-
-VisualStoryIcon4.propTypes = {
-  background: PropTypes.string
-};

package/src/components/Typography/README.md

@@ -1,7 +0,0 @@
-# Typography for Arrow
-
-A modular typescale is maintained by the library as a set of standard defaults for any type related styling.
-
-The following are the default implementations by Arrow. This can be bypassed by overriding the values in the project that imports `@quintype/arrow`.
-
-

package/src/components/Typography/index.js

@@ -1,47 +0,0 @@
-import React from "react";
-import "./style.m.css";
-
-export const Typography = () => {
-  return (
-    <div className="arrow-component">
-      <h2>Typscale</h2>
-      <hr />
-      <span styleName="wrapper">
-        <span>title-h1</span>
-        <h1>These violent delights have violent ends.</h1>
-      </span>
-      <span styleName="wrapper">
-        <span>title-h2</span>
-        <h2>These violent delights have violent ends.</h2>
-      </span>
-      <span styleName="wrapper">
-        <span>title-h3</span>
-        <h2>These violent delights have violent ends.</h2>
-      </span>
-      <span styleName="wrapper">
-        <span>title-h4</span>
-        <h4>These violent delights have violent ends.</h4>
-      </span>
-      <span styleName="wrapper">
-        <span>paragraph</span>
-        <p>These violent delights have violent ends.</p>
-      </span>
-      <span styleName="wrapper">
-        <span>paragraph-alt</span>
-        <p className="p-alt">These violent delights have violent ends.</p>
-      </span>
-      <span styleName="wrapper">
-        <span>author name</span>
-        <div className="author-name">These violent delights have violent ends.</div>
-      </span>
-      <span styleName="wrapper">
-        <span>section-tag</span>
-        <div className="section-tag">These violent delights have violent ends.</div>
-      </span>
-      <span styleName="wrapper">
-        <span>timestamp</span>
-        <div className="time">These violent delights have violent ends.</div>
-      </span>
-    </div>
-  );
-};

package/src/components/Typography/stories.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { withStore } from "../../../storybook";
-import { Typography } from "./index";
-import Readme from "./README.md";
-
-withStore("Introduction", {}, Readme)
-  .addDecorator(story => <div style={{ maxWidth: "900px", margin: "auto", padding: "10px" }}>{story()}</div>)
-  .add("Typography", () => {
-    return <Typography />;
-  });

package/src/components/Typography/style.m.css

@@ -1,11 +0,0 @@
-@custom-media --viewport-medium (width >= 768px);
-
-.wrapper {
-  display: grid;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 25px;
-  @media (--viewport-medium) {
-    display: flex;
-  }
-}

package/src/constants.js

@@ -1,2 +0,0 @@
-export const STORY_TEMPLATES = ["text", "photo", "video", "live-blog", "listicle"];
-export const roundedCornerClass = "with-rounded-corners";