@wix/design-system-illustrations 2.29.0 → 2.30.0

package/src/StoreStreched.svg

@@ -1,29 +1,46 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1164_9125)">
+<g clip-path="url(#clip0_1594_18841)">
 <rect x="14" y="14" width="44" height="44" rx="3" fill="#002291"/>
-<g filter="url(#filter0_f_1164_9125)">
-<rect x="14" width="58" height="58" fill="url(#paint0_linear_1164_9125)"/>
+<g filter="url(#filter0_f_1594_18841)">
+<rect x="-15" y="-24" width="98" height="98" fill="url(#paint0_linear_1594_18841)"/>
 </g>
-<rect x="14" y="36" width="44" height="22" fill="#002296"/>
-<rect x="19" y="43" width="18" height="1" fill="#B8C4FF"/>
-<rect x="19" y="51" width="8" height="1" fill="#B8C4FF"/>
-<rect x="19" y="47" width="18" height="1" fill="#B8C4FF"/>
+<g clip-path="url(#clip1_1594_18841)">
+<g filter="url(#filter1_f_1594_18841)">
+<rect x="5" y="-20" width="75" height="62" fill="url(#paint1_linear_1594_18841)"/>
 </g>
-<path d="M59 35V37L13 37V35L59 35Z" fill="#F8F6F6"/>
-<path d="M28 37L26 37L26 13L28 13L28 37Z" fill="#F8F6F6"/>
+</g>
+<path d="M19 43H37V44H19V43Z" fill="#002291"/>
+<path d="M19 51H27V52H19V51Z" fill="#002291"/>
+<path d="M19 47H37V48H19V47Z" fill="#002291"/>
+</g>
+<path d="M59 35V37H13V35H59Z" fill="#F8F6F6"/>
+<path d="M28 37H26L26 13L28 13L28 37Z" fill="#F8F6F6"/>
 <defs>
-<filter id="filter0_f_1164_9125" x="2" y="-12" width="82" height="82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_1594_18841" x="-27" y="-36" width="122" height="122" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1594_18841"/>
+</filter>
+<filter id="filter1_f_1594_18841" x="-7" y="-32" width="99" height="86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9125"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1594_18841"/>
 </filter>
-<linearGradient id="paint0_linear_1164_9125" x1="63.7741" y1="5.20606" x2="14.1603" y2="68.5156" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1594_18841" x1="69.1011" y1="-15.2036" x2="-14.7291" y2="91.7677" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
-<clipPath id="clip0_1164_9125">
+<linearGradient id="paint1_linear_1594_18841" x1="69.3631" y1="-14.4349" x2="19.5155" y2="62.5101" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1594_18841">
 <rect x="14" y="14" width="44" height="44" rx="3" fill="white"/>
 </clipPath>
+<clipPath id="clip1_1594_18841">
+<rect width="74" height="45" fill="white" transform="translate(5 -10)"/>
+</clipPath>
 </defs>
 </svg>

package/src/StoreStunning.svg

@@ -1,46 +1,46 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1164_8270)">
+<g clip-path="url(#clip0_1574_16482)">
 <rect x="16.5" y="18.5" width="39" height="22" rx="3" fill="#002296"/>
-<path d="M27.903 23.9766L19.8473 36.7311L34.4241 35.1234L27.903 23.9766Z" fill="url(#paint0_linear_1164_8270)"/>
-<path d="M39.5 27.2095C39.5 27.2095 31.4484 24.1074 30.8918 23.8726C30.3353 23.6378 26.882 22.5515 27.903 25.6837C28.9175 28.7963 29.4733 29.9933 29.6944 30.5248C29.9155 31.0563 30.8156 33.2219 28.551 34.0211C25.984 34.9264 15.5 38.0329 15.5 38.0329V41.695H39.5V27.2095Z" fill="url(#paint1_linear_1164_8270)"/>
-<g clip-path="url(#clip1_1164_8270)">
+<path d="M27.903 23.9766L19.8473 36.7311L34.4241 35.1234L27.903 23.9766Z" fill="url(#paint0_linear_1574_16482)"/>
+<path d="M39.5 27.2095C39.5 27.2095 31.4484 24.1074 30.8918 23.8726C30.3353 23.6378 26.882 22.5515 27.903 25.6837C28.9175 28.7963 29.4733 29.9933 29.6944 30.5248C29.9155 31.0563 30.8156 33.2219 28.551 34.0211C25.984 34.9264 15.5 38.0329 15.5 38.0329V41.695H39.5V27.2095Z" fill="url(#paint1_linear_1574_16482)"/>
+<g clip-path="url(#clip1_1574_16482)">
 <rect x="18.5" y="20.5" width="5" height="5" rx="2.5" fill="#002291"/>
