react-email 4.1.0-canary.6 → 4.1.0-canary.8

package/src/hooks/use-email-rendering-result.ts

@@ -1,58 +0,0 @@
-import { useState } from 'react';
-import { getEmailPathFromSlug } from '../actions/get-email-path-from-slug';
-import {
-  type EmailRenderingResult,
-  renderEmailByPath,
-} from '../actions/render-email-by-path';
-import { isBuilding } from '../app/env';
-import { useEmails } from '../contexts/emails';
-import { containsEmailTemplate } from '../utils/contains-email-template';
-import { useHotreload } from './use-hot-reload';
-
-export const useEmailRenderingResult = (
-  emailPath: string,
-  serverEmailRenderedResult: EmailRenderingResult,
-) => {
-  const [renderingResult, setRenderingResult] = useState(
-    serverEmailRenderedResult,
-  );
-
-  const { emailsDirectoryMetadata } = useEmails();
-
-  if (!isBuilding) {
-    // biome-ignore lint/correctness/useHookAtTopLevel: This is fine since isBuilding does not change at runtime
-    useHotreload(async (changes) => {
-      for await (const change of changes) {
-        const relativePathForChangedFile =
-          // ex: apple-receipt.tsx
-          // it will be the path relative to the emails directory, so it is already
-          // going to be equivalent to the slug
-          change.filename;
-
-        if (
-          !containsEmailTemplate(
-            relativePathForChangedFile,
-            emailsDirectoryMetadata,
-          )
-        ) {
-          continue;
-        }
-
-        const pathForChangedEmail = await getEmailPathFromSlug(
-          relativePathForChangedFile,
-        );
-
-        const newRenderingResult = await renderEmailByPath(
-          pathForChangedEmail,
-          true,
-        );
-
-        if (pathForChangedEmail === emailPath) {
-          setRenderingResult(newRenderingResult);
-        }
-      }
-    });
-  }
-
-  return renderingResult;
-};

package/src/hooks/use-fragment-identifier.ts

@@ -1,14 +0,0 @@
-import { usePathname, useSearchParams } from 'next/navigation';
-import { useEffect, useState } from 'react';
-
-export const useFragmentIdentifier = () => {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const [fragmentIdentifier, setFragmentIdentifier] = useState<string>();
-
-  useEffect(() => {
-    setFragmentIdentifier(global.location?.hash);
-  }, [pathname, searchParams]);
-
-  return fragmentIdentifier;
-};

package/src/hooks/use-hot-reload.ts

@@ -1,31 +0,0 @@
-'use client';
-import { useEffect, useRef } from 'react';
-import { io, type Socket } from 'socket.io-client';
-import type { HotReloadChange } from '../utils/types/hot-reload-change';
-
-/**
- * Hook that detects any "reload" event sent from the CLI's web socket
- * and calls the received parameter callback
- */
-export const useHotreload = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  onShouldReload: (changes: HotReloadChange[]) => any,
-) => {
-  const socketRef = useRef<Socket | null>(null);
-
-  useEffect(() => {
-    if (!socketRef.current) {
-      socketRef.current = io();
-    }
-    const socket = socketRef.current;
-
-    socket.on('reload', (changes: HotReloadChange[]) => {
-      console.debug('Reloading...');
-      void onShouldReload(changes);
-    });
-
-    return () => {
-      socket.off();
-    };
-  }, [onShouldReload]);
-};

package/src/hooks/use-icon-animation.ts

@@ -1,41 +0,0 @@
-import type { DotLottie } from '@lottiefiles/dotlottie-react';
-import * as React from 'react';
-
-const TIMEOUT = 150;
-const THRESHOLD_ANIMATION = 0.9;
-
-export const useIconAnimation = () => {
-  const ref = React.useRef<DotLottie>(null);
-  const timer = React.useRef<NodeJS.Timeout | null>(null);
-
-  const onMouseLeave = React.useCallback(() => {
-    timer.current && clearTimeout(timer.current);
-  }, []);
-
-  const onMouseEnter = React.useCallback(() => {
-    if (!ref.current) {
-      return;
-    }
-
-    const total = Math.round(ref.current.totalFrames ?? 0);
-    const current = Math.round((ref.current.currentFrame ?? 0) + 1);
-
-    if (current === 1 || current >= total * THRESHOLD_ANIMATION) {
-      timer.current = setTimeout(() => {
-        if (!ref.current) {
-          return;
-        }
-
-        ref.current.stop();
-        ref.current.setSpeed(1);
-        ref.current.play();
-      }, TIMEOUT);
-    }
-  }, []);
-
-  return {
-    ref,
-    onMouseLeave,
-    onMouseEnter,
-  };
-};

