Upgrades TailwindCSS to v3.3.2 to utilize built-in support for line-clamp and aspect-ratio. Additionally, this allows us to utilize TypeScript for our Tailwind config.
This also removes the use of @tailwindcss/aspect-ratio and @tailwindcss/line-clamp as they are now included in the Tailwind package.
For @shopify/connect-wallet, this includes a minor update to the QrCode component displayed within the ScanScreen. This change was made to address the removal of @tailwindcss/aspect-ratio. Additionally, the QRCode was updated to make use of the Spinner component which creates a better loading state while the WalletConnect URI is loading.
⚠️ Fixes: #192
ℹ️ What is the context for these changes?
Upgrades TailwindCSS to v3.3.2 to utilize built-in support for line-clamp and aspect-ratio. Additionally, this allows us to utilize TypeScript for our Tailwind config.
This also removes the use of
@tailwindcss/aspect-ratioand@tailwindcss/line-clampas they are now included in the Tailwind package.For
@shopify/connect-wallet, this includes a minor update to theQrCodecomponent displayed within theScanScreen. This change was made to address the removal of@tailwindcss/aspect-ratio. Additionally, theQRCodewas updated to make use of theSpinnercomponent which creates a better loading state while the WalletConnect URI is loading.🕹️ Demonstration
https://github.com/Shopify/blockchain-components/assets/4250423/89a8acbb-60f0-494d-8bd4-8aaefd2c9e3a
🎩 How can this be tophatted?
yarn installyarn example✅ Checklist