diff --git a/docs/src/__examples__/SocialButton/DEFAULT.tsx b/docs/src/__examples__/SocialButton/DEFAULT.tsx index ef1a83618b..bc2ba11e99 100644 --- a/docs/src/__examples__/SocialButton/DEFAULT.tsx +++ b/docs/src/__examples__/SocialButton/DEFAULT.tsx @@ -11,7 +11,7 @@ export default { name: "type", type: "select", defaultValue: "apple", - options: ["apple", "facebook", "twitter", "google"], + options: ["apple", "facebook", "X", "google"], }, { name: "fullWidth", diff --git a/docs/src/__examples__/SocialButton/services.tsx b/docs/src/__examples__/SocialButton/services.tsx index 01d8809a3e..885eee31c4 100644 --- a/docs/src/__examples__/SocialButton/services.tsx +++ b/docs/src/__examples__/SocialButton/services.tsx @@ -14,8 +14,8 @@ export default { code: `() => <SocialButton type="google">Sign in with Google</SocialButton>`, }, { - name: "twitter", - code: `() => <SocialButton type="twitter">Sign in with Twitter</SocialButton>`, + name: "X", + code: `() => <SocialButton type="X">Sign in with X</SocialButton>`, }, ], }; diff --git a/docs/src/components/Footer.tsx b/docs/src/components/Footer.tsx index 88408024de..61864eff47 100644 --- a/docs/src/components/Footer.tsx +++ b/docs/src/components/Footer.tsx @@ -6,7 +6,7 @@ import { Link, useStaticQuery, graphql } from "gatsby"; import mediaQueries from "./MediaQueries"; import Switch from "./Switch"; import GitHub from "../images/logos/github-circle.svg"; -import Twitter from "../images/logos/twitter-circle.svg"; +import X from "../images/logos/x.svg"; import orbitHeart from "../images/orbit-heart.png"; import { MAX_CONTENT_WIDTH, CONTENT_PADDING } from "../consts"; import useDevMode from "../hooks/useDevMode"; @@ -127,8 +127,8 @@ export default function Footer() { <StyledIconLink href="https://github.com/kiwicom/orbit" aria-label="GitHub"> <GitHub /> </StyledIconLink> - <StyledIconLink href="https://twitter.com/OrbitKiwi" aria-label="Twitter"> - <Twitter /> + <StyledIconLink href="https://x.com/OrbitKiwi" aria-label="X"> + <X /> </StyledIconLink> </Stack> </Stack> diff --git a/docs/src/components/Head/index.tsx b/docs/src/components/Head/index.tsx index 25348a5a24..6e22534428 100644 --- a/docs/src/components/Head/index.tsx +++ b/docs/src/components/Head/index.tsx @@ -40,8 +40,8 @@ export default function Head({ title, hasSiteName, description, path }: Props) { <meta property="og:title" content={pageTitle} /> <meta property="og:description" content={description} /> <meta property="og:url" content={url} /> - {/* Twitter Card */} - {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary */} + {/* X Card */} + {/* https://developer.x.com/en/docs/x-for-websites/cards/overview/summary */} <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@OrbitKiwi" /> <meta name="twitter:title" content={pageTitle} /> diff --git a/docs/src/images/logos/twitter-circle.svg b/docs/src/images/logos/twitter-circle.svg deleted file mode 100644 index bd068c8330..0000000000 --- a/docs/src/images/logos/twitter-circle.svg +++ /dev/null @@ -1 +0,0 @@ -<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M16 0C7.164 0 0 7.164 0 16s7.164 16 16 16 16-7.164 16-16S24.836 0 16 0zm8.088 12.86c.244 5.387-3.773 11.392-10.885 11.392-2.163 0-4.175-.635-5.87-1.721a7.705 7.705 0 0 0 5.67-1.586 3.838 3.838 0 0 1-3.579-2.66 3.84 3.84 0 0 0 1.73-.065c-1.84-.37-3.113-2.03-3.071-3.804a3.82 3.82 0 0 0 1.734.479A3.835 3.835 0 0 1 8.632 9.78a10.87 10.87 0 0 0 7.893 4.002c-.558-2.395 1.259-4.703 3.732-4.703 1.1 0 2.096.465 2.795 1.21a7.637 7.637 0 0 0 2.432-.93 3.845 3.845 0 0 1-1.684 2.119 7.644 7.644 0 0 0 2.199-.604 7.687 7.687 0 0 1-1.911 1.985z"/></svg> \ No newline at end of file diff --git a/docs/src/images/logos/x.svg b/docs/src/images/logos/x.svg new file mode 100644 index 0000000000..5e014643c1 --- /dev/null +++ b/docs/src/images/logos/x.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" viewBox="0 0 32 32" version="1.1"> +<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 0.0703125 0.101562 C 0.132812 0.1875 12.34375 17.582031 12.453125 17.738281 L 12.492188 17.792969 L 6.316406 24.816406 C 2.921875 28.679688 0.109375 31.875 0.0703125 31.921875 L -0.00390625 32.003906 L 2.820312 32.003906 L 8.28125 25.792969 C 11.285156 22.378906 13.742188 19.582031 13.746094 19.582031 C 13.75 19.582031 15.714844 22.378906 18.113281 25.792969 L 22.472656 32.003906 L 32 32.003906 L 31.960938 31.945312 C 31.941406 31.917969 29.03125 27.769531 25.492188 22.734375 C 21.957031 17.695312 19.0625 13.566406 19.0625 13.554688 C 19.058594 13.542969 21.734375 10.492188 25 6.777344 C 28.265625 3.0625 30.941406 0.015625 30.945312 0.0117188 C 30.945312 0.00390625 30.316406 0 29.542969 0 L 28.136719 0 L 22.96875 5.875 C 20.128906 9.105469 17.800781 11.75 17.792969 11.75 C 17.785156 11.753906 15.925781 9.109375 13.65625 5.878906 L 9.53125 0 L 0 0 Z M 8.992188 3.21875 C 12.773438 8.515625 28.117188 29.992188 28.125 30.003906 C 28.132812 30.015625 27.699219 30.019531 25.96875 30.019531 L 23.800781 30.019531 L 19.257812 23.65625 C 16.757812 20.15625 12.265625 13.875 9.28125 9.695312 C 6.296875 5.515625 3.851562 2.09375 3.851562 2.085938 C 3.851562 2.078125 4.765625 2.074219 6.011719 2.074219 L 8.171875 2.074219 Z M 8.992188 3.21875 "/> +</svg> diff --git a/docs/src/images/twitter.svg b/docs/src/images/twitter.svg deleted file mode 100644 index 588956323c..0000000000 --- a/docs/src/images/twitter.svg +++ /dev/null @@ -1 +0,0 @@ -<svg width="32" height="32" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M200 0c110.383 0 200 89.617 200 200s-89.617 200-200 200S0 310.383 0 200 89.617 0 200 0zm-36.6 305.5c88.7 0 137.2-73.5 137.2-137.2 0-2.1 0-4.2-.1-6.2 9.4-6.8 17.6-15.3 24.1-25-8.6 3.8-17.9 6.4-27.7 7.6 10-6 17.6-15.4 21.2-26.7-9.3 5.5-19.6 9.5-30.6 11.7-8.8-9.4-21.3-15.2-35.2-15.2-26.6 0-48.2 21.6-48.2 48.2 0 3.8.4 7.5 1.3 11-40.1-2-75.6-21.2-99.4-50.4-4.1 7.1-6.5 15.4-6.5 24.2 0 16.7 8.5 31.5 21.5 40.1-7.9-.2-15.3-2.4-21.8-6v.6c0 23.4 16.6 42.8 38.7 47.3-4 1.1-8.3 1.7-12.7 1.7-3.1 0-6.1-.3-9.1-.9 6.1 19.2 23.9 33.1 45 33.5-16.5 12.9-37.3 20.6-59.9 20.6-3.9 0-7.7-.2-11.5-.7 21.1 13.8 46.5 21.8 73.7 21.8z"/></svg> \ No newline at end of file diff --git a/docs/src/images/x.svg b/docs/src/images/x.svg new file mode 100644 index 0000000000..2deb6fd023 --- /dev/null +++ b/docs/src/images/x.svg @@ -0,0 +1 @@ +<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="#fff"/></svg> \ No newline at end of file diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx index 70fd9a2f83..9d406e67c7 100644 --- a/docs/src/pages/index.tsx +++ b/docs/src/pages/index.tsx @@ -22,7 +22,7 @@ import HeaderBox from "../components/HeaderBox"; import BrandedTile from "../components/BrandedTile"; import GitHubLogo from "../images/github-full.svg"; import FigmaLogo from "../images/figma-logo.svg"; -import TwitterLogo from "../images/twitter.svg"; +import XLogo from "../images/x.svg"; import srcTequila from "../images/tequila.png"; import { MAX_CONTENT_WIDTH } from "../consts"; import ScreenReaderText from "../components/ScreenReaderText"; @@ -273,18 +273,18 @@ export default function Home({ location, path }: Props) { free. </BrandedTile> <BrandedTile - title="Follow us on Twitter" + title="Follow us on X" icon={<LoveBirdIcon />} - href="https://twitter.com/OrbitKiwi" - linkContent="Follow Orbit on Twitter" - logo={<TwitterLogo />} + href="https://x.com/OrbitKiwi" + linkContent="Follow Orbit on X" + logo={<XLogo />} color={{ - primary: "#0989CF", - secondary: "#179CE3", + primary: "#15171a", + secondary: "#657785", }} > - Twitter is one of our main platforms for sharing. Everything important that is - happening around Orbit is published on Twitter. + X is one of our main platforms for sharing. Everything important that is happening + around Orbit is published on X. </BrandedTile> <BrandedTile title="Connect Orbit to Tequila"