@wix/design-system-illustrations 2.36.2 → 2.37.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/dist/cjs/Aspect3DSpinScroll.js +1 -1
  2. package/dist/cjs/BounceEntrance.js +1 -1
  3. package/dist/cjs/ButtonStyleFilledSharp.js +52 -0
  4. package/dist/cjs/ButtonStyleOutlinedSharp.js +51 -0
  5. package/dist/cjs/CloudsDivider.js +2 -2
  6. package/dist/cjs/ColorClick.js +3 -2
  7. package/dist/cjs/ColorHover.js +1 -0
  8. package/dist/cjs/DartScroll.js +3 -3
  9. package/dist/cjs/FadeBackSection.js +3 -3
  10. package/dist/cjs/FitToScreen2Rows.js +53 -0
  11. package/dist/cjs/FitToScreen3Rows.js +53 -0
  12. package/dist/cjs/FitToScreenBottom.js +53 -0
  13. package/dist/cjs/FitToScreenCenter.js +53 -0
  14. package/dist/cjs/FitToScreenTop.js +53 -0
  15. package/dist/cjs/Folder.js +53 -0
  16. package/dist/cjs/FolderDisabled.js +53 -0
  17. package/dist/cjs/FolderOutline.js +54 -0
  18. package/dist/cjs/LiquidDivider.js +1 -1
  19. package/dist/cjs/MembersAreaMediumSize.js +2 -2
  20. package/dist/cjs/MembersAreaSmallSize.js +1 -1
  21. package/dist/cjs/ObscureMouse.js +2 -2
  22. package/dist/cjs/PaintDivider.js +3 -3
  23. package/dist/cjs/ParallaxScroll.js +1 -1
  24. package/dist/cjs/ResizeMouse.js +1 -1
  25. package/dist/cjs/ShrinkScroll.js +1 -1
  26. package/dist/cjs/SlantScroll.js +60 -0
  27. package/dist/cjs/StoreAsDots.js +2 -2
  28. package/dist/cjs/StoreDropdown.js +1 -1
  29. package/dist/cjs/StoreRight.js +2 -2
  30. package/dist/cjs/TiltScroll.js +1 -1
  31. package/dist/cjs/Trash.js +55 -0
  32. package/dist/cjs/TwistHover.js +1 -1
  33. package/dist/cjs/index.js +36 -0
  34. package/dist/esm/Aspect3DSpinScroll.js +1 -1
  35. package/dist/esm/BounceEntrance.js +1 -1
  36. package/dist/esm/ButtonStyleFilledSharp.js +18 -0
  37. package/dist/esm/ButtonStyleOutlinedSharp.js +17 -0
  38. package/dist/esm/CloudsDivider.js +2 -2
  39. package/dist/esm/ColorClick.js +3 -2
  40. package/dist/esm/ColorHover.js +1 -0
  41. package/dist/esm/DartScroll.js +3 -3
  42. package/dist/esm/FadeBackSection.js +3 -3
  43. package/dist/esm/FitToScreen2Rows.js +19 -0
  44. package/dist/esm/FitToScreen3Rows.js +19 -0
  45. package/dist/esm/FitToScreenBottom.js +19 -0
  46. package/dist/esm/FitToScreenCenter.js +19 -0
  47. package/dist/esm/FitToScreenTop.js +19 -0
  48. package/dist/esm/Folder.js +19 -0
  49. package/dist/esm/FolderDisabled.js +19 -0
  50. package/dist/esm/FolderOutline.js +20 -0
  51. package/dist/esm/LiquidDivider.js +1 -1
  52. package/dist/esm/MembersAreaMediumSize.js +2 -2
  53. package/dist/esm/MembersAreaSmallSize.js +1 -1
  54. package/dist/esm/ObscureMouse.js +2 -2
  55. package/dist/esm/PaintDivider.js +3 -3
  56. package/dist/esm/ParallaxScroll.js +1 -1
  57. package/dist/esm/ResizeMouse.js +1 -1
  58. package/dist/esm/ShrinkScroll.js +1 -1
  59. package/dist/esm/SlantScroll.js +26 -0
  60. package/dist/esm/StoreAsDots.js +2 -2
  61. package/dist/esm/StoreDropdown.js +1 -1
  62. package/dist/esm/StoreRight.js +2 -2
  63. package/dist/esm/TiltScroll.js +1 -1
  64. package/dist/esm/Trash.js +21 -0
  65. package/dist/esm/TwistHover.js +1 -1
  66. package/dist/esm/index.js +24 -0
  67. package/dist/types/ButtonStyleFilledSharp.d.ts +5 -0
  68. package/dist/types/ButtonStyleOutlinedSharp.d.ts +5 -0
  69. package/dist/types/FitToScreen2Rows.d.ts +5 -0
  70. package/dist/types/FitToScreen3Rows.d.ts +5 -0
  71. package/dist/types/FitToScreenBottom.d.ts +5 -0
  72. package/dist/types/FitToScreenCenter.d.ts +5 -0
  73. package/dist/types/FitToScreenTop.d.ts +5 -0
  74. package/dist/types/Folder.d.ts +5 -0
  75. package/dist/types/FolderDisabled.d.ts +5 -0
  76. package/dist/types/FolderOutline.d.ts +5 -0
  77. package/dist/types/SlantScroll.d.ts +5 -0
  78. package/dist/types/Trash.d.ts +5 -0
  79. package/dist/types/index.d.ts +12 -0
  80. package/package.json +3 -3
  81. package/src/Aspect3DSection.svg +1 -1
  82. package/src/Aspect3DSpinScroll.svg +1 -1
  83. package/src/BounceEntrance.svg +1 -1
  84. package/src/BreathLoop.svg +1 -1
  85. package/src/ButtonStyleFilledSharp.svg +23 -0
  86. package/src/ButtonStyleOutlinedSharp.svg +3 -0
  87. package/src/CloudsDivider.svg +13 -13
  88. package/src/ColorClick.svg +3 -3
  89. package/src/ColorHover.svg +2 -2
  90. package/src/DartScroll.svg +1 -1
  91. package/src/DonutChart.svg +1 -1
  92. package/src/EventInfo.svg +2 -2
  93. package/src/ExpandClick.svg +1 -1
  94. package/src/ExpandScroll.svg +1 -1
  95. package/src/FadeBackSection.svg +10 -10
  96. package/src/FitToScreen2Rows.svg +76 -0
  97. package/src/FitToScreen3Rows.svg +204 -0
  98. package/src/FitToScreenBottom.svg +74 -0
  99. package/src/FitToScreenCenter.svg +74 -0
  100. package/src/FitToScreenTop.svg +74 -0
  101. package/src/Folder.svg +29 -0
  102. package/src/FolderDisabled.svg +29 -0
  103. package/src/FolderOutline.svg +19 -0
  104. package/src/JelloLoop.svg +1 -1
  105. package/src/LiquidDivider.svg +1 -1
  106. package/src/MembersAreaMediumSize.svg +2 -2
  107. package/src/MembersAreaSmallSize.svg +1 -1
  108. package/src/MoveClick.svg +1 -1
  109. package/src/ObscureMouse.svg +2 -2
  110. package/src/OnlineStoresLines.svg +1 -1
  111. package/src/PaintDivider.svg +10 -10
  112. package/src/ParallaxScroll.svg +1 -1
  113. package/src/PieChart.svg +1 -1
  114. package/src/PulseLoop.svg +1 -1
  115. package/src/ResizeMouse.svg +1 -1
  116. package/src/ScrollEffectsFadeOut.svg +1 -1
  117. package/src/ShrinkClick.svg +1 -1
  118. package/src/ShrinkScroll.svg +1 -1
  119. package/src/SkewHover.svg +1 -1
  120. package/src/SlantScroll.svg +68 -0
  121. package/src/StoreAsDots.svg +5 -5
  122. package/src/StoreDropdown.svg +1 -1
  123. package/src/StoreRight.svg +5 -5
  124. package/src/Swap.svg +1 -1
  125. package/src/TiltScroll.svg +1 -1
  126. package/src/Trash.svg +51 -0
  127. package/src/TwistHover.svg +1 -1
  128. package/src/WinkEntrance.svg +1 -1