package/src/hooks/use-iframe-color-scheme.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-
-export function useIframeColorScheme(
-  iframeRef: React.RefObject<HTMLIFrameElement | null>,
-  theme: string,
-) {
-  React.useEffect(() => {
-    const iframe = iframeRef.current;
-
-    if (!iframe) return;
-
-    // Set on iframe element itself
-    iframe.style.colorScheme = theme;
-
-    // Set on iframe's document if available
-    if (iframe.contentDocument) {
-      iframe.contentDocument.documentElement.style.colorScheme = theme;
-      iframe.contentDocument.body.style.colorScheme = theme;
-    }
-
-    // Ensure styles are applied after it loads
-    const handleLoad = () => {
-      if (iframe.contentDocument) {
-        iframe.contentDocument.documentElement.style.colorScheme = theme;
-        iframe.contentDocument.body.style.colorScheme = theme;
-      }
-    };
-
-    iframe.addEventListener('load', handleLoad);
-
-    return () => {
-      iframe.removeEventListener('load', handleLoad);
-    };
-  }, [theme, iframeRef]);
-}

package/src/hooks/use-rendering-metadata.ts

@@ -1,36 +0,0 @@
-import { useEffect } from 'react';
-import type {
-  EmailRenderingResult,
-  RenderedEmailMetadata,
-} from '../actions/render-email-by-path';
-
-const lastRenderingMetadataPerEmailPath = {} as Record<
-  string,
-  RenderedEmailMetadata
->;
-
-/**
- * Returns the rendering metadata if the given `renderingResult`
- * does not error. If it does error it returns the last value it had for the hook.
- */
-export const useRenderingMetadata = (
-  emailPath: string,
-  renderingResult: EmailRenderingResult,
-  serverRenderingMetadata: EmailRenderingResult,
-): RenderedEmailMetadata | undefined => {
-  useEffect(() => {
-    if ('markup' in renderingResult) {
-      lastRenderingMetadataPerEmailPath[emailPath] = renderingResult;
-    } else if (
-      typeof serverRenderingMetadata !== 'undefined' &&
-      'markup' in serverRenderingMetadata &&
-      typeof lastRenderingMetadataPerEmailPath[emailPath] === 'undefined'
-    ) {
-      lastRenderingMetadataPerEmailPath[emailPath] = serverRenderingMetadata;
-    }
-  }, [renderingResult, emailPath, serverRenderingMetadata]);
-
-  return 'error' in renderingResult
-    ? lastRenderingMetadataPerEmailPath[emailPath]
-    : renderingResult;
-};

package/src/utils/__snapshots__/get-email-component.spec.ts.snap

