@wix/design-system-illustrations 2.40.2 → 2.42.0

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 (175) hide show
  1. package/dist/cjs/AlignmentLeftToRight.js +1 -1
  2. package/dist/cjs/AlignmentRightToLeft.js +1 -1
  3. package/dist/cjs/FileShareLine.js +1 -1
  4. package/dist/cjs/FillParallaxScroll.js +3 -3
  5. package/dist/cjs/FolderBig.js +53 -0
  6. package/dist/cjs/FolderOutline.js +1 -1
  7. package/dist/cjs/GeneratePhotoshoot.js +54 -0
  8. package/dist/cjs/GlideEntrance.js +5 -8
  9. package/dist/cjs/JelloLoop.js +1 -1
  10. package/dist/cjs/MaxWidth.js +59 -0
  11. package/dist/cjs/MenuDividerDots.js +1 -1
  12. package/dist/cjs/OnlineOrderOnImage.js +1 -1
  13. package/dist/cjs/PaintScribbleDivider.js +1 -1
  14. package/dist/cjs/ShapeScroll.js +1 -1
  15. package/dist/cjs/StoreHeaderPositionMinimized.js +3 -3
  16. package/dist/cjs/StoreLayoutWithBorder.js +1 -1
  17. package/dist/cjs/StoreRight.js +1 -1
  18. package/dist/cjs/UploadMedia.js +56 -0
  19. package/dist/cjs/WiggleLoop.js +1 -1
  20. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  21. package/dist/cjs/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +10 -10
  22. package/dist/cjs/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +10 -10
  23. package/dist/cjs/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +10 -10
  24. package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  25. package/dist/cjs/animated/ResponsiveBehaviorSectionFitToScreen.js +89 -0
  26. package/dist/cjs/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +9 -9
  27. package/dist/cjs/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +9 -9
  28. package/dist/cjs/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +9 -9
  29. package/dist/cjs/animated/{Split01.js → ThumbnailSplitTransparent.js} +9 -9
  30. package/dist/cjs/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +9 -9
  31. package/dist/cjs/animated/animated.global.css +1824 -1539
  32. package/dist/cjs/animated/index.js +29 -26
  33. package/dist/cjs/index.js +12 -0
  34. package/dist/esm/AlignmentLeftToRight.js +1 -1
  35. package/dist/esm/AlignmentRightToLeft.js +1 -1
  36. package/dist/esm/FileShareLine.js +1 -1
  37. package/dist/esm/FillParallaxScroll.js +3 -3
  38. package/dist/esm/FolderBig.js +19 -0
  39. package/dist/esm/FolderOutline.js +1 -1
  40. package/dist/esm/GeneratePhotoshoot.js +20 -0
  41. package/dist/esm/GlideEntrance.js +5 -8
  42. package/dist/esm/JelloLoop.js +1 -1
  43. package/dist/esm/MaxWidth.js +25 -0
  44. package/dist/esm/MenuDividerDots.js +1 -1
  45. package/dist/esm/OnlineOrderOnImage.js +1 -1
  46. package/dist/esm/PaintScribbleDivider.js +1 -1
  47. package/dist/esm/ShapeScroll.js +1 -1
  48. package/dist/esm/StoreHeaderPositionMinimized.js +3 -3
  49. package/dist/esm/StoreLayoutWithBorder.js +1 -1
  50. package/dist/esm/StoreRight.js +1 -1
  51. package/dist/esm/UploadMedia.js +22 -0
  52. package/dist/esm/WiggleLoop.js +1 -1
  53. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  54. package/dist/esm/animated/{MaxMin.js → ResponsiveBehaviorElementsScaleWithLimits.js} +6 -6
  55. package/dist/esm/animated/{LimitScaling2.js → ResponsiveBehaviorElementsScaleWithLimitsMobile.js} +6 -6
  56. package/dist/esm/animated/{MobileAlgoFast.js → ResponsiveBehaviorElementsStackOnMobile.js} +6 -6
  57. package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  58. package/dist/esm/animated/ResponsiveBehaviorSectionFitToScreen.js +45 -0
  59. package/dist/esm/animated/{FullWidth2.js → ThumbnailFullWidthTransparent.js} +5 -5
  60. package/dist/esm/animated/{HoverSquareInvertText.js → ThumbnailGridTransparent.js} +5 -5
  61. package/dist/esm/animated/{ThumbnailContainer2.js → ThumbnailSideBySideTransparent.js} +5 -5
  62. package/dist/esm/animated/{Split01.js → ThumbnailSplitTransparent.js} +5 -5
  63. package/dist/esm/animated/{ThumbnailContainer.js → ThumbnailZigzagTransparent.js} +5 -5
  64. package/dist/esm/animated/animated.global.css +1824 -1539
  65. package/dist/esm/animated/index.js +19 -17
  66. package/dist/esm/index.js +8 -0
  67. package/dist/types/FolderBig.d.ts +5 -0
  68. package/dist/types/GeneratePhotoshoot.d.ts +5 -0
  69. package/dist/types/MaxWidth.d.ts +5 -0
  70. package/dist/types/UploadMedia.d.ts +5 -0
  71. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimits.d.ts +7 -0
  72. package/dist/types/animated/ResponsiveBehaviorElementsScaleWithLimitsMobile.d.ts +7 -0
  73. package/dist/types/animated/ResponsiveBehaviorElementsStackOnMobile.d.ts +7 -0
  74. package/dist/types/animated/ResponsiveBehaviorSectionFitToScreen.d.ts +7 -0
  75. package/dist/types/animated/ThumbnailFullWidthTransparent.d.ts +7 -0
  76. package/dist/types/animated/ThumbnailGridTransparent.d.ts +7 -0
  77. package/dist/types/animated/ThumbnailSideBySideTransparent.d.ts +7 -0
  78. package/dist/types/animated/ThumbnailSplitTransparent.d.ts +7 -0
  79. package/dist/types/animated/ThumbnailZigzagTransparent.d.ts +7 -0
  80. package/dist/types/animated/index.d.ts +18 -16
  81. package/dist/types/index.d.ts +4 -0
  82. package/package.json +3 -3
  83. package/src/AlignmentLeftToRight.svg +1 -1
  84. package/src/AlignmentRightToLeft.svg +1 -1
  85. package/src/AllSides.svg +1 -1
  86. package/src/AudioPlayerLayoutClassic.svg +1 -1
  87. package/src/AudioPlayerLayoutIcon.svg +1 -1
  88. package/src/BookingsPresetMasonry.svg +3 -3
  89. package/src/BookingsPresetSlider.svg +2 -2
  90. package/src/BookingsPresetSquares.svg +2 -2
  91. package/src/BounceEntrance.svg +1 -1
  92. package/src/ChooseTheLayoutGrid.svg +8 -8
  93. package/src/CreateAContext.svg +1 -1
  94. package/src/CreateAFunction.svg +6 -6
  95. package/src/DesignedSection.svg +3 -3
  96. package/src/DesignedSectionSmall.svg +3 -3
  97. package/src/Doc.svg +1 -1
  98. package/src/EmptyPage.svg +2 -2
  99. package/src/EmptyPageImage.svg +2 -2
  100. package/src/FileShareFill.svg +1 -1
  101. package/src/FileShareLine.svg +1 -1
  102. package/src/FillParallaxScroll.svg +49 -52
  103. package/src/FolderBig.svg +29 -0
  104. package/src/FolderOutline.svg +2 -2
  105. package/src/GeneratePhotoshoot.svg +12 -0
  106. package/src/GlideEntrance.svg +18 -13
  107. package/src/IdentityDividerLine.svg +1 -1
  108. package/src/ImageLayoutSingleColumn.svg +3 -3
  109. package/src/ImageLayoutTwoColumn.svg +3 -3
  110. package/src/ImagePositionBottom.svg +3 -3
  111. package/src/ImagePositionTop.svg +3 -3
  112. package/src/ImageSizeS.svg +1 -1
  113. package/src/JelloLoop.svg +1 -1
  114. package/src/LayoutCards.svg +3 -3
  115. package/src/LayoutList.svg +2 -2
  116. package/src/LayoutSideBySide.svg +6 -6
  117. package/src/LayoutSidebar.svg +1 -1
  118. package/src/LayoutTwoColumn.svg +1 -1
  119. package/src/LetterTwist.svg +1 -1
  120. package/src/MaxWidth.svg +57 -0
  121. package/src/MenuDividerDots.svg +1 -1
  122. package/src/MenuDividerLine.svg +1 -1
  123. package/src/OnlineOrderOnImage.svg +3 -3
  124. package/src/PaintScribbleDivider.svg +3 -3
  125. package/src/ParallaxSection.svg +2 -2
  126. package/src/PixelsDivider.svg +7 -7
  127. package/src/PresetFeatured.svg +3 -3
  128. package/src/PresetGrid.svg +3 -3
  129. package/src/PresetMasonry.svg +3 -3
  130. package/src/PresetRows.svg +2 -2
  131. package/src/PresetSlider.svg +2 -2
  132. package/src/PresetSquares.svg +2 -2
  133. package/src/PresetThumbnails.svg +5 -5
  134. package/src/PricingLayoutBelow.svg +1 -1
  135. package/src/RevealScroll.svg +1 -1
  136. package/src/ScrollEffectsDisappear.svg +1 -1
  137. package/src/ScrollEffectsFadeOut.svg +1 -1
  138. package/src/ScrollEffectsMoveWithPage.svg +1 -1
  139. package/src/ScrollEffectsStayFixed.svg +1 -1
  140. package/src/SemiCirclesDivider.svg +1 -1
  141. package/src/ShapeScroll.svg +1 -1
  142. package/src/StoreBottom.svg +3 -3
  143. package/src/StoreColumns.svg +1 -1
  144. package/src/StoreDrawer.svg +2 -2
  145. package/src/StoreGrid.svg +2 -2
  146. package/src/StoreHeaderPositionMinimized.svg +4 -3
  147. package/src/StoreLayoutWithBorder.svg +4 -1
  148. package/src/StoreLeft.svg +3 -3
  149. package/src/StoreRight.svg +3 -3
  150. package/src/StoreTabs.svg +2 -2
  151. package/src/StoreThumbnails.svg +3 -3
  152. package/src/StretchScroll.svg +4 -4
  153. package/src/UploadMedia.svg +18 -0
  154. package/src/VideoMobileLayoutCompact.svg +1 -1
  155. package/src/VideoMobileLayoutVertical.svg +1 -1
  156. package/src/WiggleLoop.svg +2 -2
  157. package/src/animated/ResponsiveBehaviorElementsFixed.html +1 -1
  158. package/src/animated/{MaxMin.html → ResponsiveBehaviorElementsScaleWithLimits.html} +1 -1
  159. package/src/animated/{LimitScaling2.html → ResponsiveBehaviorElementsScaleWithLimitsMobile.html} +1 -1
  160. package/src/animated/{MobileAlgoFast.html → ResponsiveBehaviorElementsStackOnMobile.html} +1 -1
  161. package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +1 -1
  162. package/src/animated/ResponsiveBehaviorSectionFitToScreen.html +370 -0
  163. package/dist/types/animated/FullWidth2.d.ts +0 -7
  164. package/dist/types/animated/HoverSquareInvertText.d.ts +0 -7
  165. package/dist/types/animated/LimitScaling2.d.ts +0 -7
  166. package/dist/types/animated/MaxMin.d.ts +0 -7
  167. package/dist/types/animated/MobileAlgoFast.d.ts +0 -7
  168. package/dist/types/animated/Split01.d.ts +0 -7
  169. package/dist/types/animated/ThumbnailContainer.d.ts +0 -7
  170. package/dist/types/animated/ThumbnailContainer2.d.ts +0 -7
  171. /package/src/animated/{FullWidth2.html → ThumbnailFullWidthTransparent.html} +0 -0
  172. /package/src/animated/{HoverSquareInvertText.html → ThumbnailGridTransparent.html} +0 -0
  173. /package/src/animated/{ThumbnailContainer2.html → ThumbnailSideBySideTransparent.html} +0 -0
  174. /package/src/animated/{Split01.html → ThumbnailSplitTransparent.html} +0 -0
  175. /package/src/animated/{ThumbnailContainer.html → ThumbnailZigzagTransparent.html} +0 -0