package/src/ResizeMouse.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M19.0961 40.5237C19.4605 39.8925 20.3715 39.8925 20.736 40.5237L26.8856 51.1753C27.2501 51.8065 26.7945 52.5955 26.0657 52.5955H13.7663C13.0375 52.5955 12.582 51.8065 12.9464 51.1753L19.0961 40.5237Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M29.6172 28.4298C30.1886 27.4402 31.6171 27.4402 32.1884 28.4298L41.8304 45.1302C42.4018 46.1199 41.6875 47.3569 40.5448 47.3569H21.2609C20.1181 47.3569 19.4039 46.1199 19.9753 45.1302L29.6172 28.4298Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M42.3475 15.9219C43.1173 14.5885 45.0418 14.5885 45.8116 15.9219L58.802 38.4219C59.5718 39.7552 58.6096 41.4219 57.07 41.4219H31.0892C29.5496 41.4219 28.5874 39.7552 29.3572 38.4219L42.3475 15.9219Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M19.0959 40.5237C19.4604 39.8925 20.3714 39.8925 20.7358 40.5237L26.8855 51.1753C27.2499 51.8065 26.7944 52.5955 26.0656 52.5955H13.7662C13.0374 52.5955 12.5818 51.8065 12.9463 51.1753L19.0959 40.5237Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M29.6171 28.4298C30.1885 27.4402 31.6169 27.4402 32.1883 28.4298L41.8303 45.1302C42.4016 46.1199 41.6874 47.3569 40.5447 47.3569H21.2607C20.118 47.3569 19.4038 46.1199 19.9751 45.1302L29.6171 28.4298Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g><g opacity="0.25"><path d="M42.3474 15.9219C43.1172 14.5885 45.0417 14.5885 45.8115 15.9219L58.8019 38.4219C59.5717 39.7552 58.6095 41.4219 57.0698 41.4219H31.0891C29.5495 41.4219 28.5872 39.7552 29.357 38.4219L42.3474 15.9219Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <mask id="mask0_676_20787" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="12" y="40" width="16" height="13">
4
4
  <path d="M19.0956 40.5237C19.46 39.8925 20.3711 39.8925 20.7355 40.5237L26.8851 51.1753C27.2496 51.8065 26.794 52.5955 26.0652 52.5955H13.7659C13.037 52.5955 12.5815 51.8065 12.9459 51.1753L19.0956 40.5237Z" fill="#D9D9D9"/>