@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`getEmailComponent() > with a demo email template 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="/static/vercel-logo.png"/><link rel="preload" as="image" href="/static/vercel-user.png"/><link rel="preload" as="image" href="/static/vercel-arrow.png"/><link rel="preload" as="image" href="/static/vercel-team.png"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><!--$--></head><body style="margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;background-color:rgb(255,255,255);padding-left:0.5rem;padding-right:0.5rem;font-family:ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">Join Alan on Vercel<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:40px;max-width:465px;border-radius:0.25rem;border-width:1px;border-color:rgb(234,234,234);border-style:solid;padding:20px"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px"><tbody><tr><td><img alt="Vercel Logo" height="37" src="/static/vercel-logo.png" style="margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;display:block;outline:none;border:none;text-decoration:none" width="40"/></td></tr></tbody></table><h1 style="margin-left:0px;margin-right:0px;margin-top:30px;margin-bottom:30px;padding:0px;text-align:center;font-weight:400;font-size:24px;color:rgb(0,0,0)">Join <strong>Enigma</strong> on <strong>Vercel</strong></h1><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">Hello <!-- -->alanturing<!-- -->,</p><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px"><strong>Alan</strong> (<a href="mailto:alan.turing@example.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">alan.turing@example.com</a>) has invited you to the <strong>Enigma</strong> team on<!-- --> <strong>Vercel</strong>.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="right" data-id="__react-email-column"><img alt="alanturing&#x27;s profile picture" height="64" src="/static/vercel-user.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td><td align="center" data-id="__react-email-column"><img alt="Arrow indicating invitation" height="9" src="/static/vercel-arrow.png" style="display:block;outline:none;border:none;text-decoration:none" width="12"/></td><td align="left" data-id="__react-email-column"><img alt="Enigma team logo" height="64" src="/static/vercel-team.png" style="border-radius:9999px;display:block;outline:none;border:none;text-decoration:none" width="64"/></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:32px;margin-bottom:32px;text-align:center"><tbody><tr><td><a href="https://vercel.com" style="border-radius:0.25rem;background-color:rgb(0,0,0);padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;text-align:center;font-weight:600;font-size:12px;color:rgb(255,255,255);text-decoration-line:none;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:18" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px">Join the team</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:14px;color:rgb(0,0,0);line-height:24px;margin-top:16px;margin-bottom:16px">or copy and paste this URL into your browser:<!-- --> <a href="https://vercel.com" style="color:rgb(37,99,235);text-decoration-line:none" target="_blank">https://vercel.com</a></p><hr style="margin-left:0px;margin-right:0px;margin-top:26px;margin-bottom:26px;width:100%;border-width:1px;border-color:rgb(234,234,234);border-style:solid;border:none;border-top:1px solid #eaeaea"/><p style="color:rgb(102,102,102);font-size:12px;line-height:24px;margin-top:16px;margin-bottom:16px">This invitation was intended for<!-- --> <span style="color:rgb(0,0,0)">alanturing</span>. This invite was sent from <span style="color:rgb(0,0,0)">204.13.186.218</span> <!-- -->located in<!-- --> <span style="color:rgb(0,0,0)">São Paulo, Brazil</span>. If you were not expecting this invitation, you can ignore this email. If you are concerned about your account&#x27;s safety, please reply to this email to get in touch with us.</p></td></tr></tbody></table><!--/$--></body></html>"`;

package/src/utils/caniemail/all-css-properties.ts