package/src/animated/{LimitScaling2.html → ResponsiveBehaviorElementsScaleWithLimitsMobile.html} RENAMED
@@ -466,7 +466,7 @@ svg {
466
466
  <path d="M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z" fill="var(--color-3)" />
467
467
  </g>
468
468
  <g class="rect-msbr3mcn-w">
469
- <rect class="rect-msbr3mcn-w-shape" x="68.5" y="23" width="99" height="81" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
469
+ <rect class="rect-msbr3mcn-w-shape" x="68.5" y="23" width="99" height="81" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
470
470
  </g>
471
471
  <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(6.435006px, 69.899806px)" display="none" d="M 230 60.502 L 230.000005 -62.498 L 0.000005 -62.49801 L 0 60.50199 Z" fill="url(#paint0_linear_1118_5030-7)" />
472
472
  <g display="none" fill="none" clip-path="url(#clip0_1118_5291)">
package/src/animated/{MobileAlgoFast.html → ResponsiveBehaviorElementsStackOnMobile.html} RENAMED
@@ -606,7 +606,7 @@ svg {
606
606
  <g>
607
607
  <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
608
608
  <g class="rect-msbreia1-12">
609
- <rect class="rect-msbreia1-12-shape" x="95" y="15" width="46" height="97" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.5" />
609
+ <rect class="rect-msbreia1-12-shape" x="95" y="15" width="46" height="97" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
610
610
  </g>
611
611
  <g class="node-3-2">
612
612
  <path d="M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z" fill="var(--color-3)" />
package/src/animated/ResponsiveBehaviorSectionAutoHeight.html CHANGED
@@ -258,7 +258,7 @@ svg {
258
258
  <g fill="none">
259
259
  <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-3)" />
260
260
  <g class="rect-msbreia1-12">
261
- <rect class="rect-msbreia1-12-shape" x="76.2475" y="23.3" width="83.505" height="81" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
261
+ <rect class="rect-msbreia1-12-shape" x="76.2475" y="23.3" width="83.505" height="81" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
262
262
  </g>
263
263
  <g fill="none">
264
264
  <g fill="none">
package/src/animated/ResponsiveBehaviorSectionFitToScreen.html ADDED
@@ -0,0 +1,370 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Animation</title>
6
+ <style>
7
+ svg {
8
+ max-width: 100%;
9
+ height: auto;
10
+ }
11
+
12
+ :root {
13
+ --color-1: #002294;
14
+ --color-2: #B8C4FF;
15
+ --color-3: #303030;
16
+ --color-4: #F8F6F6;
17
+ --color-5: #f8f6f6;
18
+ --color-6: #0d8ae0;
19
+ }
20
+
21
+ .Frame-2147240025 {
22
+ transform-box: fill-box;
23
+ transform-origin: 50% 50%;
24
+ animation: Frame-2147240025-transform 3375ms linear infinite both;
25
+ }
26
+
27
+ @keyframes Frame-2147240025-transform {
28
+ 0% {
29
+ transform: translate(0px, 0px);
30
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
31
+ }
32
+ 37.037037% {
33
+ transform: translate(0px, 0px);
34
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
35
+ }
36
+ 86.42963% {
37
+ transform: translate(37.2px, 0px);
38
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
39
+ }
40
+ 100% {
41
+ transform: translate(37.2px, 0px);
42
+ }
43
+ }
44
+
45
+ .Group-2147221957 {
46
+ transform-box: fill-box;
47
+ transform-origin: 50% 50%;
48
+ animation:
49
+ Group-2147221957-transform 3375ms linear infinite both,
50
+ Group-2147221957-opacity 3375ms linear infinite both;
51
+ }
52
+
53
+ @keyframes Group-2147221957-transform {
54
+ 0% {
55
+ transform: translate(0px, 10px);
56
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
57
+ }
58
+ 37.037037% {
59
+ transform: translate(0px, 0px);
60
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
61
+ }
62
+ 100% {
63
+ transform: translate(0px, 0px);
64
+ }
65
+ }
66
+
67
+ @keyframes Group-2147221957-opacity {
68
+ 0% {
69
+ opacity: 0;
70
+ }
71
+ 12.345679% {
72
+ opacity: 1;
73
+ }
74
+ 24.681481% {
75
+ opacity: 1;
76
+ }
77
+ 37.037037% {
78
+ opacity: 0;
79
+ }
80
+ 100% {
81
+ opacity: 0;
82
+ }
83
+ }
84
+
85
+ .Group-2147222135 {
86
+ transform-box: fill-box;
87
+ transform-origin: 50% 50%;
88
+ animation:
89
+ Group-2147222135-transform 3375ms linear infinite both,
90
+ Group-2147222135-opacity 3375ms linear infinite both;
91
+ }
92
+
93
+ @keyframes Group-2147222135-transform {
94
+ 0% {
95
+ transform: translate(0px, -10px);
96
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
97
+ }
98
+ 37.037037% {
99
+ transform: translate(0px, 0px);
100
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
101
+ }
102
+ 100% {
103
+ transform: translate(0px, 0px);
104
+ }
105
+ }
106
+
107
+ @keyframes Group-2147222135-opacity {
108
+ 0% {
109
+ opacity: 0;
110
+ }
111
+ 12.345679% {
112
+ opacity: 1;
113
+ }
114
+ 24.681481% {
115
+ opacity: 1;
116
+ }
117
+ 37.037037% {
118
+ opacity: 0;
119
+ }
120
+ 100% {
121
+ opacity: 0;
122
+ }
123
+ }
124
+
125
+ .Vector {
126
+ transform-box: fill-box;
127
+ transform-origin: 50% 50%;
128
+ animation: Vector-transform 3375ms linear infinite both;
129
+ }
130
+
131
+ @keyframes Vector-transform {
132
+ 0% {
133
+ transform: translate(0px, 0px);
134
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
135
+ }
136
+ 37.037037% {
137
+ transform: translate(0px, 0px);
138
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
139
+ }
140
+ 86.419753% {
141
+ transform: translate(37.2px, 0px);
142
+ }
143
+ 86.42963% {
144
+ transform: translate(37.2px, 0px);
145
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
146
+ }
147
+ 100% {
148
+ transform: translate(37.2px, 0px);
149
+ }
150
+ }
151
+
152
+ .Vector_2 {
153
+ transform-box: fill-box;
154
+ transform-origin: 50% 50%;
155
+ animation: Vector_2-transform 3375ms linear infinite both;
156
+ }
157
+
158
+ @keyframes Vector_2-transform {
159
+ 0% {
160
+ transform: translate(0px, 0px);
161
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
162
+ }
163
+ 37.037037% {
164
+ transform: translate(0px, 0px);
165
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
166
+ }
167
+ 86.42963% {
168
+ transform: translate(-37.2px, 0px);
169
+ animation-timing-function: cubic-bezier(0.797471, 0, 0.202529, 1);
170
+ }
171
+ 100% {
172
+ transform: translate(-37.2px, 0px);
173
+ }
174
+ }
175
+
176
+ .node-2 {
177
+ transform-box: fill-box;
178
+ transform-origin: 50% 50%;
179
+ animation: node-2-transform 3375ms linear infinite both;
180
+ }
181
+
182
+ .node-2-shape {
183
+ animation:
184
+ node-2-width 3375ms linear infinite both,
185
+ node-2-height 3375ms linear infinite both;
186
+ }
187
+
188
+ @keyframes node-2-transform {
189
+ 0% {
190
+ transform: translate(0px, 0px);
191
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
192
+ }
193
+ 37.037037% {
194
+ transform: translate(0px, -10.6px);
195
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
196
+ }
197
+ 86.42963% {
198
+ transform: translate(37.3px, -10.6px);
199
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
200
+ }
201
+ 100% {
202
+ transform: translate(37.3px, -10.6px);
203
+ }
204
+ }
205
+
206
+ @keyframes node-2-width {
207
+ 0% {
208
+ width: 147px;
209
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
210
+ }
211
+ 37.037037% {
212
+ width: 147px;
213
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
214
+ }
215
+ 86.42963% {
216
+ width: 72.6px;
217
+ animation-timing-function: cubic-bezier(0.799202, 0, 0.200798, 1);
218
+ }
219
+ 100% {
220
+ width: 72.6px;
221
+ }
222
+ }
223
+
224
+ @keyframes node-2-height {
225
+ 0% {
226
+ height: 60.0044px;
227
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
228
+ }
229
+ 37.037037% {
230
+ height: 80.9px;
231
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
232
+ }
233
+ 86.419753% {
234
+ height: 80.9px;
235
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
236
+ }
237
+ 86.42963% {
238
+ height: 81.2px;
239
+ }
240
+ 100% {
241
+ height: 81.2px;
242
+ }
243
+ }
244
+
245
+ .rect-msbreia1-12 {
246
+ animation: rect-msbreia1-12-opacity 3375ms linear infinite both;
247
+ }
248
+
249
+ .rect-msbreia1-12-shape {
250
+ animation:
251
+ rect-msbreia1-12-width 3375ms linear infinite both,
252
+ rect-msbreia1-12-height 3375ms linear infinite both;
253
+ }
254
+
255
+ @keyframes rect-msbreia1-12-opacity {
256
+ 0% {
257
+ opacity: 1;
258
+ }
259
+ 28.395062% {
260
+ opacity: 1;
261
+ }
262
+ 37.037037% {
263
+ opacity: 0;
264
+ }
265
+ 100% {
266
+ opacity: 0;
267
+ }
268
+ }
269
+
270
+ @keyframes rect-msbreia1-12-width {
271
+ 0% {
272
+ width: 147px;
273
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
274
+ }
275
+ 100% {
276
+ width: 147px;
277
+ }
278
+ }
279
+
280
+ @keyframes rect-msbreia1-12-height {
281
+ 0% {
282
+ height: 81px;
283
+ }
284
+ 100% {
285
+ height: 81px;
286
+ }
287
+ }
288
+ </style>
289
+ </head>
290
+ <body>
291
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
292
+ <defs>
293
+ <linearGradient id="paint0_linear_4408_18860" x1="76.168" y1="28.0035" x2="-100.144" y2="92.0086" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
294
+ <linearGradient id="paint1_linear_4408_18860" x1="118.26" y1="36.5594" x2="118.26" y2="29.3594" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" stop-opacity="0" /><stop offset="0.644231" stop-color="#002294" /></linearGradient>
295
+ <linearGradient id="paint2_linear_4408_18860" x1="118.26" y1="91.1594" x2="118.26" y2="98.3594" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" stop-opacity="0" /><stop offset="0.644231" stop-color="#002294" /></linearGradient>
296
+ <linearGradient id="paint3_linear_4408_18860" x1="180.44" y1="19.03" x2="134.59" y2="99.895" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
297
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4408_18860" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
298
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
299
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
300
+ <feGaussianBlur stdDeviation="9.17343" result="effect1_foregroundBlur_4408_18860"/>
301
+ </filter>
302
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4408_18860" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
303
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
304
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
305
+ <feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_4408_18860"/>
306
+ </filter>
307
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4408_18860">
308
+ <rect x="44.5" y="23.3359" width="147" height="81.0415" rx="6" fill="white"/>
309
+ </clipPath>
310
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4408_18860">
311
+ <rect x="108.5" y="67.0938" width="19" height="7" rx="3.5" fill="white"/>
312
+ </clipPath>
313
+ <mask id="am-node-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="node-2"> <rect class="node-2-shape" x="44.5" y="33.5" width="147" height="60.0044" rx="6" fill="var(--color-4)" /></g></mask>
314
+ </defs>
315
+ <g fill="none">
316
+ <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-3)" />
317
+ <g class="rect-msbreia1-12">
318
+ <rect class="rect-msbreia1-12-shape" x="44.5" y="22.8" width="100" height="97" rx="6" ry="6" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" opacity="0.25" />
319
+ </g>
320
+ <g fill="none">
321
+ <g class="Vector_2">
322
+ <path d="M196 67.8594V59.8594C196 59.3071 195.552 58.8594 195 58.8594C194.448 58.8594 194 59.3071 194 59.8594V67.8594C194 68.4117 194.448 68.8594 195 68.8594C195.552 68.8594 196 68.4117 196 67.8594Z" fill="var(--color-2)" />
323
+ </g>
324
+ <g class="Vector">
325
+ <path d="M42 67.8594V59.8594C42 59.3071 41.5523 58.8594 41 58.8594C40.4477 58.8594 40 59.3071 40 59.8594V67.8594C40 68.4117 40.4477 68.8594 41 68.8594C41.5523 68.8594 42 68.4117 42 67.8594Z" fill="var(--color-2)" />
326
+ </g>
327
+ </g>
328
+ <g mask="url(#am-node-2)">
329
+ <g fill="none">
330
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(0px, -0.5px)" fill="none">
331
+ <g class="Frame-2147240025" fill="none">
332
+ <g fill="none" clip-path="url(#clip0_4408_18860)">
333
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: scale(1.67, 1.67)" x="44.5" y="23.3359" width="147" height="81.0415" rx="6" fill="var(--color-1)" />
334
+ <g fill="none" filter="url(#filter0_f_4408_18860)">
335
+ <path d="M 356.484 104.375 L 356.484004 15.6191 L 44.501004 15.619086 L 44.501 104.374986 Z" fill="url(#paint0_linear_4408_18860)" />
336
+ </g>
337
+ </g>
338
+ </g>
339
+ <g fill="none">
340
+ <g fill="none">
341
+ <rect x="93.1328" y="53.625" width="49.7295" height="1.5" rx="0.75" fill="var(--color-1)" />
342
+ <rect x="104.438" y="59.5" width="27.1252" height="1.5" rx="0.75" fill="var(--color-1)" />
343
+ </g>
344
+ <g fill="none">
345
+ <g fill="none" clip-path="url(#clip1_4408_18860)">
346
+ <rect x="108.5" y="67.0938" width="19" height="7" rx="3.5" fill="var(--color-1)" />
347
+ <g fill="none" filter="url(#filter1_f_4408_18860)">
348
+ <path d="M108.5 13.5859H192.329V74.2371H108.5V13.5859Z" fill="url(#paint3_linear_4408_18860)" />
349
+ </g>
350
+ </g>
351
+ </g>
352
+ </g>
353
+ </g>
354
+ <g fill="none">
355
+ <g class="Group-2147222135" fill="none">
356
+ <path d="M118 90.3594L118 98.3594" fill="none" stroke="url(#paint2_linear_4408_18860)" />
357
+ <path d="M115 95.3594L118 98.8594L121 95.3594" fill="none" stroke="var(--color-1)" stroke-linejoin="round" />
358
+ </g>
359
+ <g class="Group-2147221957" fill="none">
360
+ <path d="M118 37.3594L118 29.3594" fill="none" stroke="url(#paint1_linear_4408_18860)" />
361
+ <path d="M115 32.3594L118 28.8594L121 32.3594" fill="none" stroke="var(--color-1)" stroke-linejoin="round" />
362
+ </g>
363
+ </g>
364
+ </g>
365
+ </g>
366
+ </g>
367
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(44.497555px, 23.002202px)" />
368
+ </svg>
369
+ </body>
370
+ </html>
package/dist/types/animated/FullWidth2.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type FullWidth2Handle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const FullWidth2: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<FullWidth2Handle>>;
package/dist/types/animated/HoverSquareInvertText.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type HoverSquareInvertTextHandle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const HoverSquareInvertText: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HoverSquareInvertTextHandle>>;
package/dist/types/animated/LimitScaling2.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type LimitScaling2Handle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const LimitScaling2: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<LimitScaling2Handle>>;
package/dist/types/animated/MaxMin.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type MaxMinHandle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const MaxMin: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<MaxMinHandle>>;
package/dist/types/animated/MobileAlgoFast.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type MobileAlgoFastHandle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const MobileAlgoFast: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<MobileAlgoFastHandle>>;
package/dist/types/animated/Split01.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type Split01Handle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const Split01: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<Split01Handle>>;
package/dist/types/animated/ThumbnailContainer.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type ThumbnailContainerHandle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const ThumbnailContainer: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ThumbnailContainerHandle>>;
package/dist/types/animated/ThumbnailContainer2.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export type ThumbnailContainer2Handle = {
3
- play: () => void;
4
- pause: () => void;
5
- reset: () => void;
6
- };
7
- export declare const ThumbnailContainer2: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<ThumbnailContainer2Handle>>;