ENG-6054: Add missing auto scroll preview image (#1400)

carlosabadia · web-flow · commit c47534a1d2a0 · 2025-05-30T15:30:42.000-07:00
diff --git a/assets/components_previews/dynamic-rendering/dark/auto_scroll.svg b/assets/components_previews/dynamic-rendering/dark/auto_scroll.svg
@@ -0,0 +1,39 @@
+<svg width="320" height="232" viewBox="0 0 320 232" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_10060_19590)">
+<g clip-path="url(#clip0_10060_19590)">
+<rect x="52" y="62" width="216" height="108" rx="12" fill="#0E0F10"/>
+<rect x="84" y="91" width="80" height="10" rx="5" fill="#2F1C78"/>
+<rect x="84" y="111" width="128" height="10" rx="5" fill="#2F1C78"/>
+<rect x="84" y="131" width="96" height="10" rx="5" fill="#2F1C78"/>
+<rect x="84" y="151" width="72" height="10" rx="5" fill="#2F1C78"/>
+<rect width="216" height="64" transform="translate(52 106)" fill="url(#paint0_linear_10060_19590)"/>
+<rect x="246" y="78" width="6" height="76" rx="3" fill="#261958"/>
+<rect x="246" y="78" width="6" height="27" rx="3" fill="#4329AC"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_10060_19590" x="32" y="54" width="256" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="12"/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10060_19590"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_10060_19590" result="effect2_dropShadow_10060_19590"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_10060_19590" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_10060_19590" x1="108" y1="0" x2="108" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0E0F10" stop-opacity="0"/>
+<stop offset="0.8" stop-color="#0E0F10"/>
+</linearGradient>
+<clipPath id="clip0_10060_19590">
+<rect x="52" y="62" width="216" height="108" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/components_previews/dynamic-rendering/light/auto_scroll.svg b/assets/components_previews/dynamic-rendering/light/auto_scroll.svg
@@ -0,0 +1,39 @@
+<svg width="320" height="232" viewBox="0 0 320 232" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_dd_10060_19590)">
+<g clip-path="url(#clip0_10060_19590)">
+<rect x="52" y="62" width="216" height="108" rx="12" fill="white"/>
+<rect x="84" y="91" width="80" height="10" rx="5" fill="#EBE4FF"/>
+<rect x="84" y="111" width="128" height="10" rx="5" fill="#EBE4FF"/>
+<rect x="84" y="131" width="96" height="10" rx="5" fill="#EBE4FF"/>
+<rect x="84" y="151" width="72" height="10" rx="5" fill="#EBE4FF"/>
+<rect width="216" height="64" transform="translate(52 106)" fill="url(#paint0_linear_10060_19590)"/>
+<rect x="246" y="78" width="6" height="76" rx="3" fill="#F4F0FE"/>
+<rect x="246" y="78" width="6" height="27" rx="3" fill="#D4CAFE"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_10060_19590" x="32" y="54" width="256" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="12"/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10060_19590"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_10060_19590" result="effect2_dropShadow_10060_19590"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_10060_19590" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_10060_19590" x1="108" y1="0" x2="108" y2="64" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="0.8" stop-color="white"/>
+</linearGradient>
+<clipPath id="clip0_10060_19590">
+<rect x="52" y="62" width="216" height="108" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