-<g filter="url(#filter0_f_1164_8270)">
-<path d="M22.1822 16.5842C21.942 16.632 21.7048 16.6982 21.4738 16.783C20.5252 17.1342 19.6843 17.8028 19.1299 18.7441C17.8625 20.8933 18.5678 23.6463 20.7054 24.8926C22.8429 26.139 25.6026 25.4056 26.87 23.2565C28.1374 21.1059 27.4321 18.3528 25.2961 17.108C24.3198 16.538 23.2156 16.3824 22.1822 16.5842Z" fill="url(#paint2_linear_1164_8270)"/>
+<g filter="url(#filter0_f_1574_16482)">
+<path d="M22.1822 16.5842C21.942 16.632 21.7048 16.6982 21.4738 16.783C20.5252 17.1342 19.6843 17.8028 19.1299 18.7441C17.8625 20.8933 18.5678 23.6463 20.7054 24.8926C22.8429 26.139 25.6026 25.4056 26.87 23.2565C28.1374 21.1059 27.4321 18.3528 25.2961 17.108C24.3198 16.538 23.2156 16.3824 22.1822 16.5842Z" fill="url(#paint2_linear_1574_16482)"/>
 </g>
 </g>
 </g>
 <rect x="36.5" y="21.5" width="16" height="16" rx="2" fill="#B8C4FF"/>
 <path d="M48.5 26.5V27.5H40.5V26.5H48.5Z" fill="#002291"/>
 <path d="M48.5 29.5V30.5H40.5V29.5H48.5Z" fill="#002291"/>
-<path d="M49.5 44.5V45.5H19.5V44.5H49.5Z" fill="#002296"/>
-<path d="M49.5 48.5V49.5H19.5V48.5H49.5Z" fill="#002296"/>
-<path d="M49.5 52.5V53.5H19.5V52.5H49.5Z" fill="#002296"/>
+<path d="M54.5 44.5V45.5H17.5V44.5H54.5Z" fill="#002296"/>
+<path d="M54.5 48.5V49.5H17.5V48.5H54.5Z" fill="#002296"/>
+<path d="M54.5 52.5V53.5H17.5V52.5H54.5Z" fill="#002296"/>
 <defs>
-<filter id="filter0_f_1164_8270" x="16.333" y="14.333" width="13.3339" height="13.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_1574_16482" x="16.333" y="14.333" width="13.3339" height="13.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1164_8270"/>
+<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1574_16482"/>
 </filter>
-<linearGradient id="paint0_linear_1164_8270" x1="23.4304" y1="28.5065" x2="39.3957" y2="39.6717" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1574_16482" x1="23.4304" y1="28.5065" x2="39.3957" y2="39.6717" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.711052" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1164_8270" x1="20.9261" y1="29.7609" x2="39.5" y2="39.8826" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_1574_16482" x1="20.9261" y1="29.7609" x2="39.5" y2="39.8826" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.5" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint2_linear_1164_8270" x1="26.2236" y1="17.3078" x2="18.5249" y2="27.1317" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_1574_16482" x1="26.2236" y1="17.3078" x2="18.5249" y2="27.1317" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
-<clipPath id="clip0_1164_8270">
+<clipPath id="clip0_1574_16482">
 <rect x="16.5" y="18.5" width="39" height="22" rx="3" fill="white"/>
 </clipPath>
-<clipPath id="clip1_1164_8270">
+<clipPath id="clip1_1574_16482">
 <rect x="18.5" y="20.5" width="5" height="5" rx="2.5" fill="white"/>
 </clipPath>
 </defs>

package/src/StoreSwapImage.svg