package/src/ScrollEffectsFadeOut.svg CHANGED
@@ -52,7 +52,7 @@
52
52
  <stop offset="0.576923" stop-color="#B8C4FF"/>
53
53
  <stop offset="0.85" stop-color="#002291"/>
54
54
  </linearGradient>
55
- <linearGradient id="paint1_linear_676_22198" x1="65.465" y1="59.1883" x2="78.231" y2="70.3748" gradientUnits="userSpaceOnUse">
55
+ <linearGradient id="paint1_linear_676_22198" x1="65.465" y1="59.1882" x2="78.231" y2="70.3748" gradientUnits="userSpaceOnUse">
56
56
  <stop stop-color="#EAEFF1"/>
57
57
  <stop offset="0.325264" stop-color="#B8C4FF"/>
58
58
  <stop offset="1" stop-color="#002291"/>
package/src/ShrinkClick.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="18" height="30" rx="9" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 50.9998 45.0547)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="18" height="30" rx="9" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 51 45.0547)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_19474)">
4
4
  <rect width="18" height="30" rx="9" transform="matrix(6.2438e-08 -1 -1 -6.2438e-08 51.0003 45.0547)" fill="#002291"/>
package/src/ShrinkScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M46.0947 29.0172C46.7135 29.3745 47.0947 30.0347 47.0947 30.7493L47.0947 41.2507C47.0947 41.9653 46.7135 42.6255 46.0947 42.9828L37.0001 48.2335C36.3813 48.5908 35.6189 48.5908 35.0001 48.2335L25.9055 42.9828C25.2867 42.6255 24.9055 41.9653 24.9055 41.2507L24.9055 30.7493C24.9055 30.0347 25.2867 29.3745 25.9055 29.0172L35.0001 23.7665C35.6189 23.4092 36.3813 23.4092 37.0001 23.7665L46.0947 29.0172Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M46.0945 29.0192C46.7133 29.3764 47.0945 30.0367 47.0945 30.7512L47.0945 41.2527C47.0945 41.9672 46.7133 42.6275 46.0945 42.9847L37 48.2355C36.3812 48.5928 35.6188 48.5928 35 48.2355L25.9054 42.9847C25.2866 42.6275 24.9054 41.9672 24.9054 41.2527L24.9054 30.7512C24.9054 30.0367 25.2866 29.3764 25.9054 29.0192L35 23.7684C35.6188 23.4111 36.3812 23.4111 37 23.7684L46.0945 29.0192Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M50.8916 19.3887L44.8916 25.3888L44.1845 24.6817L50.1845 18.6816L50.8916 19.3887Z" fill="url(#paint0_linear_676_19869)"/>
3
3
  <path d="M44.1846 25.3886C44.0798 25.2837 44.027 25.1378 44.0403 24.9901L44.3938 21.1011L45.3896 21.1908L45.0899 24.4833L48.3824 24.1836L48.4721 25.1794L44.583 25.5329L44.4733 25.5308C44.365 25.5167 44.2632 25.4672 44.1846 25.3886Z" fill="#002296"/>
4
4
  <path d="M20.3089 19.3887L26.3089 25.3888L27.016 24.6817L21.016 18.6816L20.3089 19.3887Z" fill="url(#paint1_linear_676_19869)"/>
package/src/SkewHover.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect width="30.2191" height="24.2961" rx="2" transform="matrix(1 0 0.424357 0.905495 15.7354 25)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><rect width="30.2191" height="24.2961" rx="2" transform="matrix(1 0 0.424357 0.905495 15.7352 25)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_19685)">
4
4
  <rect width="30.2191" height="24.2961" rx="2" transform="matrix(1 0 0.424357 0.905495 15.7354 25)" fill="#002291"/>
