@wix/design-system-illustrations 2.28.7 → 2.30.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 (455) hide show
  1. package/dist/cjs/AvatarCircle.js +2 -2
  2. package/dist/cjs/AvatarSquare.js +2 -2
  3. package/dist/cjs/BlogFullPost.js +2 -2
  4. package/dist/cjs/BlogOneColumn.js +2 -2
  5. package/dist/cjs/BlogTagButton.js +2 -2
  6. package/dist/cjs/BookingsGrid.js +6 -9
  7. package/dist/cjs/BookingsOverlapping.js +5 -4
  8. package/dist/cjs/BookingsSideBySide.js +4 -4
  9. package/dist/cjs/BookingsStrip.js +5 -5
  10. package/dist/cjs/ButtonsLayoutIconsIdentity.js +53 -0
  11. package/dist/cjs/ButtonsLayoutRowIdentity.js +53 -0
  12. package/dist/cjs/ButtonsLayoutStackIdentity.js +53 -0
  13. package/dist/cjs/DividerLineIdentity.js +51 -0
  14. package/dist/cjs/DividerLineTextIdentity.js +54 -0
  15. package/dist/cjs/DonutChart.js +5 -3
  16. package/dist/cjs/EventLayoutAlternating.js +3 -3
  17. package/dist/cjs/EventLayoutLeft.js +1 -1
  18. package/dist/cjs/EventLayoutRight.js +3 -3
  19. package/dist/cjs/EventLeft.js +5 -5
  20. package/dist/cjs/EventRight.js +5 -5
  21. package/dist/cjs/EventsZoomIn.js +56 -0
  22. package/dist/cjs/FileShareFill.js +52 -0
  23. package/dist/cjs/FileShareLabel.js +52 -0
  24. package/dist/cjs/FileShareLine.js +52 -0
  25. package/dist/cjs/FormLayoutAboveIdentity.js +52 -0
  26. package/dist/cjs/FormLayoutBelowIdentity.js +52 -0
  27. package/dist/cjs/GalleryBlur.js +4 -4
  28. package/dist/cjs/GalleryColorIn.js +1 -1
  29. package/dist/cjs/GalleryExpand.js +9 -9
  30. package/dist/cjs/GalleryExpandOut.js +8 -8
  31. package/dist/cjs/GalleryFade.js +2 -2
  32. package/dist/cjs/GalleryFadeIn.js +5 -5
  33. package/dist/cjs/GalleryInvert.js +2 -2
  34. package/dist/cjs/GalleryMoveUp.js +8 -7
  35. package/dist/cjs/GalleryNoChange.js +1 -1
  36. package/dist/cjs/GalleryOneColor.js +4 -4
  37. package/dist/cjs/GalleryShrink.js +10 -10
  38. package/dist/cjs/GallerySlideDown.js +7 -7
  39. package/dist/cjs/GallerySlideRight.js +7 -7
  40. package/dist/cjs/GallerySlideUp.js +5 -6
  41. package/dist/cjs/GalleryZoomOut.js +11 -2
  42. package/dist/cjs/IconPositionBottom.js +54 -0
  43. package/dist/cjs/IconPositionLeft.js +55 -0
  44. package/dist/cjs/IconPositionRight.js +54 -0
  45. package/dist/cjs/IconPositionTop.js +55 -0
  46. package/dist/cjs/IdentityButtonsLayoutIcons.js +53 -0
  47. package/dist/cjs/IdentityButtonsLayoutRow.js +53 -0
  48. package/dist/cjs/IdentityButtonsLayoutStack.js +53 -0
  49. package/dist/cjs/IdentityDividerLine.js +51 -0
  50. package/dist/cjs/IdentityDividerText.js +54 -0
  51. package/dist/cjs/MembersAreaLargeSize.js +52 -0
  52. package/dist/cjs/MembersAreaMediumSize.js +52 -0
  53. package/dist/cjs/MembersAreaSmallSize.js +52 -0
  54. package/dist/cjs/MembersIcon.js +56 -0
  55. package/dist/cjs/MembersName.js +2 -2
  56. package/dist/cjs/MembersNameAndIcon.js +2 -3
  57. package/dist/cjs/MenuDividerDash.js +51 -0
  58. package/dist/cjs/MenuDividerDots.js +52 -0
  59. package/dist/cjs/MenuDividerLine.js +51 -0
  60. package/dist/cjs/OnlineOrderBelowOrder.js +52 -0
  61. package/dist/cjs/OnlineOrderCard.js +53 -0
  62. package/dist/cjs/OnlineOrderImageRight.js +53 -0
  63. package/dist/cjs/OnlineOrderOnImage.js +52 -0
  64. package/dist/cjs/PricingLayoutAbove.js +5 -5
  65. package/dist/cjs/PricingLayoutBelow.js +4 -4
  66. package/dist/cjs/PricingLayoutLeft.js +5 -5
  67. package/dist/cjs/PricingLayoutRight.js +5 -5
  68. package/dist/cjs/RestauransMenusCenter.js +51 -0
  69. package/dist/cjs/RestauransMenusExpand.js +53 -0
  70. package/dist/cjs/RestauransMenusSplitImageText.js +53 -0
  71. package/dist/cjs/RestaurantStrip.js +2 -2
  72. package/dist/cjs/ShuttersAnimation.js +8 -5
  73. package/dist/cjs/StoreAboveInfo.js +2 -2
  74. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  75. package/dist/cjs/StoreBelowInfo.js +3 -3
  76. package/dist/cjs/StoreButtons.js +1 -1
  77. package/dist/cjs/StoreCategoryMenuTypeVertical.js +54 -0
  78. package/dist/cjs/StoreCollapse.js +3 -3
  79. package/dist/cjs/StoreDrawer.js +5 -7
  80. package/dist/cjs/StoreDropdown.js +2 -2
  81. package/dist/cjs/StoreHeaderPositionMinimised.js +55 -0
  82. package/dist/cjs/StoreHeaderPositionStretched.js +54 -0
  83. package/dist/cjs/StoreImageBottom.js +53 -0
  84. package/dist/cjs/StoreImageCard.js +52 -0
  85. package/dist/cjs/StoreImagePlacementSide.js +53 -0
  86. package/dist/cjs/StoreImagePlacementTop.js +53 -0
  87. package/dist/cjs/StoreInline.js +3 -4
  88. package/dist/cjs/StoreNegativeBack.js +4 -4
  89. package/dist/cjs/StoreOnImage.js +4 -3
  90. package/dist/cjs/StorePopUp.js +7 -9
  91. package/dist/cjs/StorePriceSideBySide.js +3 -3
  92. package/dist/cjs/StorePriceStacked.js +3 -3
  93. package/dist/cjs/StoreProductInfo.js +2 -3
  94. package/dist/cjs/StoreProductLayoutClassic.js +53 -0
  95. package/dist/cjs/StoreRibonHorizontal.js +52 -0
  96. package/dist/cjs/StoreRibonStack.js +52 -0
  97. package/dist/cjs/StoreSideBySide.js +2 -2
  98. package/dist/cjs/StoreSleek.js +2 -2
  99. package/dist/cjs/StoreSpotlight.js +5 -4
  100. package/dist/cjs/StoreStreched.js +2 -2
  101. package/dist/cjs/StoreStunning.js +2 -2
  102. package/dist/cjs/StoreSwapImage.js +2 -2
  103. package/dist/cjs/StoreTrim.js +2 -2
  104. package/dist/cjs/StoreWrap.js +3 -3
  105. package/dist/cjs/animated/ElementsFixedHeight.js +3 -2
  106. package/dist/cjs/animated/ElementsFixedMargins.js +3 -2
  107. package/dist/cjs/animated/ElementsScale.js +3 -2
  108. package/dist/cjs/animated/HeaderScrollEffectDisappear.js +89 -0
  109. package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +89 -0
  110. package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +89 -0
  111. package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +89 -0
  112. package/dist/cjs/animated/LimitScaling2Guy.js +91 -0
  113. package/dist/cjs/animated/MaxMinGuy.js +90 -0
  114. package/dist/cjs/animated/MobileAlgoFastGuy.js +89 -0
  115. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +91 -0
  116. package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +88 -0
  117. package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +88 -0
  118. package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +91 -0
  119. package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +94 -0
  120. package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +94 -0
  121. package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +88 -0
  122. package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +89 -0
  123. package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +88 -0
  124. package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +89 -0
  125. package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +89 -0
  126. package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +88 -0
  127. package/dist/cjs/animated/ResponsiveBehaviorWarp.js +88 -0
  128. package/dist/cjs/animated/SectionFixedHeight.js +4 -3
  129. package/dist/cjs/animated/SectionScale.js +3 -2
  130. package/dist/cjs/animated/animated.global.css +5485 -0
  131. package/dist/cjs/animated/index.js +60 -0
  132. package/dist/cjs/index.js +132 -0
  133. package/dist/esm/AvatarCircle.js +2 -2
  134. package/dist/esm/AvatarSquare.js +2 -2
  135. package/dist/esm/BlogFullPost.js +2 -2
  136. package/dist/esm/BlogOneColumn.js +2 -2
  137. package/dist/esm/BlogTagButton.js +2 -2
  138. package/dist/esm/BookingsGrid.js +6 -9
  139. package/dist/esm/BookingsOverlapping.js +5 -4
  140. package/dist/esm/BookingsSideBySide.js +4 -4
  141. package/dist/esm/BookingsStrip.js +5 -5
  142. package/dist/esm/ButtonsLayoutIconsIdentity.js +19 -0
  143. package/dist/esm/ButtonsLayoutRowIdentity.js +19 -0
  144. package/dist/esm/ButtonsLayoutStackIdentity.js +19 -0
  145. package/dist/esm/DividerLineIdentity.js +17 -0
  146. package/dist/esm/DividerLineTextIdentity.js +20 -0
  147. package/dist/esm/DonutChart.js +5 -3
  148. package/dist/esm/EventLayoutAlternating.js +3 -3
  149. package/dist/esm/EventLayoutLeft.js +1 -1
  150. package/dist/esm/EventLayoutRight.js +3 -3
  151. package/dist/esm/EventLeft.js +5 -5
  152. package/dist/esm/EventRight.js +5 -5
  153. package/dist/esm/EventsZoomIn.js +22 -0
  154. package/dist/esm/FileShareFill.js +18 -0
  155. package/dist/esm/FileShareLabel.js +18 -0
  156. package/dist/esm/FileShareLine.js +18 -0
  157. package/dist/esm/FormLayoutAboveIdentity.js +18 -0
  158. package/dist/esm/FormLayoutBelowIdentity.js +18 -0
  159. package/dist/esm/GalleryBlur.js +4 -4
  160. package/dist/esm/GalleryColorIn.js +1 -1
  161. package/dist/esm/GalleryExpand.js +9 -9
  162. package/dist/esm/GalleryExpandOut.js +8 -8
  163. package/dist/esm/GalleryFade.js +2 -2
  164. package/dist/esm/GalleryFadeIn.js +5 -5
  165. package/dist/esm/GalleryInvert.js +2 -2
  166. package/dist/esm/GalleryMoveUp.js +8 -7
  167. package/dist/esm/GalleryNoChange.js +1 -1
  168. package/dist/esm/GalleryOneColor.js +4 -4
  169. package/dist/esm/GalleryShrink.js +10 -10
  170. package/dist/esm/GallerySlideDown.js +7 -7
  171. package/dist/esm/GallerySlideRight.js +7 -7
  172. package/dist/esm/GallerySlideUp.js +5 -6
  173. package/dist/esm/GalleryZoomOut.js +11 -2
  174. package/dist/esm/IconPositionBottom.js +20 -0
  175. package/dist/esm/IconPositionLeft.js +21 -0
  176. package/dist/esm/IconPositionRight.js +20 -0
  177. package/dist/esm/IconPositionTop.js +21 -0
  178. package/dist/esm/IdentityButtonsLayoutIcons.js +19 -0
  179. package/dist/esm/IdentityButtonsLayoutRow.js +19 -0
  180. package/dist/esm/IdentityButtonsLayoutStack.js +19 -0
  181. package/dist/esm/IdentityDividerLine.js +17 -0
  182. package/dist/esm/IdentityDividerText.js +20 -0
  183. package/dist/esm/MembersAreaLargeSize.js +18 -0
  184. package/dist/esm/MembersAreaMediumSize.js +18 -0
  185. package/dist/esm/MembersAreaSmallSize.js +18 -0
  186. package/dist/esm/MembersIcon.js +22 -0
  187. package/dist/esm/MembersName.js +2 -2
  188. package/dist/esm/MembersNameAndIcon.js +2 -3
  189. package/dist/esm/MenuDividerDash.js +17 -0
  190. package/dist/esm/MenuDividerDots.js +18 -0
  191. package/dist/esm/MenuDividerLine.js +17 -0
  192. package/dist/esm/OnlineOrderBelowOrder.js +18 -0
  193. package/dist/esm/OnlineOrderCard.js +19 -0
  194. package/dist/esm/OnlineOrderImageRight.js +19 -0
  195. package/dist/esm/OnlineOrderOnImage.js +18 -0
  196. package/dist/esm/PricingLayoutAbove.js +5 -5
  197. package/dist/esm/PricingLayoutBelow.js +4 -4
  198. package/dist/esm/PricingLayoutLeft.js +5 -5
  199. package/dist/esm/PricingLayoutRight.js +5 -5
  200. package/dist/esm/RestauransMenusCenter.js +17 -0
  201. package/dist/esm/RestauransMenusExpand.js +19 -0
  202. package/dist/esm/RestauransMenusSplitImageText.js +19 -0
  203. package/dist/esm/RestaurantStrip.js +2 -2
  204. package/dist/esm/ShuttersAnimation.js +8 -5
  205. package/dist/esm/StoreAboveInfo.js +2 -2
  206. package/dist/esm/StoreAccordionCollapse.js +1 -1
  207. package/dist/esm/StoreBelowInfo.js +3 -3
  208. package/dist/esm/StoreButtons.js +1 -1
  209. package/dist/esm/StoreCategoryMenuTypeVertical.js +20 -0
  210. package/dist/esm/StoreCollapse.js +3 -3
  211. package/dist/esm/StoreDrawer.js +5 -7
  212. package/dist/esm/StoreDropdown.js +2 -2
  213. package/dist/esm/StoreHeaderPositionMinimised.js +21 -0
  214. package/dist/esm/StoreHeaderPositionStretched.js +20 -0
  215. package/dist/esm/StoreImageBottom.js +19 -0
  216. package/dist/esm/StoreImageCard.js +18 -0
  217. package/dist/esm/StoreImagePlacementSide.js +19 -0
  218. package/dist/esm/StoreImagePlacementTop.js +19 -0
  219. package/dist/esm/StoreInline.js +3 -4
  220. package/dist/esm/StoreNegativeBack.js +4 -4
  221. package/dist/esm/StoreOnImage.js +4 -3
  222. package/dist/esm/StorePopUp.js +7 -9
  223. package/dist/esm/StorePriceSideBySide.js +3 -3
  224. package/dist/esm/StorePriceStacked.js +3 -3
  225. package/dist/esm/StoreProductInfo.js +2 -3
  226. package/dist/esm/StoreProductLayoutClassic.js +19 -0
  227. package/dist/esm/StoreRibonHorizontal.js +18 -0
  228. package/dist/esm/StoreRibonStack.js +18 -0
  229. package/dist/esm/StoreSideBySide.js +2 -2
  230. package/dist/esm/StoreSleek.js +2 -2
  231. package/dist/esm/StoreSpotlight.js +5 -4
  232. package/dist/esm/StoreStreched.js +2 -2
  233. package/dist/esm/StoreStunning.js +2 -2
  234. package/dist/esm/StoreSwapImage.js +2 -2
  235. package/dist/esm/StoreTrim.js +2 -2
  236. package/dist/esm/StoreWrap.js +3 -3
  237. package/dist/esm/animated/ElementsFixedHeight.js +4 -3
  238. package/dist/esm/animated/ElementsFixedMargins.js +4 -3
  239. package/dist/esm/animated/ElementsScale.js +4 -3
  240. package/dist/esm/animated/HeaderScrollEffectDisappear.js +45 -0
  241. package/dist/esm/animated/HeaderScrollEffectFadeOut.js +45 -0
  242. package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +45 -0
  243. package/dist/esm/animated/HeaderScrollEffectStayFixed.js +45 -0
  244. package/dist/esm/animated/LimitScaling2Guy.js +47 -0
  245. package/dist/esm/animated/MaxMinGuy.js +46 -0
  246. package/dist/esm/animated/MobileAlgoFastGuy.js +45 -0
  247. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +47 -0
  248. package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +44 -0
  249. package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +44 -0
  250. package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +47 -0
  251. package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +50 -0
  252. package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +50 -0
  253. package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +44 -0
  254. package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +45 -0
  255. package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +44 -0
  256. package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +45 -0
  257. package/dist/esm/animated/ResponsiveBehaviorTextHug.js +45 -0
  258. package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +44 -0
  259. package/dist/esm/animated/ResponsiveBehaviorWarp.js +44 -0
  260. package/dist/esm/animated/SectionFixedHeight.js +5 -4
  261. package/dist/esm/animated/SectionScale.js +4 -3
  262. package/dist/esm/animated/animated.global.css +5485 -0
  263. package/dist/esm/animated/index.js +40 -0
  264. package/dist/esm/index.js +88 -0
  265. package/dist/types/ButtonsLayoutIconsIdentity.d.ts +5 -0
  266. package/dist/types/ButtonsLayoutRowIdentity.d.ts +5 -0
  267. package/dist/types/ButtonsLayoutStackIdentity.d.ts +5 -0
  268. package/dist/types/DividerLineIdentity.d.ts +5 -0
  269. package/dist/types/DividerLineTextIdentity.d.ts +5 -0
  270. package/dist/types/EventsZoomIn.d.ts +5 -0
  271. package/dist/types/FileShareFill.d.ts +5 -0
  272. package/dist/types/FileShareLabel.d.ts +5 -0
  273. package/dist/types/FileShareLine.d.ts +5 -0
  274. package/dist/types/FormLayoutAboveIdentity.d.ts +5 -0
  275. package/dist/types/FormLayoutBelowIdentity.d.ts +5 -0
  276. package/dist/types/IconPositionBottom.d.ts +5 -0
  277. package/dist/types/IconPositionLeft.d.ts +5 -0
  278. package/dist/types/IconPositionRight.d.ts +5 -0
  279. package/dist/types/IconPositionTop.d.ts +5 -0
  280. package/dist/types/IdentityButtonsLayoutIcons.d.ts +5 -0
  281. package/dist/types/IdentityButtonsLayoutRow.d.ts +5 -0
  282. package/dist/types/IdentityButtonsLayoutStack.d.ts +5 -0
  283. package/dist/types/IdentityDividerLine.d.ts +5 -0
  284. package/dist/types/IdentityDividerText.d.ts +5 -0
  285. package/dist/types/MembersAreaLargeSize.d.ts +5 -0
  286. package/dist/types/MembersAreaMediumSize.d.ts +5 -0
  287. package/dist/types/MembersAreaSmallSize.d.ts +5 -0
  288. package/dist/types/MembersIcon.d.ts +5 -0
  289. package/dist/types/MenuDividerDash.d.ts +5 -0
  290. package/dist/types/MenuDividerDots.d.ts +5 -0
  291. package/dist/types/MenuDividerLine.d.ts +5 -0
  292. package/dist/types/OnlineOrderBelowOrder.d.ts +5 -0
  293. package/dist/types/OnlineOrderCard.d.ts +5 -0
  294. package/dist/types/OnlineOrderImageRight.d.ts +5 -0
  295. package/dist/types/OnlineOrderOnImage.d.ts +5 -0
  296. package/dist/types/RestauransMenusCenter.d.ts +5 -0
  297. package/dist/types/RestauransMenusExpand.d.ts +5 -0
  298. package/dist/types/RestauransMenusSplitImageText.d.ts +5 -0
  299. package/dist/types/StoreCategoryMenuTypeVertical.d.ts +5 -0
  300. package/dist/types/StoreHeaderPositionMinimised.d.ts +5 -0
  301. package/dist/types/StoreHeaderPositionStretched.d.ts +5 -0
  302. package/dist/types/StoreImageBottom.d.ts +5 -0
  303. package/dist/types/StoreImageCard.d.ts +5 -0
  304. package/dist/types/StoreImagePlacementSide.d.ts +5 -0
  305. package/dist/types/StoreImagePlacementTop.d.ts +5 -0
  306. package/dist/types/StoreProductLayoutClassic.d.ts +5 -0
  307. package/dist/types/StoreRibonHorizontal.d.ts +5 -0
  308. package/dist/types/StoreRibonStack.d.ts +5 -0
  309. package/dist/types/animated/HeaderScrollEffectDisappear.d.ts +7 -0
  310. package/dist/types/animated/HeaderScrollEffectFadeOut.d.ts +7 -0
  311. package/dist/types/animated/HeaderScrollEffectMoveWithPage.d.ts +7 -0
  312. package/dist/types/animated/HeaderScrollEffectStayFixed.d.ts +7 -0
  313. package/dist/types/animated/LimitScaling2Guy.d.ts +7 -0
  314. package/dist/types/animated/MaxMinGuy.d.ts +7 -0
  315. package/dist/types/animated/MobileAlgoFastGuy.d.ts +7 -0
  316. package/dist/types/animated/ResponsiveBehaviorElementsFixed.d.ts +7 -0
  317. package/dist/types/animated/ResponsiveBehaviorElementsRelativeWidth.d.ts +7 -0
  318. package/dist/types/animated/ResponsiveBehaviorElementsScaleProportionally.d.ts +7 -0
  319. package/dist/types/animated/ResponsiveBehaviorElementsStretch.d.ts +7 -0
  320. package/dist/types/animated/ResponsiveBehaviorHeaderFadeOut.d.ts +7 -0
  321. package/dist/types/animated/ResponsiveBehaviorHeaderFreeze.d.ts +7 -0
  322. package/dist/types/animated/ResponsiveBehaviorScaleProportionally.d.ts +7 -0
  323. package/dist/types/animated/ResponsiveBehaviorSectionFixedHeight.d.ts +7 -0
  324. package/dist/types/animated/ResponsiveBehaviorTextCustomScale.d.ts +7 -0
  325. package/dist/types/animated/ResponsiveBehaviorTextFixed.d.ts +7 -0
  326. package/dist/types/animated/ResponsiveBehaviorTextHug.d.ts +7 -0
  327. package/dist/types/animated/ResponsiveBehaviorTextScaleProportionally.d.ts +7 -0
  328. package/dist/types/animated/ResponsiveBehaviorWarp.d.ts +7 -0
  329. package/dist/types/animated/index.d.ts +40 -0
  330. package/dist/types/index.d.ts +44 -0
  331. package/package.json +3 -3
  332. package/src/AvatarCircle.svg +11 -11
  333. package/src/AvatarSquare.svg +11 -11
  334. package/src/BlogFullPost.svg +19 -19
  335. package/src/BlogOneColumn.svg +13 -13
  336. package/src/BlogTagButton.svg +17 -15
  337. package/src/BookingsGrid.svg +34 -34
  338. package/src/BookingsOverlapping.svg +43 -22
  339. package/src/BookingsSideBySide.svg +19 -19
  340. package/src/BookingsStrip.svg +10 -10
  341. package/src/ButtonsLayoutIconsIdentity.svg +42 -0
  342. package/src/ButtonsLayoutRowIdentity.svg +42 -0
  343. package/src/ButtonsLayoutStackIdentity.svg +42 -0
  344. package/src/DividerLineIdentity.svg +3 -0
  345. package/src/DividerLineTextIdentity.svg +23 -0
  346. package/src/DonutChart.svg +23 -23
  347. package/src/EventLayoutAlternating.svg +14 -14
  348. package/src/EventLayoutLeft.svg +14 -14
  349. package/src/EventLayoutRight.svg +14 -14
  350. package/src/EventLeft.svg +30 -30
  351. package/src/EventRight.svg +30 -30
  352. package/src/EventsZoomIn.svg +53 -0
  353. package/src/FileShareFill.svg +30 -0
  354. package/src/FileShareLabel.svg +32 -0
  355. package/src/FileShareLine.svg +15 -0
  356. package/src/FormLayoutAboveIdentity.svg +63 -0
  357. package/src/FormLayoutBelowIdentity.svg +63 -0
  358. package/src/GalleryBlur.svg +21 -21
  359. package/src/GalleryColorIn.svg +19 -19
  360. package/src/GalleryExpand.svg +27 -27
  361. package/src/GalleryExpandOut.svg +27 -27
  362. package/src/GalleryFade.svg +15 -15
  363. package/src/GalleryFadeIn.svg +19 -19
  364. package/src/GalleryInvert.svg +14 -14
  365. package/src/GalleryMoveUp.svg +32 -27
  366. package/src/GalleryNoChange.svg +17 -17
  367. package/src/GalleryOneColor.svg +19 -19
  368. package/src/GalleryShrink.svg +29 -29
  369. package/src/GallerySlideDown.svg +20 -20
  370. package/src/GallerySlideRight.svg +20 -20
  371. package/src/GallerySlideUp.svg +26 -31
  372. package/src/GalleryZoomOut.svg +28 -33
  373. package/src/IconPositionBottom.svg +24 -0
  374. package/src/IconPositionLeft.svg +24 -0
  375. package/src/IconPositionRight.svg +24 -0
  376. package/src/IconPositionTop.svg +24 -0
  377. package/src/IdentityButtonsLayoutIcons.svg +42 -0
  378. package/src/IdentityButtonsLayoutRow.svg +42 -0
  379. package/src/IdentityButtonsLayoutStack.svg +42 -0
  380. package/src/IdentityDividerLine.svg +3 -0
  381. package/src/IdentityDividerText.svg +25 -0
  382. package/src/MembersAreaLargeSize.svg +23 -0
  383. package/src/MembersAreaMediumSize.svg +23 -0
  384. package/src/MembersAreaSmallSize.svg +23 -0
  385. package/src/MembersIcon.svg +44 -0
  386. package/src/MembersName.svg +9 -9
  387. package/src/MembersNameAndIcon.svg +16 -16
  388. package/src/MenuDividerDash.svg +3 -0
  389. package/src/MenuDividerDots.svg +10 -0
  390. package/src/MenuDividerLine.svg +3 -0
  391. package/src/OnlineOrderBelowOrder.svg +56 -0
  392. package/src/OnlineOrderCard.svg +62 -0
  393. package/src/OnlineOrderImageRight.svg +62 -0
  394. package/src/OnlineOrderOnImage.svg +56 -0
  395. package/src/PricingLayoutAbove.svg +31 -18
  396. package/src/PricingLayoutBelow.svg +26 -17
  397. package/src/PricingLayoutLeft.svg +37 -19
  398. package/src/PricingLayoutRight.svg +37 -19
  399. package/src/RestauransMenusCenter.svg +5 -0
  400. package/src/RestauransMenusExpand.svg +27 -0
  401. package/src/RestauransMenusSplitImageText.svg +26 -0
  402. package/src/RestaurantStrip.svg +7 -7
  403. package/src/ShuttersAnimation.svg +17 -22
  404. package/src/StoreAboveInfo.svg +11 -11
  405. package/src/StoreAccordionCollapse.svg +30 -30
  406. package/src/StoreBelowInfo.svg +15 -15
  407. package/src/StoreButtons.svg +8 -8
  408. package/src/StoreCategoryMenuTypeVertical.svg +27 -0
  409. package/src/StoreCollapse.svg +12 -12
  410. package/src/StoreDrawer.svg +14 -14
  411. package/src/StoreDropdown.svg +11 -11
  412. package/src/StoreHeaderPositionMinimised.svg +69 -0
  413. package/src/StoreHeaderPositionStretched.svg +68 -0
  414. package/src/StoreImageBottom.svg +50 -0
  415. package/src/StoreImageCard.svg +60 -0
  416. package/src/StoreImagePlacementSide.svg +62 -0
  417. package/src/StoreImagePlacementTop.svg +62 -0
  418. package/src/StoreInline.svg +28 -17
  419. package/src/StoreNegativeBack.svg +11 -9
  420. package/src/StoreOnImage.svg +17 -22
  421. package/src/StorePopUp.svg +23 -23
  422. package/src/StorePriceSideBySide.svg +10 -10
  423. package/src/StorePriceStacked.svg +10 -10
  424. package/src/StoreProductInfo.svg +11 -11
  425. package/src/StoreProductLayoutClassic.svg +50 -0
  426. package/src/StoreRibonHorizontal.svg +25 -0
  427. package/src/StoreRibonStack.svg +26 -0
  428. package/src/StoreSideBySide.svg +10 -10
  429. package/src/StoreSleek.svg +15 -15
  430. package/src/StoreSpotlight.svg +30 -30
  431. package/src/StoreStreched.svg +30 -13
  432. package/src/StoreStunning.svg +16 -16
  433. package/src/StoreSwapImage.svg +27 -27
  434. package/src/StoreTrim.svg +20 -14
  435. package/src/StoreWrap.svg +13 -15
  436. package/src/animated/HeaderScrollEffectDisappear.html +265 -0
  437. package/src/animated/HeaderScrollEffectFadeOut.html +265 -0
  438. package/src/animated/HeaderScrollEffectMoveWithPage.html +222 -0
  439. package/src/animated/HeaderScrollEffectStayFixed.html +240 -0
  440. package/src/animated/LimitScaling2Guy.html +556 -0
  441. package/src/animated/MaxMinGuy.html +523 -0
  442. package/src/animated/MobileAlgoFastGuy.html +711 -0
  443. package/src/animated/ResponsiveBehaviorElementsFixed.html +267 -0
  444. package/src/animated/ResponsiveBehaviorElementsRelativeWidth.html +332 -0
  445. package/src/animated/ResponsiveBehaviorElementsScaleProportionally.html +336 -0
  446. package/src/animated/ResponsiveBehaviorElementsStretch.html +1028 -0
  447. package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +289 -0
  448. package/src/animated/ResponsiveBehaviorHeaderFreeze.html +290 -0
  449. package/src/animated/ResponsiveBehaviorScaleProportionally.html +445 -0
  450. package/src/animated/ResponsiveBehaviorSectionFixedHeight.html +318 -0
  451. package/src/animated/ResponsiveBehaviorTextCustomScale.html +320 -0
  452. package/src/animated/ResponsiveBehaviorTextFixed.html +189 -0
  453. package/src/animated/ResponsiveBehaviorTextHug.html +565 -0
  454. package/src/animated/ResponsiveBehaviorTextScaleProportionally.html +320 -0
  455. package/src/animated/ResponsiveBehaviorWarp.html +573 -0