@@ -1,80 +1,80 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="26" y="16" width="30" height="30" rx="3" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g>
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="26" y="16" width="30" height="30" rx="3" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/>
 <path d="M52.5 52.5V48H53.5V52.5C53.5 54.433 51.933 56 50 56H48V55H50C51.3807 55 52.5 53.8807 52.5 52.5Z" fill="#002296"/>
 <g opacity="0.5">
-<g clip-path="url(#clip0_1164_8733)">
+<g clip-path="url(#clip0_1574_17429)">
 <rect x="26" y="16" width="30" height="30" rx="3" fill="#002296"/>
-<path d="M41.5037 24.0938L31.4341 40.0369L49.6551 38.0273L41.5037 24.0938Z" fill="url(#paint0_linear_1164_8733)"/>
-<path d="M56 28.1369C56 28.1369 45.9355 24.2593 45.2398 23.9658C44.5441 23.6723 40.2276 22.3143 41.5037 26.2296C42.7719 30.1204 43.4667 31.6166 43.743 32.281C44.0193 32.9454 45.1444 35.6524 42.3137 36.6513C39.105 37.783 26 41.6662 26 41.6662V46.2437H56V28.1369Z" fill="url(#paint1_linear_1164_8733)"/>
-<g clip-path="url(#clip1_1164_8733)">
+<path d="M41.5037 24.0938L31.4341 40.0369L49.6551 38.0273L41.5037 24.0938Z" fill="url(#paint0_linear_1574_17429)"/>
+<path d="M56 28.1369C56 28.1369 45.9355 24.2593 45.2398 23.9658C44.5441 23.6723 40.2276 22.3143 41.5037 26.2296C42.7719 30.1204 43.4667 31.6166 43.743 32.281C44.0193 32.9454 45.1444 35.6524 42.3137 36.6513C39.105 37.783 26 41.6662 26 41.6662V46.2437H56V28.1369Z" fill="url(#paint1_linear_1574_17429)"/>
+<g clip-path="url(#clip1_1574_17429)">
 <rect x="29" y="19" width="8" height="8" rx="4" fill="#002291"/>
-<g filter="url(#filter0_f_1164_8733)">
-<path d="M33.9096 15.1123C33.5893 15.176 33.2731 15.2643 32.9651 15.3773C31.7002 15.8456 30.5791 16.7371 29.8399 17.9922C28.15 20.8577 29.0904 24.5284 31.9405 26.1902C34.7905 27.8519 38.4701 26.8742 40.16 24.0087C41.8499 21.1411 40.9095 17.4704 38.0615 15.8107C36.7597 15.0507 35.2874 14.8432 33.9096 15.1123Z" fill="url(#paint2_linear_1164_8733)"/>
+<g filter="url(#filter0_f_1574_17429)">
+<path d="M33.9096 15.1123C33.5893 15.176 33.2731 15.2643 32.9651 15.3773C31.7002 15.8456 30.5791 16.7371 29.8399 17.9922C28.15 20.8577 29.0904 24.5284 31.9405 26.1902C34.7905 27.8519 38.4701 26.8742 40.16 24.0087C41.8499 21.1411 40.9095 17.4704 38.0615 15.8107C36.7597 15.0507 35.2874 14.8432 33.9096 15.1123Z" fill="url(#paint2_linear_1574_17429)"/>
 </g>
 </g>
 </g>
 </g>
-<g clip-path="url(#clip2_1164_8733)">
+<g clip-path="url(#clip2_1574_17429)">
 <rect x="16" y="26" width="30" height="30" rx="3" fill="#002296"/>