package/src/SlantScroll.svg ADDED
@@ -0,0 +1,68 @@
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><g mask="url(#wash_0_mask)"><path d="M37.8731 6.67969L62.949 21.1573V50.1125L37.8731 64.5901L12.7971 50.1125V21.1573L37.8731 6.67969Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_1_mask)"><path d="M42.6986 -2.3125L67.7746 12.1651V41.1203L42.6986 55.598L17.6227 41.1203V12.1651L42.6986 -2.3125Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g opacity="0.7"><g mask="url(#wash_2_mask)"><path d="M53.0168 -16.7578L82.4037 0.208679V34.1417L53.0168 51.1082L23.63 34.1417V0.208679L53.0168 -16.7578Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
2
+ <g opacity="0.25">
3
+ <mask id="mask0_1879_6548" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="30" width="24" height="26">
4
+ <path d="M27.1011 30.6711C27.7199 30.3138 28.4823 30.3138 29.1011 30.6711L38.3594 36.0164C38.9782 36.3737 39.3594 37.0339 39.3594 37.7485V48.4391C39.3594 49.1536 38.9782 49.8138 38.3594 50.1711L29.1011 55.5164C28.4823 55.8737 27.7199 55.8737 27.1011 55.5164L17.8427 50.1711C17.2239 49.8138 16.8427 49.1536 16.8427 48.439V37.7485C16.8427 37.0339 17.2239 36.3737 17.8427 36.0164L27.1011 30.6711Z" fill="#002291"/>
5
+ </mask>
6
+ <g mask="url(#mask0_1879_6548)">
7
+ <g filter="url(#filter0_f_1879_6548)">
8
+ <path d="M37.8637 6.64844L62.9397 21.1261V50.0813L37.8637 64.5589L12.7878 50.0813V21.1261L37.8637 6.64844Z" fill="url(#paint0_linear_1879_6548)"/>
9
+ </g>
10
+ </g>
11
+ </g>
12
+ <g opacity="0.5">
13
+ <mask id="mask1_1879_6548" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="21" width="24" height="26">
14
+ <path d="M31.9268 21.718C32.5456 21.3607 33.308 21.3607 33.9268 21.718L43.1851 27.0633C43.8039 27.4205 44.1851 28.0808 44.1851 28.7953V39.4859C44.1851 40.2005 43.8039 40.8607 43.1851 41.218L33.9268 46.5633C33.308 46.9205 32.5456 46.9205 31.9268 46.5633L22.6684 41.218C22.0496 40.8607 21.6684 40.2005 21.6684 39.4859V28.7953C21.6684 28.0808 22.0496 27.4205 22.6684 27.0633L31.9268 21.718Z" fill="#002291"/>
15
+ </mask>
16
+ <g mask="url(#mask1_1879_6548)">
17
+ <g filter="url(#filter1_f_1879_6548)">
18
+ <path d="M42.6894 -2.30469L67.7654 12.1729V41.1282L42.6894 55.6058L17.6135 41.1282V12.1729L42.6894 -2.30469Z" fill="url(#paint1_linear_1879_6548)"/>
19
+ </g>
20
+ </g>
21
+ </g>
22
+ <mask id="mask2_1879_6548" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="12" width="24" height="26">
23
+ <path d="M36.7534 12.7649C37.3722 12.4076 38.1346 12.4076 38.7534 12.7649L48.0117 18.1101C48.6305 18.4674 49.0117 19.1277 49.0117 19.8422V30.5328C49.0117 31.2473 48.6305 31.9076 48.0117 32.2649L38.7534 37.6101C38.1346 37.9674 37.3722 37.9674 36.7534 37.6101L27.495 32.2649C26.8762 31.9076 26.495 31.2473 26.495 30.5328V19.8422C26.495 19.1277 26.8762 18.4674 27.495 18.1101L36.7534 12.7649Z" fill="#002291"/>
24
+ </mask>
25
+ <g mask="url(#mask2_1879_6548)">
26
+ <g filter="url(#filter2_f_1879_6548)">
27
+ <path d="M53.0134 -16.75L82.4002 0.216492V34.1495L53.0134 51.116L23.6265 34.1495V0.216492L53.0134 -16.75Z" fill="url(#paint2_linear_1879_6548)"/>
28
+ </g>
29
+ </g>
30
+ <path d="M42.3101 55.8363L55.7786 34.7745L56.6211 35.3132L43.1526 56.375L42.3101 55.8363Z" fill="url(#paint3_linear_1879_6548)"/>
31
+ <path d="M56.4692 34.6161C56.5941 34.696 56.677 34.8272 56.6957 34.9743L57.1857 38.8485L56.1939 38.9747L55.7794 35.6947L52.6282 36.6945L52.3266 35.7413L56.049 34.5607L56.1567 34.5392C56.2655 34.5298 56.3755 34.5562 56.4692 34.6161Z" fill="#002296"/>
32
+ <defs>
33
+ <filter id="filter0_f_1879_6548" x="7.78778" y="1.64844" width="60.1519" height="67.9141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
34
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
35
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
36
+ <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1879_6548"/>
37
+ </filter>
38
+ <filter id="filter1_f_1879_6548" x="12.6135" y="-7.30469" width="60.1519" height="67.9141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
39
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
40
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
41
+ <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1879_6548"/>
42
+ </filter>
43
+ <filter id="filter2_f_1879_6548" x="18.6265" y="-21.75" width="68.7737" height="77.8672" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
44
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
45
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
46
+ <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1879_6548"/>
47
+ </filter>
48
+ <linearGradient id="paint0_linear_1879_6548" x1="58.6058" y1="11.8465" x2="19.0527" y2="63.4863" gradientUnits="userSpaceOnUse">
49
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
50
+ <stop offset="0.576923" stop-color="#B8C4FF"/>
51
+ <stop offset="0.85" stop-color="#002291"/>
52
+ </linearGradient>
53
+ <linearGradient id="paint1_linear_1879_6548" x1="63.4315" y1="2.89333" x2="23.8784" y2="54.5332" gradientUnits="userSpaceOnUse">
54
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
55
+ <stop offset="0.576923" stop-color="#B8C4FF"/>
56
+ <stop offset="0.85" stop-color="#002291"/>
57
+ </linearGradient>
58
+ <linearGradient id="paint2_linear_1879_6548" x1="77.3212" y1="-10.6584" x2="30.9685" y2="49.859" gradientUnits="userSpaceOnUse">
59
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
60
+ <stop offset="0.576923" stop-color="#B8C4FF"/>
61
+ <stop offset="0.85" stop-color="#002291"/>
62
+ </linearGradient>
63
+ <linearGradient id="paint3_linear_1879_6548" x1="42.7314" y1="56.1056" x2="56.1999" y2="35.0438" gradientUnits="userSpaceOnUse">
64
+ <stop offset="0.04" stop-color="#F8F6F6"/>
65
+ <stop offset="0.45" stop-color="#002296"/>
66
+ </linearGradient>
67
+ <mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="30" width="24" height="26"><path d="M27.1105 30.7024C27.7293 30.3451 28.4917 30.3451 29.1105 30.7024L38.3688 36.0476C38.9876 36.4049 39.3688 37.0652 39.3688 37.7797V48.4703C39.3688 49.1848 38.9876 49.8451 38.3688 50.2024L29.1105 55.5476C28.4917 55.9049 27.7293 55.9049 27.1105 55.5476L17.8521 50.2024C17.2333 49.8451 16.8521 49.1848 16.8521 48.4703V37.7797C16.8521 37.0652 17.2333 36.4049 17.8521 36.0476L27.1105 30.7024Z" fill="#002294"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="21" width="24" height="26"><path d="M31.936 21.7102C32.5548 21.3529 33.3172 21.3529 33.936 21.7102L43.1944 27.0555C43.8132 27.4127 44.1944 28.073 44.1944 28.7875V39.4781C44.1944 40.1926 43.8132 40.8529 43.1944 41.2102L33.936 46.5555C33.3172 46.9127 32.5548 46.9127 31.936 46.5555L22.6777 41.2102C22.0589 40.8529 21.6777 40.1926 21.6777 39.4781V28.7875C21.6777 28.073 22.0589 27.4127 22.6777 27.0555L31.936 21.7102Z" fill="#002294"/></mask><mask id="wash_2_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="12" width="24" height="26"><path d="M36.7568 12.757C37.3756 12.3998 38.138 12.3998 38.7568 12.757L48.0152 18.1023C48.634 18.4596 49.0152 19.1199 49.0152 19.8344V30.525C49.0152 31.2395 48.634 31.8998 48.0152 32.257L38.7568 37.6023C38.138 37.9596 37.3756 37.9596 36.7568 37.6023L27.4985 32.257C26.8797 31.8998 26.4985 31.2395 26.4985 30.525V19.8344C26.4985 19.1199 26.8797 18.4596 27.4985 18.1023L36.7568 12.757Z" fill="#002294"/></mask></defs>
68
+ </svg>
package/src/StoreAsDots.svg CHANGED
@@ -1,26 +1,26 @@
1
1
  <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g clip-path="url(#clip0_1164_8433)">
3
- <rect x="14.0227" y="58.0225" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0225)" fill="#002291"/>
3
+ <rect x="14.0227" y="58.0234" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0234)" fill="#002291"/>
4
4
  <g filter="url(#filter0_f_1164_8433)">