package/src/animated/ResponsiveBehaviorSectionFixedHeight.html ADDED
@@ -0,0 +1,318 @@
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
+ }
18
+
19
+ .node-11 {
20
+ transform-box: fill-box;
21
+ transform-origin: 50% 50%;
22
+ animation: node-11-transform 3375ms linear infinite both;
23
+ }
24
+
25
+ @keyframes node-11-transform {
26
+ 0% {
27
+ transform: translate(0px, 0px);
28
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
29
+ }
30
+ 49.392593% {
31
+ transform: translate(38px, 0px);
32
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
33
+ }
34
+ 98.755556% {
35
+ transform: translate(0px, 0px);
36
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
37
+ }
38
+ 100% {
39
+ transform: translate(0px, 0px);
40
+ }
41
+ }
42
+
43
+ .node-3-2 {
44
+ transform-box: fill-box;
45
+ transform-origin: 50% 50%;
46
+ animation: node-3-2-transform 3375ms linear infinite both;
47
+ }
48
+
49
+ .node-3-2-shape {
50
+ animation: node-3-2-width 3375ms linear infinite both;
51
+ }
52
+
53
+ @keyframes node-3-2-transform {
54
+ 0% {
55
+ transform: translate(-37px, 0px);
56
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
57
+ }
58
+ 49.392593% {
59
+ transform: translate(0px, 0px);
60
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
61
+ }
62
+ 98.755556% {
63
+ transform: translate(-37px, 0px);
64
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
65
+ }
66
+ 100% {
67
+ transform: translate(-37px, 0px);
68
+ }
69
+ }
70
+
71
+ @keyframes node-3-2-width {
72
+ 0% {
73
+ width: 147px;
74
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
75
+ }
76
+ 49.392593% {
77
+ width: 73px;
78
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
79
+ }
80
+ 98.755556% {
81
+ width: 147px;
82
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
83
+ }
84
+ 100% {
85
+ width: 147px;
86
+ }
87
+ }
88
+
89
+ .node-4 {
90
+ transform-box: fill-box;
91
+ transform-origin: 50% 50%;
92
+ animation: node-4-transform 3375ms linear infinite both;
93
+ }
94
+
95
+ @keyframes node-4-transform {
96
+ 0% {
97
+ transform: translate(0px, 0px);
98
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
99
+ }
100
+ 49.392593% {
101
+ transform: translate(37px, 0px);
102
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
103
+ }
104
+ 98.755556% {
105
+ transform: translate(0px, 0px);
106
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
107
+ }
108
+ 100% {
109
+ transform: translate(0px, 0px);
110
+ }
111
+ }
112
+
113
+ .node-5 {
114
+ transform-box: fill-box;
115
+ transform-origin: 50% 50%;
116
+ animation: node-5-transform 3375ms linear infinite both;
117
+ }
118
+
119
+ @keyframes node-5-transform {
120
+ 0% {
121
+ transform: translate(0px, 0px);
122
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
123
+ }
124
+ 49.392593% {
125
+ transform: translate(-37px, 0px);
126
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
127
+ }
128
+ 98.755556% {
129
+ transform: translate(0px, 0px);
130
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
131
+ }
132
+ 100% {
133
+ transform: translate(0px, 0px);
134
+ }
135
+ }
136
+
137
+ .node-7-3 {
138
+ transform-box: fill-box;
139
+ transform-origin: 50% 50%;
140
+ animation: node-7-3-transform 3375ms linear infinite both;
141
+ }
142
+
143
+ .node-7-3-shape {
144
+ animation: node-7-3-width 3375ms linear infinite both;
145
+ }
146
+
147
+ @keyframes node-7-3-transform {
148
+ 0% {
149
+ transform: translate(-37px, 0px);
150
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
151
+ }
152
+ 49.392593% {
153
+ transform: translate(0px, 0px);
154
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
155
+ }
156
+ 98.755556% {
157
+ transform: translate(-37px, 0px);
158
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
159
+ }
160
+ 100% {
161
+ transform: translate(-37px, 0px);
162
+ }
163
+ }
164
+
165
+ @keyframes node-7-3-width {
166
+ 0% {
167
+ width: 147px;
168
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
169
+ }
170
+ 49.392593% {
171
+ width: 73px;
172
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
173
+ }
174
+ 98.755556% {
175
+ width: 147px;
176
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
177
+ }
178
+ 100% {
179
+ width: 147px;
180
+ }
181
+ }
182
+
183
+ .node-8 {
184
+ transform-box: fill-box;
185
+ transform-origin: 50% 50%;
186
+ animation: node-8-transform 3375ms linear infinite both;
187
+ }
188
+
189
+ @keyframes node-8-transform {
190
+ 0% {
191
+ transform: translate(0px, 0px);
192
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
193
+ }
194
+ 98.755556% {
195
+ transform: translate(0px, 0px);
196
+ animation-timing-function: cubic-bezier(0, 0, 1, 1);
197
+ }
198
+ 100% {
199
+ transform: translate(0px, 0px);
200
+ }
201
+ }
202
+ </style>
203
+ </head>
204
+ <body>
205
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
206
+ <defs>
207
+ <linearGradient id="paint0_linear_1118_5963" x1="69.8122" y1="25.6667" x2="-91.7874" y2="84.3309" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
208
+ <linearGradient id="paint0_linear_1118_5980" x1="72.6142" y1="9.26832" x2="-18.2597" y2="104.292" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
209
+ <linearGradient id="paint1_linear_1118_5963" x1="180.625" y1="18.6735" x2="134.776" y2="99.5385" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
210
+ <linearGradient id="paint1_linear_1118_5980" x1="180.417" y1="18.5925" x2="134.568" y2="99.4575" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
211
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_i_1118_5980" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
212
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
213
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
214
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
215
+ <feOffset dx="1" dy="1"/>
216
+ <feGaussianBlur stdDeviation="1.5"/>
217
+ <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
218
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
219
+ <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1118_5980"/>
220
+ </filter>
221
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5980" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
222
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
223
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
224
+ <feGaussianBlur stdDeviation="11.6304" result="effect1_foregroundBlur_1118_5980"/>
225
+ </filter>
226
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_1118_5980" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
227
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
228
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
229
+ <feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_1118_5980"/>
230
+ </filter>
231
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5980">
232
+ <rect x="81.4805" y="33.498" width="73" height="60.0044" rx="4" fill="white"/>
233
+ </clipPath>
234
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5980">
235
+ <rect x="108.477" y="66.6545" width="19" height="7" rx="3.5" fill="white"/>
236
+ </clipPath>
237
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5963" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
238
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
239
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
240
+ <feGaussianBlur stdDeviation="8.40795" result="effect1_foregroundBlur_1118_5963"/>
241
+ </filter>
242
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_1118_5963" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
243
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
244
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
245
+ <feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_1118_5963"/>
246
+ </filter>
247
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5963">
248
+ <rect x="44.6865" y="33.498" width="147" height="60.0044" rx="4" fill="white"/>
249
+ </clipPath>
250
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5963">
251
+ <rect x="108.685" y="66.7356" width="19" height="7" rx="3.5" fill="white"/>
252
+ </clipPath>
253
+ <mask id="am-node-7-3" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="node-7-3"> <rect class="node-7-3-shape" x="81.6865" y="33.498" width="73" height="60.0044" rx="4" ry="4" fill="var(--color-4)" /></g></mask>
254
+ </defs>
255
+ <g>
256
+ <g fill="none">
257
+ <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)" />
258
+ <g class="node-3-2">
259
+ <rect class="node-3-2-shape" x="81.6865" y="23" width="73" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
260
+ </g>
261
+ <g class="node-4">
262
+ <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-2)" />
263
+ </g>
264
+ <g class="node-5">
265
+ <path d="M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z" fill="var(--color-2)" />
266
+ </g>
267
+ <g mask="url(#am-node-7-3)">
268
+ <g>
269
+ <g display="none" fill="none" opacity="0.5">
270
+ <rect x="44.6865" y="33.498" width="147" height="60.0044" rx="6" fill="var(--color-4)" />
271
+ </g>
272
+ <g class="node-8" fill="none" clip-path="url(#clip0_1118_5963)">
273
+ <rect x="44.6865" y="33.498" width="147" height="60.0044" rx="4" fill="var(--color-1)" />
274
+ <g fill="none" filter="url(#filter1_f_1118_5963)">
275
+ <g class="node-11">
276
+ <path d="M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z" fill="url(#paint0_linear_1118_5963)" />
277
+ </g>
278
+ </g>
279
+ </g>
280
+ <g>
281
+ <rect x="93.3218" y="53.2649" width="49.7295" height="1.66238" rx="0.831192" fill="var(--color-1)" />
282
+ <rect x="104.623" y="59.0569" width="27.1252" height="1.66238" rx="0.831192" fill="var(--color-1)" />
283
+ <g fill="none" clip-path="url(#clip1_1118_5963)">
284
+ <rect x="108.685" y="66.7356" width="19" height="7" rx="3.5" fill="var(--color-1)" />
285
+ <g fill="none" filter="url(#filter2_f_1118_5963)">
286
+ <path d="M108.685 13.2295H192.515V73.8807H108.685V13.2295Z" fill="url(#paint1_linear_1118_5963)" />
287
+ </g>
288
+ </g>
289
+ </g>
290
+ </g>
291
+ </g>
292
+ </g>
293
+ </g>
294
+ <g display="none" opacity="0.5">
295
+ <g fill="none" filter="url(#filter0_i_1118_5980)">
296
+ <path 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)" />
297
+ <rect x="81.4805" y="23.5" width="73" height="80" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
298
+ <g fill="none" clip-path="url(#clip0_1118_5980)">
299
+ <rect x="81.4805" y="33.498" width="73" height="60.0044" rx="4" fill="var(--color-1)" />
300
+ <g fill="none" filter="url(#filter1_f_1118_5980)">
301
+ <path d="M 184.384 93.502 L 184.384004 8.8873 L 81.127004 8.887295 L 81.127 93.501995 Z" fill="url(#paint0_linear_1118_5980)" />
302
+ </g>
303
+ </g>
304
+ <rect x="93.1138" y="53.3459" width="49.7295" height="1.5" rx="0.75" fill="var(--color-1)" />
305
+ <rect x="104.415" y="58.8528" width="27.1252" height="1.5" rx="0.75" fill="var(--color-1)" />
306
+ <g fill="none" clip-path="url(#clip1_1118_5980)">
307
+ <rect x="108.477" y="66.6545" width="19" height="7" rx="3.5" fill="var(--color-1)" />
308
+ <g fill="none" filter="url(#filter2_f_1118_5980)">
309
+ <path d="M108.477 13.1484H192.307V73.7996H108.477V13.1484Z" fill="url(#paint1_linear_1118_5980)" />
310
+ </g>
311
+ </g>
312
+ <path d="M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z" fill="var(--color-2)" />
313
+ <path d="M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z" fill="var(--color-2)" />
314
+ </g>
315
+ </g>
316
+ </svg>
317
+ </body>
318
+ </html>
package/src/animated/ResponsiveBehaviorTextCustomScale.html ADDED
@@ -0,0 +1,320 @@
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: #212122;
16
+ --color-4: #F8F6F6;
17
+ --color-5: #2D2D2E;
18
+ }
19
+
20
+ .node-1-3 {
21
+ transform-box: fill-box;
22
+ transform-origin: 50% 50%;
23
+ animation: node-1-3-transform 3417ms linear infinite both;
24
+ }
25
+
26
+ @keyframes node-1-3-transform {
27
+ 0% {
28
+ transform: translate(70.080222px, 56.500242px) scale(1, 1);
29
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
30
+ }
31
+ 48.775729% {
32
+ transform: translate(70.080222px, 56.500242px) scale(0.35, 0.35);
33
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
34
+ }
35
+ 97.551458% {
36
+ transform: translate(70.080222px, 56.500242px) scale(1, 1);
37
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
38
+ }
39
+ 100% {
40
+ transform: translate(70.080222px, 56.500242px) scale(1, 1);
41
+ }
42
+ }
43
+
44
+ .node-10 {
45
+ transform-box: fill-box;
46
+ transform-origin: 50% 50%;
47
+ animation: node-10-transform 3417ms linear infinite both;
48
+ }
49
+
50
+ @keyframes node-10-transform {
51
+ 0% {
52
+ transform: translate(0px, 0px);
53
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
54
+ }
55
+ 48.775729% {
56
+ transform: translate(33px, -4px);
57
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
58
+ }
59
+ 97.551458% {
60
+ transform: translate(0px, 0px);
61
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
62
+ }
63
+ 100% {
64
+ transform: translate(0px, 0px);
65
+ }
66
+ }
67
+
68
+ .node-11 {
69
+ transform-box: fill-box;
70
+ transform-origin: 50% 50%;
71
+ animation: node-11-transform 3417ms linear infinite both;
72
+ }
73
+
74
+ @keyframes node-11-transform {
75
+ 0% {
76
+ transform: translate(0px, 0px);
77
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
78
+ }
79
+ 48.775729% {
80
+ transform: translate(-32px, -4px);
81
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
82
+ }
83
+ 97.551458% {
84
+ transform: translate(0px, 0px);
85
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
86
+ }
87
+ 100% {
88
+ transform: translate(0px, 0px);
89
+ }
90
+ }
91
+
92
+ .node-12 {
93
+ transform-box: fill-box;
94
+ transform-origin: 50% 50%;
95
+ animation: node-12-transform 3417ms linear infinite both;
96
+ }
97
+
98
+ @keyframes node-12-transform {
99
+ 0% {
100
+ transform: translate(0px, 0px);
101
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
102
+ }
103
+ 48.775729% {
104
+ transform: translate(33px, 5px);
105
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
106
+ }
107
+ 97.551458% {
108
+ transform: translate(0px, 0px);
109
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
110
+ }
111
+ 100% {
112
+ transform: translate(0px, 0px);
113
+ }
114
+ }
115
+
116
+ .node-13 {
117
+ transform-box: fill-box;
118
+ transform-origin: 50% 50%;
119
+ animation: node-13-transform 3417ms linear infinite both;
120
+ }
121
+
122
+ @keyframes node-13-transform {
123
+ 0% {
124
+ transform: translate(0px, 0px);
125
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
126
+ }
127
+ 48.775729% {
128
+ transform: translate(-32px, 5px);
129
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
130
+ }
131
+ 97.551458% {
132
+ transform: translate(0px, 0px);
133
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
134
+ }
135
+ 100% {
136
+ transform: translate(0px, 0px);
137
+ }
138
+ }
139
+
140
+ .node-3 {
141
+ transform-box: fill-box;
142
+ transform-origin: 50% 50%;
143
+ animation: node-3-transform 3417ms linear infinite both;
144
+ }
145
+
146
+ @keyframes node-3-transform {
147
+ 0% {
148
+ transform: translate(0px, 0px);
149
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
150
+ }
151
+ 48.775729% {
152
+ transform: translate(36px, 0px);
153
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
154
+ }
155
+ 97.551458% {
156
+ transform: translate(0px, 0px);
157
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
158
+ }
159
+ 100% {
160
+ transform: translate(0px, 0px);
161
+ }
162
+ }
163
+
164
+ .node-4 {
165
+ transform-box: fill-box;
166
+ transform-origin: 50% 50%;
167
+ animation: node-4-transform 3417ms linear infinite both;
168
+ }
169
+
170
+ @keyframes node-4-transform {
171
+ 0% {
172
+ transform: translate(0px, 0px);
173
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
174
+ }
175
+ 48.775729% {
176
+ transform: translate(-37px, 0px);
177
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
178
+ }
179
+ 97.551458% {
180
+ transform: translate(0px, 0px);
181
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
182
+ }
183
+ 100% {
184
+ transform: translate(0px, 0px);
185
+ }
186
+ }
187
+
188
+ .node-5 {
189
+ transform-box: fill-box;
190
+ transform-origin: 50% 50%;
191
+ animation:
192
+ node-5-transform 3417ms linear infinite both,
193
+ node-5-width 3417ms linear infinite both;
194
+ }
195
+
196
+ @keyframes node-5-transform {
197
+ 0% {
198
+ transform: translate(-36.5px, 0px);
199
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
200
+ }
201
+ 48.775729% {
202
+ transform: translate(0px, 0px);
203
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
204
+ }
205
+ 97.551458% {
206
+ transform: translate(-36.5px, 0px);
207
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
208
+ }
209
+ 100% {
210
+ transform: translate(-36.5px, 0px);
211
+ }
212
+ }
213
+
214
+ @keyframes node-5-width {
215
+ 0% {
216
+ width: 147px;
217
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
218
+ }
219
+ 48.775729% {
220
+ width: 74px;
221
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
222
+ }
223
+ 97.551458% {
224
+ width: 147px;
225
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
226
+ }
227
+ 100% {
228
+ width: 147px;
229
+ }
230
+ }
231
+
232
+ .node-6 {
233
+ transform-box: fill-box;
234
+ transform-origin: 50% 50%;
235
+ animation:
236
+ node-6-transform 3417ms linear infinite both,
237
+ node-6-width 3417ms linear infinite both,
238
+ node-6-height 3417ms linear infinite both;
239
+ }
240
+
241
+ @keyframes node-6-transform {
242
+ 0% {
243
+ transform: translate(-32.5px, -4.5px);
244
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
245
+ }
246
+ 48.775729% {
247
+ transform: translate(0px, 0px);
248
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
249
+ }
250
+ 97.551458% {
251
+ transform: translate(-32.5px, -4.5px);
252
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
253
+ }
254
+ 100% {
255
+ transform: translate(-32.5px, -4.5px);
256
+ }
257
+ }
258
+
259
+ @keyframes node-6-width {
260
+ 0% {
261
+ width: 111px;
262
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
263
+ }
264
+ 48.775729% {
265
+ width: 46px;
266
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
267
+ }
268
+ 97.551458% {
269
+ width: 111px;
270
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
271
+ }
272
+ 100% {
273
+ width: 111px;
274
+ }
275
+ }
276
+
277
+ @keyframes node-6-height {
278
+ 0% {
279
+ height: 26px;
280
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
281
+ }
282
+ 48.775729% {
283
+ height: 17px;
284
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
285
+ }
286
+ 97.551458% {
287
+ height: 26px;
288
+ animation-timing-function: cubic-bezier(0.8, 0, 0.92, 1);
289
+ }
290
+ 100% {
291
+ height: 26px;
292
+ }
293
+ }
294
+ </style>
295
+ </head>
296
+ <body>
297
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
298
+ <defs>
299
+ <linearGradient id="paint0_linear_32_4819" x1="5" y1="45.5" x2="84.5" y2="-15" gradientUnits="userSpaceOnUse"><stop offset="0.15" stop-color="#B8C4FF" /><stop offset="0.42" stop-color="#D5DFFF" /><stop offset="0.82" stop-color="#EAEFFF" /></linearGradient>
300
+ <mask id="am-node-1-3" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><path class="node-1-3" d="M6.18515 12.0503H3.43622V2.94047H5.6057e-05V0.62306H9.62131V2.94047H6.18515V12.0503ZM15.3982 9.36529L16.7088 10.9795C16.3039 11.395 15.7658 11.72 15.0946 11.9544C14.434 12.1888 13.7201 12.306 12.953 12.306C11.9621 12.306 11.099 12.1249 10.3639 11.7626C9.62867 11.4004 9.05331 10.8943 8.63778 10.2443C8.2329 9.59437 8.03046 8.84321 8.03046 7.99083C8.03046 7.12779 8.22757 6.3713 8.6218 5.72136C9.01602 5.06077 9.54876 4.54934 10.22 4.18708C10.9019 3.82482 11.6584 3.64369 12.4895 3.64369C13.3099 3.64369 14.0397 3.82482 14.679 4.18708C15.3183 4.53869 15.8191 5.03413 16.1814 5.67342C16.5436 6.30205 16.7247 7.03723 16.7247 7.87895V8.75797H10.8433C10.9925 9.25875 11.2642 9.63699 11.6584 9.8927C12.0633 10.1378 12.5534 10.2603 13.1288 10.2603C13.9918 10.2603 14.7483 9.96196 15.3982 9.36529ZM12.4735 5.67342C12.058 5.67342 11.701 5.8066 11.4027 6.07297C11.1044 6.32869 10.9019 6.7016 10.7954 7.19172H14.0717C13.9971 6.72291 13.8213 6.35532 13.5443 6.08895C13.2779 5.81193 12.921 5.67342 12.4735 5.67342ZM19.4604 12.0503H16.4398L19.4924 7.81502L16.6795 3.8994H19.6842L21.1865 6.23279L22.7048 3.8994H25.7254L22.8966 7.81502L25.9332 12.0503H22.9126L21.1865 9.41324L19.4604 12.0503ZM31.7943 12.0503H29.6846C28.0332 12.0503 27.2074 11.2245 27.2074 9.57306V6.04101H25.9448V3.8994H27.2074V1.88565H29.9084V3.8994H31.7144V6.04101H29.9084V9.04565C29.9084 9.35464 29.967 9.57306 30.0842 9.70092C30.2014 9.81812 30.4092 9.87672 30.7075 9.87672H31.7943V12.0503ZM38.4555 12.0503H35.7065V0.62306H40.4852C41.3376 0.62306 42.0887 0.777554 42.7387 1.08654C43.3886 1.39553 43.8947 1.82705 44.257 2.3811C44.6192 2.92449 44.8004 3.56377 44.8004 4.29895C44.8004 5.02348 44.6192 5.66276 44.257 6.21681C43.8947 6.77086 43.3886 7.20238 42.7387 7.51136C42.0887 7.82035 41.3376 7.97485 40.4852 7.97485H38.4555V12.0503ZM40.4852 2.90851H38.4555V5.6894H40.4852C40.954 5.6894 41.3269 5.56687 41.6039 5.32181C41.881 5.0661 42.0195 4.72514 42.0195 4.29895C42.0195 3.87276 41.881 3.53714 41.6039 3.29208C41.3269 3.03636 40.954 2.90851 40.4852 2.90851ZM51.2734 3.75556V6.15288H50.762C49.9948 6.15288 49.4195 6.33934 49.0359 6.71226C48.663 7.08517 48.4765 7.69249 48.4765 8.53422V12.0503H45.7755V3.8994H48.4605V5.30583C48.6417 4.89029 48.8654 4.57065 49.1318 4.3469C49.4088 4.12315 49.7018 3.96866 50.0108 3.88342C50.3304 3.79818 50.6288 3.75556 50.9058 3.75556H51.2734ZM58.8715 9.36529L60.1821 10.9795C59.7772 11.395 59.2391 11.72 58.5679 11.9544C57.9073 12.1888 57.1934 12.306 56.4263 12.306C55.4354 12.306 54.5723 12.1249 53.8372 11.7626C53.102 11.4004 52.5266 10.8943 52.1111 10.2443C51.7062 9.59437 51.5038 8.84321 51.5038 7.99083C51.5038 7.12779 51.7009 6.3713 52.0951 5.72136C52.4893 5.06077 53.0221 4.54934 53.6933 4.18708C54.3752 3.82482 55.1317 3.64369 55.9628 3.64369C56.7832 3.64369 57.513 3.82482 58.1523 4.18708C58.7916 4.53869 59.2924 5.03413 59.6547 5.67342C60.0169 6.30205 60.198 7.03723 60.198 7.87895V8.75797H54.3166C54.4658 9.25875 54.7375 9.63699 55.1317 9.8927C55.5366 10.1378 56.0267 10.2603 56.6021 10.2603C57.4651 10.2603 58.2216 9.96196 58.8715 9.36529ZM55.9468 5.67342C55.5313 5.67342 55.1743 5.8066 54.876 6.07297C54.5777 6.32869 54.3752 6.7016 54.2687 7.19172H57.545C57.4704 6.72291 57.2946 6.35532 57.0176 6.08895C56.7512 5.81193 56.3943 5.67342 55.9468 5.67342ZM66.0503 12.0503H63.4452L59.993 3.8994H62.7579L64.7717 9.41324L66.8014 3.8994H69.5024L66.0503 12.0503ZM71.5002 2.95645C71.074 2.95645 70.7117 2.81794 70.4134 2.54092C70.1151 2.25324 69.9659 1.90163 69.9659 1.4861C69.9659 1.05991 70.1151 0.708298 70.4134 0.431274C70.7117 0.143596 71.074 -0.000243286 71.5002 -0.000243286C71.937 -0.000243286 72.2993 0.143596 72.587 0.431274C72.8853 0.708298 73.0345 1.05991 73.0345 1.4861C73.0345 1.90163 72.8853 2.25324 72.587 2.54092C72.2993 2.81794 71.937 2.95645 71.5002 2.95645ZM72.8587 12.0503H70.1577V3.8994H72.8587V12.0503ZM81.2091 9.36529L82.5196 10.9795C82.1147 11.395 81.5767 11.72 80.9054 11.9544C80.2448 12.1888 79.5309 12.306 78.7638 12.306C77.7729 12.306 76.9099 12.1249 76.1747 11.7626C75.4395 11.4004 74.8642 10.8943 74.4486 10.2443C74.0437 9.59437 73.8413 8.84321 73.8413 7.99083C73.8413 7.12779 74.0384 6.3713 74.4326 5.72136C74.8269 5.06077 75.3596 4.54934 76.0309 4.18708C76.7128 3.82482 77.4693 3.64369 78.3003 3.64369C79.1207 3.64369 79.8506 3.82482 80.4899 4.18708C81.1292 4.53869 81.6299 5.03413 81.9922 5.67342C82.3545 6.30205 82.5356 7.03723 82.5356 7.87895V8.75797H76.6542C76.8033 9.25875 77.075 9.63699 77.4693 9.8927C77.8741 10.1378 78.3643 10.2603 78.9396 10.2603C79.8026 10.2603 80.5591 9.96196 81.2091 9.36529ZM78.2843 5.67342C77.8688 5.67342 77.5119 5.8066 77.2135 6.07297C76.9152 6.32869 76.7128 6.7016 76.6062 7.19172H79.8826C79.808 6.72291 79.6322 6.35532 79.3551 6.08895C79.0888 5.81193 78.7318 5.67342 78.2843 5.67342ZM93.4303 12.0503H90.8731L89.2749 7.4794L87.7087 12.0503H85.1515L82.6583 3.8994H85.2794L86.574 9.17351L88.284 3.8994H90.3617L92.0558 9.14154L93.3504 3.8994H95.9235L93.4303 12.0503Z" fill="var(--color-1)" /></mask>
301
+ </defs>
302
+ <g>
303
+ <g fill="none">
304
+ <rect display="none" x="0" y="0" width="236" height="126" fill="var(--color-3)" />
305
+ <path class="node-3" d="M42.5 67V59C42.5 58.4477 42.0523 58 41.5 58C40.9477 58 40.5 58.4477 40.5 59V67C40.5 67.5523 40.9477 68 41.5 68C42.0523 68 42.5 67.5523 42.5 67Z" fill="var(--color-2)" />
306
+ <path class="node-4" d="M196.5 67V59C196.5 58.4477 196.052 58 195.5 58C194.948 58 194.5 58.4477 194.5 59V67C194.5 67.5523 194.948 68 195.5 68C196.052 68 196.5 67.5523 196.5 67Z" fill="var(--color-2)" />
307
+ <rect class="node-5" x="81.5" y="22.5" width="74" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
308
+ <rect class="node-6" x="95" y="54.5" width="46" height="17" fill="var(--color-5)" fill-opacity="0.5" />
309
+ <g mask="url(#am-node-1-3)">
310
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(67.500003px, 54.500001px)" x="0" y="0" width="102" height="18" fill="url(#paint0_linear_32_4819)" />
311
+ </g>
312
+ <rect class="node-10" x="61" y="74" width="4" height="4" rx="1" fill="var(--color-2)" />
313
+ <rect class="node-11" x="171" y="74" width="4" height="4" rx="1" fill="var(--color-2)" />
314
+ <rect class="node-12" x="61" y="48" width="4" height="4" rx="1" fill="var(--color-2)" />
315
+ <rect class="node-13" x="171" y="48" width="4" height="4" rx="1" fill="var(--color-2)" />
316
+ </g>
317
+ </g>
318
+ </svg>
319
+ </body>
320
+ </html>