-<path d="M31.5037 34.0938L21.4341 50.0369L39.6551 48.0273L31.5037 34.0938Z" fill="url(#paint3_linear_1164_8733)"/>
-<path d="M46 38.1369C46 38.1369 35.9355 34.2593 35.2398 33.9658C34.5441 33.6723 30.2276 32.3143 31.5037 36.2296C32.7719 40.1204 33.4667 41.6166 33.743 42.281C34.0193 42.9454 35.1444 45.6524 32.3137 46.6513C29.105 47.783 16 51.6662 16 51.6662V56.2437H46V38.1369Z" fill="url(#paint4_linear_1164_8733)"/>
-<g clip-path="url(#clip3_1164_8733)">
+<path d="M31.5037 34.0938L21.4341 50.0369L39.6551 48.0273L31.5037 34.0938Z" fill="url(#paint3_linear_1574_17429)"/>
+<path d="M46 38.1369C46 38.1369 35.9355 34.2593 35.2398 33.9658C34.5441 33.6723 30.2276 32.3143 31.5037 36.2296C32.7719 40.1204 33.4667 41.6166 33.743 42.281C34.0193 42.9454 35.1444 45.6524 32.3137 46.6513C29.105 47.783 16 51.6662 16 51.6662V56.2437H46V38.1369Z" fill="url(#paint4_linear_1574_17429)"/>
+<g clip-path="url(#clip3_1574_17429)">
 <rect x="19" y="29" width="8" height="8" rx="4" fill="#002291"/>
-<g filter="url(#filter1_f_1164_8733)">
-<path d="M23.9096 25.1123C23.5893 25.176 23.2731 25.2643 22.9651 25.3773C21.7002 25.8456 20.5791 26.7371 19.8399 27.9922C18.15 30.8577 19.0904 34.5284 21.9405 36.1902C24.7905 37.8519 28.4701 36.8742 30.16 34.0087C31.8499 31.1411 30.9095 27.4704 28.0615 25.8107C26.7597 25.0507 25.2874 24.8432 23.9096 25.1123Z" fill="url(#paint5_linear_1164_8733)"/>
+<g filter="url(#filter1_f_1574_17429)">
+<path d="M23.9096 25.1123C23.5893 25.176 23.2731 25.2643 22.9651 25.3773C21.7002 25.8456 20.5791 26.7371 19.8399 27.9922C18.15 30.8577 19.0904 34.5284 21.9405 36.1902C24.7905 37.8519 28.4701 36.8742 30.16 34.0087C31.8499 31.1411 30.9095 27.4704 28.0615 25.8107C26.7597 25.0507 25.2874 24.8432 23.9096 25.1123Z" fill="url(#paint5_linear_1574_17429)"/>
 </g>
 </g>
 </g>
 <defs>
-<filter id="filter0_f_1164_8733" x="26.833" y="12.833" width="16.3339" height="16.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_1574_17429" x="26.833" y="12.833" width="16.3339" height="16.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1164_8733"/>
+<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1574_17429"/>
 </filter>
-<filter id="filter1_f_1164_8733" x="16.833" y="22.833" width="16.3339" height="16.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_f_1574_17429" x="16.833" y="22.833" width="16.3339" height="16.3339" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1164_8733"/>
+<feGaussianBlur stdDeviation="1.08348" result="effect1_foregroundBlur_1574_17429"/>
 </filter>
-<linearGradient id="paint0_linear_1164_8733" x1="35.913" y1="29.7561" x2="55.8695" y2="43.7127" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1574_17429" x1="35.913" y1="29.7561" x2="55.8695" y2="43.7127" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.711052" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint1_linear_1164_8733" x1="32.7826" y1="31.3261" x2="56" y2="43.9783" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_1574_17429" x1="32.7826" y1="31.3261" x2="56" y2="43.9783" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.5" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint2_linear_1164_8733" x1="39.2981" y1="16.0771" x2="29.0332" y2="29.1756" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint2_linear_1574_17429" x1="39.2981" y1="16.0771" x2="29.0332" y2="29.1756" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint3_linear_1164_8733" x1="25.913" y1="39.7561" x2="45.8695" y2="53.7127" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint3_linear_1574_17429" x1="25.913" y1="39.7561" x2="45.8695" y2="53.7127" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.711052" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint4_linear_1164_8733" x1="22.7826" y1="41.3261" x2="46" y2="53.9783" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint4_linear_1574_17429" x1="22.7826" y1="41.3261" x2="46" y2="53.9783" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D5DFFF"/>
 <stop offset="0.5" stop-color="#7896FF"/>
 <stop offset="1" stop-color="#002291"/>
 </linearGradient>