5
- <rect x="13.9999" y="-0.000976562" width="58" height="58" transform="rotate(-0.0592402 13.9999 -0.000976562)" fill="url(#paint0_linear_1164_8433)"/>
5
+ <rect x="13.9999" width="58" height="58" transform="rotate(-0.0592402 13.9999 0)" fill="url(#paint0_linear_1164_8433)"/>
6
6
  </g>
7
7
  <path d="M31 50.5C31 51.8807 29.8807 53 28.5 53C27.1193 53 26 51.8807 26 50.5C26 49.1193 27.1193 48 28.5 48C29.8807 48 31 49.1193 31 50.5Z" fill="#002291"/>
8
8
  <path d="M39 50.5C39 51.8807 37.8807 53 36.5 53C35.1193 53 34 51.8807 34 50.5C34 49.1193 35.1193 48 36.5 48C37.8807 48 39 49.1193 39 50.5Z" fill="#002291"/>
9
9
  <path d="M47 50.5C47 51.8807 45.8807 53 44.5 53C43.1193 53 42 51.8807 42 50.5C42 49.1193 43.1193 48 44.5 48C45.8807 48 47 49.1193 47 50.5Z" fill="#002291"/>
10
10
  </g>
11
11
  <defs>
12
- <filter id="filter0_f_1164_8433" x="1.99994" y="-12.0605" width="82.0599" height="82.0596" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
+ <filter id="filter0_f_1164_8433" x="1.99994" y="-12.0605" width="82.0599" height="82.0605" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13
13
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14
14
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
15
15
  <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_8433"/>
16
16
  </filter>