@@ -1,358 +0,0 @@
-// taken from https://www.w3schools.com/cssref/index.php
-export const allCssProperties = [
-  'accent-color',
-  'align-content',
-  'align-items',
-  'align-self',
-  'all',
-  'animation',
-  'animation-delay',
-  'animation-direction',
-  'animation-duration',
-  'animation-fill-mode',
-  'animation-iteration-count',
-  'animation-name',
-  'animation-play-state',
-  'animation-timing-function',
-  'aspect-ratio',
-  'backdrop-filter',
-  'backface-visibility',
-  'background',
-  'background-attachment',
-  'background-blend-mode',
-  'background-clip',
-  'background-color',
-  'background-image',
-  'background-origin',
-  'background-position',
-  'background-position-x',
-  'background-position-y',
-  'background-repeat',
-  'background-size',
-  'block-size',
-  'border',
-  'border-block',
-  'border-block-color',
-  'border-block-end',
-  'border-block-end-color',
-  'border-block-end-style',
-  'border-block-end-width',
-  'border-block-start',
-  'border-block-start-color',
-  'border-block-start-style',
-  'border-block-start-width',
-  'border-block-style',
-  'border-block-width',
-  'border-bottom',
-  'border-bottom-color',
-  'border-bottom-left-radius',
-  'border-bottom-right-radius',
-  'border-bottom-style',
-  'border-bottom-width',
-  'border-collapse',
-  'border-color',
-  'border-end-end-radius',
-  'border-end-start-radius',
-  'border-image',
-  'border-image-outset',
-  'border-image-repeat',
-  'border-image-slice',
-  'border-image-source',
-  'border-image-width',
-  'border-inline',
-  'border-inline-color',
-  'border-inline-end',
-  'border-inline-end-color',
-  'border-inline-end-style',
-  'border-inline-end-width',
-  'border-inline-start',
-  'border-inline-start-color',
-  'border-inline-start-style',
-  'border-inline-start-width',
-  'border-inline-style',
-  'border-inline-width',
-  'border-left',
-  'border-left-color',
-  'border-left-style',
-  'border-left-width',
-  'border-radius',
-  'border-right',
-  'border-right-color',
-  'border-right-style',
-  'border-right-width',
-  'border-spacing',
-  'border-start-end-radius',
-  'border-start-start-radius',
-  'border-style',
-  'border-top',
-  'border-top-color',
-  'border-top-left-radius',
-  'border-top-right-radius',
-  'border-top-style',
-  'border-top-width',
-  'border-width',
-  'bottom',
-  'box-decoration-break',
-  'box-reflect',
-  'box-shadow',
-  'box-sizing',
-  'break-after',
-  'break-before',
-  'break-inside',
-  'caption-side',
-  'caret-color',
-  '@charset',
-  'clear',
-  'clip',
-  'clip-path',
-  'color',
-  'column-count',
-  'column-fill',
-  'column-gap',
-  'column-rule',
-  'column-rule-color',
-  'column-rule-style',
-  'column-rule-width',
-  'column-span',
-  'column-width',
-  'columns',
-  'content',
-  'counter-increment',
-  'counter-reset',
-  'counter-set',
-  'cursor',
-  'direction',
-  'display',
-  'empty-cells',
-  'filter',
-  'flex',
-  'flex-basis',
-  'flex-direction',
-  'flex-flow',
-  'flex-grow',
-  'flex-shrink',
-  'flex-wrap',
-  'float',
-  'font',
-  '@font-face',
-  'font-family',
-  'font-feature-settings',
-  '@font-feature-values',
-  'font-kerning',
-  'font-language-override',
-  'font-size',
-  'font-size-adjust',
-  'font-stretch',
-  'font-style',
-  'font-synthesis',
-  'font-variant',
-  'font-variant-alternates',
-  'font-variant-caps',
-  'font-variant-east-asian',
-  'font-variant-ligatures',
-  'font-variant-numeric',
-  'font-variant-position',
-  'font-weight',
-  'gap',
-  'grid',
-  'grid-area',
-  'grid-auto-columns',
-  'grid-auto-flow',
-  'grid-auto-rows',
-  'grid-column',
-  'grid-column-end',
-  'grid-column-gap',
-  'grid-column-start',
-  'grid-gap',
-  'grid-row',
-  'grid-row-end',
-  'grid-row-gap',
-  'grid-row-start',
-  'grid-template',
-  'grid-template-areas',
-  'grid-template-columns',
-  'grid-template-rows',
-  'hanging-punctuation',
-  'height',
-  'hyphens',
-  'hypenate-character',
-  'image-rendering',
-  '@import',
-  'inline-size',
-  'inset',
-  'inset-block',
-  'inset-block-end',
-  'inset-block-start',
-  'inset-inline',
-  'inset-inline-end',
-  'inset-inline-start',
-  'isolation',
-  'justify-content',
-  'justify-items',
-  'justify-self',
-  '@keyframes',
-  'left',
-  'letter-spacing',
-  'line-break',
-  'line-height',
-  'list-style',
-  'list-style-image',
-  'list-style-position',
-  'list-style-type',
-  'margin',
-  'shape-margin',
-  'margin-block',
-  'margin-block-end',
-  'margin-block-start',
-  'margin-bottom',
-  'margin-inline',
-  'margin-inline-end',
-  'margin-inline-start',
-  'margin-left',
-  'margin-right',
-  'margin-top',
-  'mask',
-  'mask-clip',
-  'mask-composite',
-  'mask-image',
-  'mask-mode',
-  'mask-origin',
-  'mask-position',
-  'mask-repeat',
-  'mask-size',
-  'mask-type',
-  'max-height',
-  'max-width',
-  '@media',
-  'max-block-size',
-  'max-inline-size',
-  'min-block-size',
-  'min-inline-size',
-  'min-height',
-  'min-width',
-  'mix-blend-mode',
-  'object-fit',
-  'object-position',
-  'offset',
-  'offset-anchor',
-  'offset-distance',
-  'offset-path',
-  'offset-rotate',
-  'opacity',
-  'order',
-  'orphans',
-  'outline',
-  'outline-color',
-  'outline-offset',
-  'outline-style',
-  'outline-width',
-  'overflow',
-  'overflow-anchor',
-  'overflow-wrap',
-  'overflow-x',
-  'overflow-y',
-  'overscroll-behavior',
-  'overscroll-behavior-block',
-  'overscroll-behavior-inline',
-  'overscroll-behavior-x',
-  'overscroll-behavior-y',
-  'padding',
-  'padding-block',
-  'padding-block-end',
-  'padding-block-start',
-  'padding-bottom',
-  'padding-inline',
-  'padding-inline-end',
-  'padding-inline-start',
-  'padding-left',
-  'padding-right',
-  'padding-top',
-  'page-break-after',
-  'page-break-before',
-  'page-break-inside',
-  'paint-order',
-  'perspective',
-  'perspective-origin',
-  'place-content',
-  'place-items',
-  'place-self',
-  'pointer-events',
-  'position',
-  'quotes',
-  'resize',
-  'right',
-  'rotate',
-  'row-gap',
-  'scale',
-  'scroll-behavior',
-  'scroll-margin',
-  'scroll-margin-block',
-  'scroll-margin-block-end',
-  'scroll-margin-block-start',
-  'scroll-margin-bottom',
-  'scroll-margin-inline',
-  'scroll-margin-inline-end',
-  'scroll-margin-inline-start',
-  'scroll-margin-left',
-  'scroll-margin-right',
-  'scroll-margin-top',
-  'scroll-padding',
-  'scroll-padding-block',
-  'scroll-padding-block-end',
-  'scroll-padding-block-start',
-  'scroll-padding-bottom',
-  'scroll-padding-inline',
-  'scroll-padding-inline-end',
-  'scroll-padding-inline-start',
-  'scroll-padding-left',
-  'scroll-padding-right',
-  'scroll-padding-top',
-  'scroll-snap-align',
-  'scroll-snap-stop',
-  'scroll-snap-type',
-  'scrollbar-color',
-  'tab-size',
-  'table-layout',
-  'text-align',
-  'text-align-last',
-  'text-combine-upright',
-  'text-decoration',
-  'text-decoration-color',
-  'text-decoration-line',
-  'text-decoration-style',
-  'text-decoration-thickness',
-  'text-emphasis',
-  'text-emphasis-color',
-  'text-emphasis-position',
-  'text-emphasis-style',
-  'text-indent',
-  'text-justify',
-  'text-orientation',
-  'text-overflow',
-  'text-shadow',
-  'text-transform',
-  'text-underline-offset',
-  'text-underline-position',
-  'top',
-  'transform',
-  'transform-origin',
-  'transform-style',
-  'transition',
-  'transition-delay',
-  'transition-duration',
-  'transition-property',
-  'transition-timing-function',
-  'translate',
-  'unicode-bidi',
-  'user-select',
-  'vertical-align',
-  'visibility',
-  'white-space',
-  'widows',
-  'width',
-  'word-break',
-  'word-spacing',
-  'word-wrap',
-  'writing-mode',
-  'z-index',
-];