-<linearGradient id="paint5_linear_1164_8733" x1="29.2981" y1="26.0771" x2="19.0332" y2="39.1756" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint5_linear_1574_17429" x1="29.2981" y1="26.0771" x2="19.0332" y2="39.1756" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
-<clipPath id="clip0_1164_8733">
+<clipPath id="clip0_1574_17429">
 <rect x="26" y="16" width="30" height="30" rx="3" fill="white"/>
 </clipPath>
-<clipPath id="clip1_1164_8733">
+<clipPath id="clip1_1574_17429">
 <rect x="29" y="19" width="8" height="8" rx="4" fill="white"/>
 </clipPath>
-<clipPath id="clip2_1164_8733">
+<clipPath id="clip2_1574_17429">
 <rect x="16" y="26" width="30" height="30" rx="3" fill="white"/>
 </clipPath>
-<clipPath id="clip3_1164_8733">
+<clipPath id="clip3_1574_17429">
 <rect x="19" y="29" width="8" height="8" rx="4" fill="white"/>
 </clipPath>
 </defs>

package/src/StoreTrim.svg

@@ -1,29 +1,35 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="21" y="25" width="30" height="1" fill="#002296"/>
-<rect x="21" y="29" width="30" height="1" fill="#002296"/>
-<rect x="21" y="33" width="30" height="1" fill="#002296"/>
-<rect x="21" y="37" width="21" height="1" fill="#002296"/>
-<rect x="44" y="37" width="1" height="1" fill="#002296"/>
-<rect x="47" y="37" width="1" height="1" fill="#002296"/>
-<rect x="50" y="37" width="1" height="1" fill="#002296"/>
-<g clip-path="url(#clip0_1164_9144)">
+<path d="M21 25H51V26H21V25Z" fill="#002296"/>
+<path d="M21 29H51V30H21V29Z" fill="#002296"/>
+<path d="M21 33H51V34H21V33Z" fill="#002296"/>
+<path d="M21 37H42V38H21V37Z" fill="#002296"/>
+<path d="M44 37H45V38H44V37Z" fill="#002296"/>
+<path d="M47 37H48V38H47V37Z" fill="#002296"/>
+<path d="M50 37H51V38H50V37Z" fill="#002296"/>
+<g clip-path="url(#clip0_1594_18909)">
 <rect x="21" y="41" width="14" height="5" rx="2.5" fill="#002296"/>
-<g filter="url(#filter0_f_1164_9144)">
-<rect x="21" width="51" height="46" fill="url(#paint0_linear_1164_9144)"/>
+<g filter="url(#filter0_f_1594_18909)">
+<rect x="14" y="4" width="51" height="46" fill="url(#paint0_linear_1594_18909)"/>
+<rect x="14" y="4" width="51" height="46" fill="url(#paint1_linear_1594_18909)"/>
 </g>
 </g>
 <defs>
-<filter id="filter0_f_1164_9144" x="9" y="-12" width="75" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_1594_18909" x="8" y="-2" width="63" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9144"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1594_18909"/>
 </filter>
-<linearGradient id="paint0_linear_1164_9144" x1="64.7669" y1="4.12894" x2="26.5655" y2="58.1742" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1594_18909" x1="57.7669" y1="8.12894" x2="19.5655" y2="62.1742" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
 <stop offset="0.85" stop-color="#002291"/>
 </linearGradient>
-<clipPath id="clip0_1164_9144">
+<linearGradient id="paint1_linear_1594_18909" x1="57.7669" y1="8.12894" x2="19.5655" y2="62.1742" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAEFF1"/>
+<stop offset="0.5" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002296"/>
+</linearGradient>
+<clipPath id="clip0_1594_18909">
 <rect x="21" y="41" width="14" height="5" rx="2.5" fill="white"/>
 </clipPath>
 </defs>

package/src/StoreWrap.svg

@@ -1,29 +1,27 @@
 <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.5">
-<g clip-path="url(#clip0_1164_8622)">
+<g clip-path="url(#clip0_1574_17189)">
 <rect x="15" y="43" width="14" height="42" rx="3" transform="rotate(-90 15 43)" fill="#002291"/>