17
- <linearGradient id="paint0_linear_1164_8433" x1="63.7741" y1="5.20508" x2="14.1603" y2="68.5146" gradientUnits="userSpaceOnUse">
17
+ <linearGradient id="paint0_linear_1164_8433" x1="63.7741" y1="5.20606" x2="14.1603" y2="68.5156" gradientUnits="userSpaceOnUse">
18
18
  <stop offset="0.176006" stop-color="#EAEFF1"/>
19
19
  <stop offset="0.576923" stop-color="#B8C4FF"/>
20
20
  <stop offset="0.85" stop-color="#002291"/>
21
21
  </linearGradient>
22
22
  <clipPath id="clip0_1164_8433">
23
- <rect x="14.0227" y="58.0225" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0225)" fill="white"/>
23
+ <rect x="14.0227" y="58.0234" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0234)" fill="white"/>
24
24
  </clipPath>
25
25
  </defs>
26
26
  </svg>
package/src/StoreDropdown.svg CHANGED
@@ -8,7 +8,7 @@
8
8
  <path d="M26 28V29H14V28H26Z" fill="#002296"/>
9
9
  <path d="M52.5 39.5C52.3517 39.5 52.2112 39.4341 52.1162 39.3203L49.6162 36.3203L50.3838 35.6797L52.5 38.2197L54.6162 35.6797L55.3838 36.3203L52.8838 39.3203L52.8047 39.3965C52.7181 39.463 52.6112 39.5 52.5 39.5Z" fill="#002291"/>
10
10
  <defs>
11
- <filter id="filter0_f_1574_16821" x="7.99805" y="-5.90723" width="70.0442" height="54.8838" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11
+ <filter id="filter0_f_1574_16821" x="7.99805" y="-5.9082" width="70.0442" height="54.8848" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
12
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13
13
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14
14
  <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1574_16821"/>
package/src/StoreRight.svg CHANGED
@@ -1,26 +1,26 @@
1
1
  <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g clip-path="url(#clip0_1164_8418)">
3
- <rect x="14.0227" y="58.0225" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0225)" fill="#002291"/>
3
+ <rect x="14.0227" y="58.0234" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0234)" fill="#002291"/>
4
4
  <g filter="url(#filter0_f_1164_8418)">
5
- <rect x="13.9628" y="0.0224609" width="58" height="58" transform="rotate(-0.0592402 13.9628 0.0224609)" fill="url(#paint0_linear_1164_8418)"/>
5
+ <rect x="13.9628" y="0.0234375" width="58" height="58" transform="rotate(-0.0592402 13.9628 0.0234375)" fill="url(#paint0_linear_1164_8418)"/>
6
6
  </g>
7
7
  </g>
8
8
  <line x1="42.001" y1="28" x2="59.001" y2="28.0176" stroke="#F8F6F6" stroke-width="2"/>
9
9
  <line x1="42.001" y1="44" x2="59.001" y2="44.0176" stroke="#F8F6F6" stroke-width="2"/>
10
10
  <line x1="43.0475" y1="13.001" x2="43" y2="59.001" stroke="#F8F6F6" stroke-width="2"/>
11
11
  <defs>
12
- <filter id="filter0_f_1164_8418" x="1.96283" y="-12.0371" width="82.0599" height="82.0596" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
+ <filter id="filter0_f_1164_8418" x="1.96283" y="-12.0361" width="82.0599" height="82.0596" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13
13
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14
14
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
15
15
  <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_8418"/>
16
16
  </filter>
17
- <linearGradient id="paint0_linear_1164_8418" x1="63.737" y1="5.22852" x2="14.1232" y2="68.538" gradientUnits="userSpaceOnUse">
17
+ <linearGradient id="paint0_linear_1164_8418" x1="63.737" y1="5.22949" x2="14.1232" y2="68.539" gradientUnits="userSpaceOnUse">
18
18
  <stop offset="0.176006" stop-color="#EAEFF1"/>
19
19
  <stop offset="0.576923" stop-color="#B8C4FF"/>
20
20
  <stop offset="0.85" stop-color="#002291"/>
21
21
  </linearGradient>
22
22
  <clipPath id="clip0_1164_8418">
23
- <rect x="14.0227" y="58.0225" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0225)" fill="white"/>
23
+ <rect x="14.0227" y="58.0234" width="44" height="44" rx="3" transform="rotate(-90 14.0227 58.0234)" fill="white"/>
24
24
  </clipPath>
25
25
  </defs>
26
26
  </svg>