package/src/utils/caniemail/ast/__snapshots__/get-object-variables.spec.ts.snap

@@ -1,74 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`getObjectVariables() 1`] = `
-{
-  "buttonStyle": [
-    Node {
-      "computed": false,
-      "end": 91,
-      "key": Node {
-        "end": 84,
-        "loc": SourceLocation {
-          "end": Position {
-            "column": 14,
-            "index": 84,
-            "line": 5,
-          },
-          "filename": undefined,
-          "identifierName": "borderRadius",
-          "start": Position {
-            "column": 2,
-            "index": 72,
-            "line": 5,
-          },
-        },
-        "name": "borderRadius",
-        "start": 72,
-        "type": "Identifier",
-      },
-      "loc": SourceLocation {
-        "end": Position {
-          "column": 21,
-          "index": 91,
-          "line": 5,
-        },
-        "filename": undefined,
-        "identifierName": undefined,
-        "start": Position {
-          "column": 2,
-          "index": 72,
-          "line": 5,
-        },
-      },
-      "method": false,
-      "shorthand": false,
-      "start": 72,
-      "type": "ObjectProperty",
-      "value": Node {
-        "end": 91,
-        "extra": {
-          "raw": "'5px'",
-          "rawValue": "5px",
-        },
-        "loc": SourceLocation {
-          "end": Position {
-            "column": 21,
-            "index": 91,
-            "line": 5,
-          },
-          "filename": undefined,
-          "identifierName": undefined,
-          "start": Position {
-            "column": 16,
-            "index": 86,
-            "line": 5,
-          },
-        },
-        "start": 86,
-        "type": "StringLiteral",
-        "value": "5px",
-      },
-    },
-  ],
-}
-`;