-<g filter="url(#filter0_f_1164_8622)">
-<rect x="14.999" y="0.0625" width="57.001" height="42.8574" transform="rotate(-0.0592402 14.999 0.0625)" fill="url(#paint0_linear_1164_8622)"/>
+<g filter="url(#filter0_f_1574_17189)">
+<rect x="14.999" y="0.0625" width="57.001" height="42.8574" transform="rotate(-0.0592402 14.999 0.0625)" fill="url(#paint0_linear_1574_17189)"/>
 </g>
 </g>
-</g>
-<rect x="18" y="33" width="10" height="2" fill="#002296"/>
-<rect x="18" y="37" width="10" height="2" fill="#002296"/>
-<rect x="31" y="33" width="10" height="2" fill="#002296"/>
-<rect x="31" y="37" width="10" height="2" fill="#002296"/>
-<rect x="44" y="33" width="10" height="2" fill="#002296"/>
+<path d="M18 33H28V35H18V33Z" fill="#002291"/>
+<path d="M18 37H28V39H18V37Z" fill="#002291"/>
+<path d="M31 33H41V35H31V33Z" fill="#002291"/>
+<path d="M31 37H41V39H31V37Z" fill="#002291"/>
+<path d="M44 33H54V35H44V33Z" fill="#002291"/>
 <defs>
-<filter id="filter0_f_1164_8622" x="8.99902" y="-6" width="69.0453" height="54.9219" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_f_1574_17189" x="8.99902" y="-6" width="69.0453" height="54.9219" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1164_8622"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1574_17189"/>
 </filter>
-<linearGradient id="paint0_linear_1164_8622" x1="63.9158" y1="3.90936" x2="30.8896" y2="59.9603" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_1574_17189" x1="63.9158" y1="3.90936" x2="30.8896" y2="59.9603" gradientUnits="userSpaceOnUse">
 <stop offset="0.176006" stop-color="#EAEFF1"/>
 <stop offset="0.576923" stop-color="#B8C4FF"/>
-<stop offset="0.85" stop-color="#002291"/>
+<stop offset="0.85" stop-color="#B8C4FF"/>
 </linearGradient>
-<clipPath id="clip0_1164_8622">
+<clipPath id="clip0_1574_17189">
 <rect x="15" y="43" width="14" height="42" rx="3" transform="rotate(-90 15 43)" fill="white"/>
 </clipPath>
 </defs>

package/src/animated/HeaderScrollEffectDisappear.html