package/src/Swap.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_1_clippath)"><g mask="url(#wash_0_mask)"><rect width="41.7391" height="22.7368" transform="matrix(-1 0 0 1 40.2173 24.5781)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#wash_1_clippath)"><g mask="url(#wash_0_mask)"><rect width="41.7391" height="22.7368" transform="matrix(-1 0 0 1 40.2172 24.5781)" fill="var(--wds-illustration-color-opacity-50, #f8f6f500)"/></g></g>
2
2
  <g clip-path="url(#clip0_676_17528)">
3
3
  <g opacity="0.5">
4
4
  <mask id="mask0_676_17528" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="11" y="26" width="24" height="18">
package/src/TiltScroll.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M40.6908 24.2239C41.3977 24.1193 42.1066 24.3998 42.5506 24.9596L50.9718 35.5774C51.4158 36.1373 51.5274 36.8914 51.2646 37.5559L46.2799 50.1577C46.0171 50.8222 45.4197 51.2959 44.7129 51.4005L31.307 53.3846C30.6002 53.4892 29.8912 53.2088 29.4472 52.6489L21.026 42.0311C20.582 41.4713 20.4704 40.7171 20.7332 40.0526L25.718 27.4508C25.9808 26.7863 26.5781 26.3126 27.2849 26.208L40.6908 24.2239Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.25"><path d="M40.691 24.2239C41.3978 24.1193 42.1067 24.3998 42.5508 24.9596L50.9719 35.5774C51.4159 36.1373 51.5276 36.8914 51.2647 37.5559L46.28 50.1577C46.0172 50.8222 45.4198 51.2959 44.713 51.4005L31.3071 53.3846C30.6003 53.4892 29.8913 53.2088 29.4473 52.6489L21.0261 42.0311C20.5821 41.4713 20.4705 40.7171 20.7333 40.0526L25.7181 27.4508C25.9809 26.7863 26.5782 26.3126 27.2851 26.208L40.691 24.2239Z" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <path d="M22.7248 19.7236C20.1294 21.8454 18.5914 24.4345 17.703 26.4843C17.2583 27.5102 16.9748 28.4054 16.8017 29.0463C16.7152 29.3667 16.6558 29.624 16.6182 29.803C16.5994 29.8926 16.586 29.9635 16.5771 30.012C16.5727 30.036 16.5696 30.0547 16.5673 30.0679C16.5662 30.0745 16.5643 30.0797 16.5637 30.0835C16.5633 30.0854 16.5641 30.0872 16.5639 30.0884L16.5637 30.0897L16.563 30.0904L17.5506 30.2492L17.5507 30.2478C17.551 30.2459 17.5516 30.2422 17.5524 30.2376C17.554 30.2281 17.5567 30.2122 17.5605 30.1919C17.5679 30.1514 17.5799 30.09 17.5968 30.0096C17.6309 29.8474 17.6853 29.6079 17.7666 29.3069C17.9293 28.7046 18.1984 27.8563 18.6208 26.8818C19.4665 24.9306 20.9208 22.49 23.3577 20.4978C25.7913 18.5083 28.2708 17.7289 30.1399 17.4456C31.0751 17.3039 31.8569 17.2873 32.4012 17.3048C32.673 17.3136 32.8852 17.3306 33.0273 17.3455C33.0984 17.3529 33.1526 17.3602 33.1871 17.365C33.2041 17.3673 33.2165 17.3689 33.224 17.3701C33.2278 17.3707 33.2309 17.3707 33.2323 17.3709L33.3151 16.8781L33.3972 16.3846L33.3951 16.3851C33.3939 16.3849 33.3922 16.3842 33.3904 16.3839C33.3866 16.3833 33.3815 16.382 33.3754 16.381C33.3629 16.3791 33.3449 16.3767 33.3227 16.3737C33.2781 16.3675 33.2143 16.3597 33.1327 16.3511C32.9685 16.3339 32.7316 16.3141 32.4337 16.3045C31.838 16.2854 30.9948 16.3055 29.9907 16.4576C27.981 16.7622 25.3235 17.599 22.7248 19.7236Z" fill="url(#paint0_linear_676_20166)"/>
3
3
  <path d="M33.8151 16.8656C33.8116 16.7117 33.7374 16.5679 33.614 16.4759L30.3079 14.0123L29.7105 14.8143L32.504 16.8955L29.9023 19.0219L30.5351 19.7953L33.6317 17.2636L33.7114 17.1823C33.7805 17.0927 33.8177 16.981 33.8151 16.8656Z" fill="#002296"/>
4
4
  <g opacity="0.25">
package/src/Trash.svg ADDED
@@ -0,0 +1,51 @@
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="mask0_1941_6771" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="28" width="20" height="21">
3
+ <path d="M26.2051 29.9921C26.0954 28.9266 26.9315 28 28.0027 28H43.9973C45.0685 28 45.9046 28.9266 45.7949 29.9921L44.0048 47.378C43.91 48.2995 43.1336 49 42.2073 49H29.7927C28.8664 49 28.09 48.2995 27.9952 47.378L26.2051 29.9921Z" fill="#002294"/>
4
+ </mask>
5
+ <g mask="url(#mask0_1941_6771)">
6
+ <g filter="url(#filter0_f_1941_6771)">
7
+ <path d="M25.4738 22.375H46.5264V51.0352H25.4738V22.375Z" fill="#002291"/>
8
+ </g>
9
+ <g filter="url(#filter1_f_1941_6771)">
10
+ <rect width="48.8927" height="48.0544" transform="matrix(1.25525e-08 -1 -1 -1.13286e-08 58.3708 69.9609)" fill="url(#paint0_linear_1941_6771)"/>
11
+ </g>
12
+ <path d="M31.8834 45.1325C31.8834 45.2953 31.7451 45.4273 31.5746 45.4273C31.404 45.4273 31.2657 45.2953 31.2657 45.1325L31.2657 31.8651C31.2657 31.7023 31.404 31.5703 31.5746 31.5703C31.7451 31.5703 31.8834 31.7023 31.8834 31.8651L31.8834 45.1325Z" fill="#002291"/>
13
+ <path d="M36.3088 45.1325C36.3088 45.2953 36.1705 45.4273 35.9999 45.4273C35.8294 45.4273 35.6911 45.2953 35.6911 45.1325L35.6911 31.8651C35.6911 31.7023 35.8294 31.5703 35.9999 31.5703C36.1705 31.5703 36.3088 31.7023 36.3088 31.8651L36.3088 45.1325Z" fill="#002291"/>
14
+ <path d="M40.7342 45.1325C40.7342 45.2953 40.5959 45.4273 40.4253 45.4273C40.2548 45.4273 40.1165 45.2953 40.1165 45.1325L40.1165 31.8651C40.1165 31.7023 40.2548 31.5703 40.4253 31.5703C40.5959 31.5703 40.7342 31.7023 40.7342 31.8651L40.7342 45.1325Z" fill="#002291"/>
15
+ </g>
16
+ <mask id="mask1_1941_6771" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="24" width="20" height="3">
17
+ <path d="M37.3749 24C37.9706 24 38.4538 24.4825 38.454 25.0781C38.454 25.0937 38.4518 25.1096 38.4511 25.125H44.1318C44.6308 25.125 45.0351 25.5293 45.0351 26.0283C45.035 26.5272 44.6307 26.9316 44.1318 26.9316H27.8681C27.3693 26.9314 26.9649 26.5271 26.9648 26.0283C26.9648 25.5294 27.3693 25.1252 27.8681 25.125H33.5488C33.5481 25.1096 33.5458 25.0937 33.5458 25.0781C33.5461 24.4825 34.0293 24 34.6249 24H37.3749Z" fill="#002294"/>
18
+ </mask>
19
+ <g mask="url(#mask1_1941_6771)">
20
+ <g filter="url(#filter2_f_1941_6771)">
21
+ <rect width="37.7182" height="36.5184" transform="matrix(1.19812e-08 -1 -1 -1.18688e-08 51.9539 56.7266)" fill="url(#paint1_linear_1941_6771)"/>
22
+ </g>
23
+ </g>
24
+ <defs>
25
+ <filter id="filter0_f_1941_6771" x="22.462" y="19.3633" width="27.0761" height="34.6797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
26
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
27
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
28
+ <feGaussianBlur stdDeviation="1.50587" result="effect1_foregroundBlur_1941_6771"/>
29
+ </filter>
30
+ <filter id="filter1_f_1941_6771" x="0.8326" y="11.5865" width="67.0221" height="67.8582" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
31
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
32
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
33
+ <feGaussianBlur stdDeviation="4.7419" result="effect1_foregroundBlur_1941_6771"/>
34
+ </filter>
35
+ <filter id="filter2_f_1941_6771" x="7.78071" y="11.353" width="51.828" height="53.0284" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
36
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
37
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
38
+ <feGaussianBlur stdDeviation="3.82742" result="effect1_foregroundBlur_1941_6771"/>
39
+ </filter>
40
+ <linearGradient id="paint0_linear_1941_6771" x1="86.2052" y1="5.49861" x2="-3.17051" y2="48.3514" gradientUnits="userSpaceOnUse">
41
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
42
+ <stop offset="0.55" stop-color="#B8C4FF"/>
43
+ <stop offset="0.8" stop-color="#002291"/>
44
+ </linearGradient>
45
+ <linearGradient id="paint1_linear_1941_6771" x1="66.5029" y1="4.1786" x2="-2.05474" y2="37.5477" gradientUnits="userSpaceOnUse">
46
+ <stop offset="0.176006" stop-color="#EAEFF1"/>
47
+ <stop offset="0.55" stop-color="#B8C4FF"/>
48
+ <stop offset="0.8" stop-color="#002291"/>
49
+ </linearGradient>
50
+ </defs>
51
+ </svg>
package/src/TwistHover.svg CHANGED
@@ -1,4 +1,4 @@
1
- <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="29.9355" y="19" width="25.5255" height="25.5255" rx="2" transform="rotate(25.3673 29.9355 19)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <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="29.9354" y="19" width="25.5255" height="25.5255" rx="2" transform="rotate(25.3673 29.9354 19)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_19742)">
4
4
  <rect x="29.9354" y="19" width="25.5255" height="25.5255" rx="2" transform="rotate(25.3673 29.9354 19)" fill="#002291"/>
package/src/WinkEntrance.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="19.9266" height="19.9266" rx="2" transform="matrix(0.709603 -0.704601 0.709603 0.704601 21.8601 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
1
+ <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect width="19.9266" height="19.9266" rx="2" transform="matrix(0.709603 -0.704601 0.709603 0.704601 21.86 36)" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
2
2
  <g opacity="0.5">
3
3
  <g clip-path="url(#clip0_676_19345)">
4
4
  <rect width="19.9266" height="19.9266" rx="2" transform="matrix(0.709603 -0.704601 0.709603 0.704601 21.8601 36)" fill="#002291"/>