@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Animation</title>
+    <style>
+svg {
+  max-width: 100%;
+  height: auto;
+}
+
+:root {
+  --color-1: #F8F6F6;
+  --color-2: #D9D9D9;
+  --color-3: #2D2D2E;
+  --color-4: #B8C4FF;
+  --color-5: #002294;
+}
+
+.group-ms35x0sm-2c {
+  animation: group-ms35x0sm-2c-opacity 3375ms linear infinite both;
+}
+
+@keyframes group-ms35x0sm-2c-opacity {
+  0% {
+    opacity: 1;
+  }
+  18.518519% {
+    opacity: 1;
+  }
+  19.762963% {
+    opacity: 0;
+  }
+  82.716049% {
+    opacity: 0;
+  }
+  83.940741% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.import-ms35em94-29 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: import-ms35em94-29-transform 3375ms linear infinite both;
+}
+
+@keyframes import-ms35em94-29-transform {
+  0% {
+    transform: translate(23.123652px, 32.973559px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  100% {
+    transform: translate(23.123652px, 32.973559px);
+  }
+}
+
+.node-2 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: node-2-transform 3375ms linear infinite both;
+}
+
+@keyframes node-2-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.382716% {
+    transform: translate(0px, -57px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.765432% {
+    transform: translate(0px, 0px);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.node-27 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: node-27-transform 3375ms linear infinite both;
+}
+
+@keyframes node-27-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.382716% {
+    transform: translate(0px, 21px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.765432% {
+    transform: translate(0px, 0px);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+    </style>
+  </head>
+  <body>
+    <svg xmlns="http://www.w3.org/2000/svg" width="114" height="114" viewBox="0 0 114 114" fill="none">
+      <defs>
+        <linearGradient id="paint0_linear_25_3275" x1="77.5963" y1="-36.1769" x2="-47.9284" y2="63.4473" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint1_linear_25_3275" x1="42.1667" y1="22.1887" x2="54.9328" y2="33.3753" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint2_linear_25_3275" x1="33.0899" y1="9.64945" x2="57.8831" y2="36.4474" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint3_linear_25_3275" x1="44.4252" y1="12.8078" x2="36.7265" y2="22.6317" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint4_linear_25_3275" x1="61.8141" y1="-7.47193" x2="-5.23913" y2="82.9374" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint5_linear_25_3275" x1="72.4738" y1="5.75411" x2="16.4116" y2="74.7216" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint6_linear_25_3275" x1="95.268" y1="12.6636" x2="45.7679" y2="73.6539" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint7_linear_25_3275" x1="133.485" y1="-16.9103" x2="26.259" y2="144.793" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <linearGradient id="paint8_linear_25_3275" x1="62.8153" y1="67.1683" x2="39.9971" y2="107.413" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="0.780106" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_25_3275" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="1.85439" result="effect1_foregroundBlur_25_3275"/>
+    </filter>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_25_3275">
+    <rect width="64" height="105.132" rx="3" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_25_3275">
+    <rect width="64" height="101" rx="3" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_25_3275">
+    <rect x="33.7017" y="13" width="24" height="21" rx="3" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_25_3275">
+    <rect width="80" height="35" fill="white" transform="translate(22.7017 7)"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_25_3275">
+    <rect x="36.7017" y="16" width="5" height="5" rx="2.5" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_25_3275">
+    <rect x="-10.5" y="44" width="27" height="21" rx="2" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_25_3275">
+    <rect x="18.5" y="44" width="27" height="21" rx="2" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_25_3275">
+    <rect x="47.5" y="44" width="27" height="21" rx="2" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_25_3275">
+    <path d="M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z" fill="white"/>
+    </clipPath>
+        <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_25_3275">
+    <rect x="27.291" y="91.0879" width="9.43666" height="3.48371" rx="1.74185" fill="white"/>
+    </clipPath>
+        <mask id="am-node-1-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(23px, 33.000002px) scale(0.99, 0.99)" x="0" y="0" width="64" height="44" rx="4" fill="var(--color-2)" /></mask>
+      </defs>
+      <g>
+        <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z" fill="var(--color-3)" />
+        <path d="M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z" fill="var(--color-4)" />
+        <line class="node-27" x1="90" y1="42" x2="90" y2="48" fill="none" stroke="var(--color-5)" stroke-width="2" stroke-linecap="round" />
+      </g>
+      <g mask="url(#am-node-1-2)">
+        <g class="import-ms35em94-29">
+          <rect x="0" y="0" width="64" height="100.968" rx="3" fill="var(--color-1)" />
+          <g class="node-2" fill="none" clip-path="url(#clip0_25_3275)">
+            <g fill="none" opacity="0.5">
+              <g fill="none" clip-path="url(#clip1_25_3275)">
+                <rect x="0" y="0" width="64" height="101" rx="3" fill="var(--color-5)" />
+                <g fill="none" filter="url(#filter0_f_25_3275)">
+                  <rect x="-0.497559" y="-49.3096" width="91" height="146.31" fill="url(#paint0_linear_25_3275)" />
+                </g>
+              </g>
+            </g>
+            <g fill="none" clip-path="url(#clip2_25_3275)">
+              <g fill="none" clip-path="url(#clip3_25_3275)">
+                <rect x="22.7017" y="7" width="80" height="35" fill="var(--color-5)" />
+              </g>
+              <path d="M47.2859 17.4961L37.7598 31.3166L54.7497 29.0433L47.2859 17.4961Z" fill="url(#paint1_linear_25_3275)" />
+              <path d="M72.6897 25.6988C72.6897 25.6988 51.3439 17.6293 50.7069 17.386C50.07 17.1428 46.1175 16.0174 47.286 19.2621C48.4472 22.4865 49.0834 23.7265 49.3364 24.2771C49.5894 24.8278 50.6196 27.0712 48.0277 27.899C45.0895 28.8369 29.2441 33.2907 29.2441 33.2907V35.8486H72.6897V25.6988Z" fill="url(#paint2_linear_25_3275)" />
+              <g fill="none" clip-path="url(#clip4_25_3275)">
+                <rect x="36.7017" y="16" width="5" height="5" rx="2.5" fill="var(--color-5)" />
+                <g fill="none" filter="url(#filter1_f_25_3275)">
+                  <path d="M40.3839 12.0842C40.1436 12.132 39.9065 12.1982 39.6755 12.283C38.7268 12.6342 37.886 13.3028 37.3316 14.2441C36.0642 16.3933 36.7695 19.1463 38.907 20.3926C41.0445 21.639 43.8042 20.9056 45.0717 18.7565C46.3391 16.6059 45.6338 13.8528 43.4978 12.608C42.5214 12.038 41.4172 11.8824 40.3839 12.0842Z" fill="url(#paint3_linear_25_3275)" />
+                </g>
+              </g>
+            </g>
+            <rect x="6.70166" y="19" width="23" height="1" rx="0.5" fill="var(--color-5)" />
+            <rect x="6.70166" y="23" width="23" height="1" rx="0.5" fill="var(--color-5)" />
+            <rect x="6.70166" y="27" width="12" height="1" rx="0.5" fill="var(--color-5)" />
+            <g fill="none" clip-path="url(#clip5_25_3275)">
+              <rect x="-10.5" y="44" width="27" height="21" rx="2" fill="var(--color-5)" />
+              <g fill="none" filter="url(#filter2_f_25_3275)">
+                <rect x="-10.3105" y="-14.6113" width="84.0442" height="79.5391" fill="url(#paint4_linear_25_3275)" />
+              </g>
+            </g>
+            <g fill="none" clip-path="url(#clip6_25_3275)">
+              <rect x="18.5" y="44" width="27" height="21" rx="2" fill="var(--color-5)" />
+              <g fill="none" filter="url(#filter3_f_25_3275)">
+                <rect x="18.6895" y="-0.081055" width="62.6729" height="65.0088" fill="url(#paint5_linear_25_3275)" />
+              </g>
+            </g>
+            <g fill="none" clip-path="url(#clip7_25_3275)">
+              <rect x="47.5" y="44" width="27" height="21" rx="2" fill="var(--color-5)" />
+              <g fill="none" filter="url(#filter4_f_25_3275)">
+                <rect x="47.6895" y="7.50977" width="55.4416" height="57.418" fill="url(#paint6_linear_25_3275)" />
+              </g>
+            </g>
+            <g fill="none" opacity="0.5">
+              <g fill="none" clip-path="url(#clip8_25_3275)">
+                <path d="M0.0737305 76L63.9443 76V98C63.9443 99.6569 62.6012 101 60.9443 101L3.07373 101C1.41688 101 0.0737305 99.6569 0.0737305 98L0.0737305 76Z" fill="var(--color-5)" />
+                <g fill="none" filter="url(#filter5_f_25_3275)">
+                  <rect x="-0.524902" y="-28.7705" width="156.157" height="132.133" fill="url(#paint7_linear_25_3275)" />
+                </g>
+              </g>
+            </g>
+            <rect x="17.3608" y="82.4277" width="29.2968" height="0.995345" rx="0.497673" fill="var(--color-5)" />
+            <rect x="24.0193" y="86.4912" width="15.9801" height="0.995345" rx="0.497673" fill="var(--color-5)" />
+            <g fill="none" clip-path="url(#clip9_25_3275)">
+              <rect x="27.291" y="91.0879" width="9.43666" height="3.48371" rx="1.74185" fill="var(--color-5)" />
+              <g fill="none" filter="url(#filter6_f_25_3275)">
+                <path d="M27.0127 64.459H68.7322V94.6434H27.0127V64.459Z" fill="url(#paint8_linear_25_3275)" />
+              </g>
+            </g>
+          </g>
+          <g class="group-ms35x0sm-2c" opacity="0">
+            <rect x="0" y="0" width="64" height="6.93262" fill="var(--color-5)" />
+            <rect x="52" y="2.9668" width="6" height="1" rx="0.5" fill="var(--color-4)" />
+            <rect x="43" y="2.9668" width="6" height="1" rx="0.5" fill="var(--color-4)" />
+            <rect x="34" y="2.9668" width="6" height="1" rx="0.5" fill="var(--color-4)" />
+          </g>
+        </g>
+      </g>
+    </svg>
+  </body>
+</html>