@wix/design-system-illustrations 2.10.0 → 2.11.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.
- package/dist/cjs/A4Frame.js +52 -0
- package/dist/cjs/AiryMouse.js +57 -0
- package/dist/cjs/AlignBottomHorizontal.js +55 -0
- package/dist/cjs/AlignCenterHorizontal.js +55 -0
- package/dist/cjs/AlignCenterVertical.js +55 -0
- package/dist/cjs/AlignLeftVertical.js +55 -0
- package/dist/cjs/AlignRightVertical.js +55 -0
- package/dist/cjs/AlignSpread.js +55 -0
- package/dist/cjs/AlignTopHorizontal.js +55 -0
- package/dist/cjs/AlignmentLeftToRight.js +52 -0
- package/dist/cjs/AlignmentRightToLeft.js +52 -0
- package/dist/cjs/AllSides.js +55 -0
- package/dist/cjs/AppearClick.js +54 -0
- package/dist/cjs/AppearHover.js +54 -0
- package/dist/cjs/ArcEntrance.js +57 -0
- package/dist/cjs/ArcScroll.js +58 -0
- package/dist/cjs/AreaChart.js +54 -0
- package/dist/cjs/Aspect11.js +52 -0
- package/dist/cjs/Aspect11Image.js +52 -0
- package/dist/cjs/Aspect12.js +52 -0
- package/dist/cjs/{Aspect4_3.js → Aspect169.js} +9 -9
- package/dist/cjs/Aspect169Image.js +52 -0
- package/dist/cjs/Aspect23.js +52 -0
- package/dist/cjs/Aspect23Image.js +52 -0
- package/dist/cjs/Aspect32.js +52 -0
- package/dist/cjs/Aspect32Image.js +52 -0
- package/dist/cjs/Aspect34.js +52 -0
- package/dist/cjs/Aspect34Image.js +52 -0
- package/dist/cjs/Aspect3DSection.js +56 -0
- package/dist/cjs/Aspect3DSpinScroll.js +57 -0
- package/dist/cjs/Aspect43.js +52 -0
- package/dist/cjs/Aspect43Image.js +52 -0
- package/dist/cjs/Aspect45.js +52 -0
- package/dist/cjs/Aspect45Image.js +52 -0
- package/dist/cjs/Aspect54.js +52 -0
- package/dist/cjs/Aspect54Image.js +52 -0
- package/dist/cjs/{Aspect1_1.js → Aspect916.js} +9 -9
- package/dist/cjs/Aspect916Image.js +52 -0
- package/dist/cjs/BlankImage.js +52 -0
- package/dist/cjs/BlankSection.js +52 -0
- package/dist/cjs/BlankSectionOutline.js +52 -0
- package/dist/cjs/BlankSectionOutlineSmall.js +52 -0
- package/dist/cjs/BlankSectionSmall.js +52 -0
- package/dist/cjs/BlobMouse.js +55 -0
- package/dist/cjs/BlobsDivider.js +52 -0
- package/dist/cjs/Blur.js +1 -1
- package/dist/cjs/BlurAnimation.js +1 -1
- package/dist/cjs/BlurScroll.js +52 -0
- package/dist/cjs/Bottom.js +55 -0
- package/dist/cjs/Bounce.js +2 -2
- package/dist/cjs/BounceAnimation.js +2 -3
- package/dist/cjs/BounceEntrance.js +56 -0
- package/dist/cjs/BounceLoop.js +56 -0
- package/dist/cjs/Brandbook.js +59 -0
- package/dist/cjs/BreathAnimation.js +1 -1
- package/dist/cjs/BreathLoop.js +58 -0
- package/dist/cjs/BrushDivider.js +52 -0
- package/dist/cjs/ButtonStyleFilled.js +52 -0
- package/dist/cjs/ButtonStyleOutlined.js +51 -0
- package/dist/cjs/ButtonStylePillFilled.js +52 -0
- package/dist/cjs/ButtonStylePillOutlined.js +51 -0
- package/dist/cjs/ChooseTheLayoutGrid.js +59 -0
- package/dist/cjs/CircleImage.js +52 -0
- package/dist/cjs/CircleMarker.js +2 -2
- package/dist/cjs/ClockWipe.js +1 -1
- package/dist/cjs/CloudsDivider.js +52 -0
- package/dist/cjs/ColorAnimation.js +1 -1
- package/dist/cjs/ColorTransition.js +2 -2
- package/dist/cjs/CrossLoop.js +57 -0
- package/dist/cjs/Cube.js +2 -2
- package/dist/cjs/CustomImage.js +53 -0
- package/dist/cjs/DartScroll.js +57 -0
- package/dist/cjs/DesignedSection.js +52 -0
- package/dist/cjs/DesignedSectionSmall.js +52 -0
- package/dist/cjs/Doc.js +55 -0
- package/dist/cjs/DonutChart.js +53 -0
- package/dist/cjs/Drop.js +2 -2
- package/dist/cjs/DunesDivider.js +52 -0
- package/dist/cjs/ElipseDivider.js +52 -0
- package/dist/cjs/EllipseImage.js +52 -0
- package/dist/cjs/EmptyPage.js +52 -0
- package/dist/cjs/EmptyPageImage.js +52 -0
- package/dist/cjs/EventInfo.js +53 -0
- package/dist/cjs/ExpandAnimation.js +5 -5
- package/dist/cjs/ExpandClick.js +62 -0
- package/dist/cjs/ExpandHover.js +62 -0
- package/dist/cjs/ExpandScroll.js +63 -0
- package/dist/cjs/FacebookCover.js +55 -0
- package/dist/cjs/FacebookPost.js +54 -0
- package/dist/cjs/FacebookStory.js +52 -0
- package/dist/cjs/Fade.js +6 -5
- package/dist/cjs/FadeAnimation.js +1 -1
- package/dist/cjs/FadeBackSection.js +62 -0
- package/dist/cjs/{Aspect5_4.js → FadeClick.js} +10 -9
- package/dist/cjs/FadeHover.js +52 -0
- package/dist/cjs/FadeScroll.js +53 -0
- package/dist/cjs/FadeSection.js +52 -0
- package/dist/cjs/FillParallaxScroll.js +60 -0
- package/dist/cjs/FillReveal.js +55 -0
- package/dist/cjs/FlapLoop.js +57 -0
- package/dist/cjs/FlashAnimation.js +1 -1
- package/dist/cjs/FlashLoop.js +55 -0
- package/dist/cjs/Flip.js +2 -2
- package/dist/cjs/FlipAnimation.js +2 -2
- package/dist/cjs/FlipLoop.js +57 -0
- package/dist/cjs/FlipScroll.js +57 -0
- package/dist/cjs/FloatEntrance.js +56 -0
- package/dist/cjs/FloatingCardsAnimation.js +3 -3
- package/dist/cjs/FluidImage.js +53 -0
- package/dist/cjs/Fold.js +1 -1
- package/dist/cjs/FoldAnimation.js +3 -3
- package/dist/cjs/Form.js +57 -0
- package/dist/cjs/Freeform.js +1 -1
- package/dist/cjs/FreeformImage.js +53 -0
- package/dist/cjs/GenerateWithAI.js +53 -0
- package/dist/cjs/GenerateWithAIOutline.js +53 -0
- package/dist/cjs/GenerateWithAIOutlineSmall.js +53 -0
- package/dist/cjs/GenerateWithAISmall.js +53 -0
- package/dist/cjs/GlideEntrance.js +57 -0
- package/dist/cjs/GlitchAnimation.js +54 -0
- package/dist/cjs/GrowEntrance.js +56 -0
- package/dist/cjs/HeartImage.js +53 -0
- package/dist/cjs/HexagonalImage.js +53 -0
- package/dist/cjs/HillDivider.js +52 -0
- package/dist/cjs/HorizontalBarChart.js +53 -0
- package/dist/cjs/HorizontalBarGroupedChart.js +55 -0
- package/dist/cjs/ImageLayoutBlank.js +51 -0
- package/dist/cjs/ImageLayoutLarge.js +52 -0
- package/dist/cjs/ImageLayoutSingleColumn.js +52 -0
- package/dist/cjs/ImageLayoutThumbnail.js +52 -0
- package/dist/cjs/ImageLayoutTwoColumn.js +52 -0
- package/dist/cjs/ImagePositionBottom.js +52 -0
- package/dist/cjs/ImagePositionLeft.js +54 -0
- package/dist/cjs/ImagePositionRight.js +54 -0
- package/dist/cjs/ImagePositionTop.js +52 -0
- package/dist/cjs/ImageRatio11.js +52 -0
- package/dist/cjs/ImageRatio169.js +52 -0
- package/dist/cjs/InstagramPost.js +54 -0
- package/dist/cjs/InstagramReel.js +55 -0
- package/dist/cjs/InstagramStory.js +54 -0
- package/dist/cjs/InvertedElipseDivider.js +52 -0
- package/dist/cjs/Iris.js +1 -1
- package/dist/cjs/JelloLoop.js +56 -0
- package/dist/cjs/LandscapeFrame.js +52 -0
- package/dist/cjs/LayeredElipseDivider.js +53 -0
- package/dist/cjs/{Aspect16_9.js → LayoutCards.js} +10 -9
- package/dist/cjs/LayoutCarousel.js +54 -0
- package/dist/cjs/{Aspect9_16.js → LayoutList.js} +10 -9
- package/dist/cjs/LayoutSideBySide.js +52 -0
- package/dist/cjs/LayoutSidebar.js +52 -0
- package/dist/cjs/LayoutSingleColumn.js +52 -0
- package/dist/cjs/LayoutTwoColumn.js +52 -0
- package/dist/cjs/LeftWaveDivider.js +52 -0
- package/dist/cjs/LetterTwist.js +52 -0
- package/dist/cjs/LineChart.js +51 -0
- package/dist/cjs/Lines.js +1 -1
- package/dist/cjs/LinkedInBanner.js +55 -0
- package/dist/cjs/LiquidDivider.js +52 -0
- package/dist/cjs/Logo.js +53 -0
- package/dist/cjs/Marker.js +2 -2
- package/dist/cjs/Marquee.js +1 -1
- package/dist/cjs/MoveClick.js +56 -0
- package/dist/cjs/MoveHorizontalHover.js +57 -0
- package/dist/cjs/MoveScroll.js +57 -0
- package/dist/cjs/MultiAreaChart.js +57 -0
- package/dist/cjs/MultiLineChart.js +52 -0
- package/dist/cjs/ObscureMouse.js +55 -0
- package/dist/cjs/OnImage.js +53 -0
- package/dist/cjs/OpticalillusionDivider.js +52 -0
- package/dist/cjs/Original.js +1 -1
- package/dist/cjs/OriginalImage.js +52 -0
- package/dist/cjs/PageNumbers.js +52 -0
- package/dist/cjs/PaintDivider.js +53 -0
- package/dist/cjs/PaintScribbleDivider.js +52 -0
- package/dist/cjs/PanSection.js +56 -0
- package/dist/cjs/ParallaxScroll.js +57 -0
- package/dist/cjs/ParallaxSection.js +56 -0
- package/dist/cjs/PentagonImage.js +53 -0
- package/dist/cjs/PieChart.js +54 -0
- package/dist/cjs/PixelsDivider.js +53 -0
- package/dist/cjs/PlantsDivider.js +52 -0
- package/dist/cjs/PokeLoop.js +56 -0
- package/dist/cjs/PortraitFrame.js +52 -0
- package/dist/cjs/PresetCollage.js +55 -0
- package/dist/cjs/PresetFeatured.js +53 -0
- package/dist/cjs/{Aspect2_3.js → PresetGrid.js} +10 -9
- package/dist/cjs/PresetMasonry.js +53 -0
- package/dist/cjs/{Aspect3_4.js → PresetRows.js} +10 -9
- package/dist/cjs/PresetSlider.js +53 -0
- package/dist/cjs/PresetSlideshow.js +52 -0
- package/dist/cjs/PresetSquares.js +53 -0
- package/dist/cjs/PresetThumbnails.js +53 -0
- package/dist/cjs/PullBackSection.js +62 -0
- package/dist/cjs/PulseLoop.js +54 -0
- package/dist/cjs/RSVPInvite.js +57 -0
- package/dist/cjs/ResizeMouse.js +55 -0
- package/dist/cjs/ResizeOptionsCrop.js +53 -0
- package/dist/cjs/ResizeOptionsFit.js +52 -0
- package/dist/cjs/Reveal.js +10 -10
- package/dist/cjs/RevealAnimation.js +3 -3
- package/dist/cjs/RevealScroll.js +55 -0
- package/dist/cjs/RevealSection.js +55 -0
- package/dist/cjs/RhombusImage.js +53 -0
- package/dist/cjs/RightWaveDivider.js +52 -0
- package/dist/cjs/Roll.js +1 -1
- package/dist/cjs/RotateClick.js +56 -0
- package/dist/cjs/RotateHover.js +57 -0
- package/dist/cjs/RotateSection.js +57 -0
- package/dist/cjs/RubberMouse.js +61 -0
- package/dist/cjs/ScrollEffectsDisappear.js +54 -0
- package/dist/cjs/ScrollEffectsFadeOut.js +54 -0
- package/dist/cjs/ScrollEffectsMoveWithPage.js +54 -0
- package/dist/cjs/ScrollEffectsStayFixed.js +54 -0
- package/dist/cjs/SemiCirclesDivider.js +52 -0
- package/dist/cjs/SemiElipseDivider.js +52 -0
- package/dist/cjs/ShapeEntrance.js +54 -0
- package/dist/cjs/ShapeRectangle.js +52 -0
- package/dist/cjs/ShapeRound.js +52 -0
- package/dist/cjs/ShapeScroll.js +54 -0
- package/dist/cjs/ShapeSquare.js +52 -0
- package/dist/cjs/Shrink.js +62 -0
- package/dist/cjs/ShrinkClick.js +62 -0
- package/dist/cjs/ShrinkHover.js +62 -0
- package/dist/cjs/ShrinkScroll.js +63 -0
- package/dist/cjs/Shuffle.js +1 -1
- package/dist/cjs/ShuttersScroll.js +55 -0
- package/dist/cjs/Skew3DMouse.js +55 -0
- package/dist/cjs/SkewClick.js +53 -0
- package/dist/cjs/SkewHover.js +53 -0
- package/dist/cjs/SkewSection.js +57 -0
- package/dist/cjs/Slide.js +2 -2
- package/dist/cjs/SlideAnimation.js +2 -2
- package/dist/cjs/SlideScroll.js +56 -0
- package/dist/cjs/Slides.js +52 -0
- package/dist/cjs/SnakeTrailAnimation.js +1 -1
- package/dist/cjs/SpinAnimation.js +5 -1
- package/dist/cjs/SpinLoop.js +56 -0
- package/dist/cjs/SpinScroll.js +57 -0
- package/dist/cjs/SquareFrame.js +52 -0
- package/dist/cjs/Stagger.js +1 -1
- package/dist/cjs/StarImage.js +53 -0
- package/dist/cjs/StartWithData.js +53 -0
- package/dist/cjs/StretchScroll.js +58 -0
- package/dist/cjs/StripesDivider.js +52 -0
- package/dist/cjs/Swap.js +2 -2
- package/dist/cjs/SwingLoop.js +56 -0
- package/dist/cjs/SwivelMouse.js +55 -0
- package/dist/cjs/TextEntrance.js +1 -1
- package/dist/cjs/TextPath.js +1 -1
- package/dist/cjs/ThumbnailNameexample.js +52 -0
- package/dist/cjs/Tilt3DMouse.js +55 -0
- package/dist/cjs/TiltAnimation.js +2 -2
- package/dist/cjs/TiltDivider.js +52 -0
- package/dist/cjs/TiltEntrance.js +55 -0
- package/dist/cjs/TiltScroll.js +56 -0
- package/dist/cjs/Track3DMouse.js +57 -0
- package/dist/cjs/TrackMouse.js +55 -0
- package/dist/cjs/TriangleDivider.js +52 -0
- package/dist/cjs/TriangularImage.js +52 -0
- package/dist/cjs/TurnEntrance.js +56 -0
- package/dist/cjs/TurnScroll.js +57 -0
- package/dist/cjs/TwistClick.js +54 -0
- package/dist/cjs/TwistHover.js +54 -0
- package/dist/cjs/TypeWriter.js +3 -3
- package/dist/cjs/Underline.js +1 -1
- package/dist/cjs/VerticalBarChart.js +53 -0
- package/dist/cjs/VerticalBarGroupedChart.js +55 -0
- package/dist/cjs/VideoLink.js +55 -0
- package/dist/cjs/VideoMobileHorizontal.js +52 -0
- package/dist/cjs/VideoMobileVertical.js +52 -0
- package/dist/cjs/WavesDivider.js +53 -0
- package/dist/cjs/WhatsappStatus.js +54 -0
- package/dist/cjs/WiggleLoop.js +54 -0
- package/dist/cjs/WindowImage.js +52 -0
- package/dist/cjs/WinkEntrance.js +57 -0
- package/dist/cjs/WordTwist.js +52 -0
- package/dist/cjs/XPost.js +54 -0
- package/dist/cjs/YoutubeBanner.js +54 -0
- package/dist/cjs/YoutubeThumbnail.js +53 -0
- package/dist/cjs/ZoomSection.js +62 -0
- package/dist/cjs/index.js +719 -32
- package/dist/esm/A4Frame.js +18 -0
- package/dist/esm/AiryMouse.js +23 -0
- package/dist/esm/AlignBottomHorizontal.js +21 -0
- package/dist/esm/AlignCenterHorizontal.js +21 -0
- package/dist/esm/AlignCenterVertical.js +21 -0
- package/dist/esm/AlignLeftVertical.js +21 -0
- package/dist/esm/AlignRightVertical.js +21 -0
- package/dist/esm/AlignSpread.js +21 -0
- package/dist/esm/AlignTopHorizontal.js +21 -0
- package/dist/esm/AlignmentLeftToRight.js +18 -0
- package/dist/esm/AlignmentRightToLeft.js +18 -0
- package/dist/esm/AllSides.js +21 -0
- package/dist/esm/AppearClick.js +20 -0
- package/dist/esm/AppearHover.js +20 -0
- package/dist/esm/ArcEntrance.js +23 -0
- package/dist/esm/ArcScroll.js +24 -0
- package/dist/esm/AreaChart.js +20 -0
- package/dist/esm/Aspect11.js +18 -0
- package/dist/esm/Aspect11Image.js +18 -0
- package/dist/esm/Aspect12.js +18 -0
- package/dist/esm/Aspect169.js +18 -0
- package/dist/esm/Aspect169Image.js +18 -0
- package/dist/esm/Aspect23.js +18 -0
- package/dist/esm/Aspect23Image.js +18 -0
- package/dist/esm/Aspect32.js +18 -0
- package/dist/esm/Aspect32Image.js +18 -0
- package/dist/esm/Aspect34.js +18 -0
- package/dist/esm/Aspect34Image.js +18 -0
- package/dist/esm/Aspect3DSection.js +22 -0
- package/dist/esm/Aspect3DSpinScroll.js +23 -0
- package/dist/esm/Aspect43.js +18 -0
- package/dist/esm/Aspect43Image.js +18 -0
- package/dist/esm/Aspect45.js +18 -0
- package/dist/esm/Aspect45Image.js +18 -0
- package/dist/esm/Aspect54.js +18 -0
- package/dist/esm/Aspect54Image.js +18 -0
- package/dist/esm/Aspect916.js +18 -0
- package/dist/esm/Aspect916Image.js +18 -0
- package/dist/esm/BlankImage.js +18 -0
- package/dist/esm/BlankSection.js +18 -0
- package/dist/esm/BlankSectionOutline.js +18 -0
- package/dist/esm/BlankSectionOutlineSmall.js +18 -0
- package/dist/esm/BlankSectionSmall.js +18 -0
- package/dist/esm/BlobMouse.js +21 -0
- package/dist/esm/BlobsDivider.js +18 -0
- package/dist/esm/Blur.js +1 -1
- package/dist/esm/BlurAnimation.js +1 -1
- package/dist/esm/BlurScroll.js +18 -0
- package/dist/esm/Bottom.js +21 -0
- package/dist/esm/Bounce.js +2 -2
- package/dist/esm/BounceAnimation.js +2 -3
- package/dist/esm/BounceEntrance.js +22 -0
- package/dist/esm/BounceLoop.js +22 -0
- package/dist/esm/Brandbook.js +25 -0
- package/dist/esm/BreathAnimation.js +1 -1
- package/dist/esm/BreathLoop.js +24 -0
- package/dist/esm/BrushDivider.js +18 -0
- package/dist/esm/ButtonStyleFilled.js +18 -0
- package/dist/esm/ButtonStyleOutlined.js +17 -0
- package/dist/esm/ButtonStylePillFilled.js +18 -0
- package/dist/esm/ButtonStylePillOutlined.js +17 -0
- package/dist/esm/ChooseTheLayoutGrid.js +25 -0
- package/dist/esm/CircleImage.js +18 -0
- package/dist/esm/CircleMarker.js +2 -2
- package/dist/esm/ClockWipe.js +1 -1
- package/dist/esm/CloudsDivider.js +18 -0
- package/dist/esm/ColorAnimation.js +1 -1
- package/dist/esm/ColorTransition.js +2 -2
- package/dist/esm/CrossLoop.js +23 -0
- package/dist/esm/Cube.js +2 -2
- package/dist/esm/CustomImage.js +19 -0
- package/dist/esm/DartScroll.js +23 -0
- package/dist/esm/DesignedSection.js +18 -0
- package/dist/esm/DesignedSectionSmall.js +18 -0
- package/dist/esm/Doc.js +21 -0
- package/dist/esm/DonutChart.js +19 -0
- package/dist/esm/Drop.js +2 -2
- package/dist/esm/DunesDivider.js +18 -0
- package/dist/esm/ElipseDivider.js +18 -0
- package/dist/esm/EllipseImage.js +18 -0
- package/dist/esm/EmptyPage.js +18 -0
- package/dist/esm/EmptyPageImage.js +18 -0
- package/dist/esm/EventInfo.js +19 -0
- package/dist/esm/ExpandAnimation.js +5 -5
- package/dist/esm/ExpandClick.js +28 -0
- package/dist/esm/ExpandHover.js +28 -0
- package/dist/esm/ExpandScroll.js +29 -0
- package/dist/esm/FacebookCover.js +21 -0
- package/dist/esm/FacebookPost.js +20 -0
- package/dist/esm/FacebookStory.js +18 -0
- package/dist/esm/Fade.js +6 -5
- package/dist/esm/FadeAnimation.js +1 -1
- package/dist/esm/FadeBackSection.js +28 -0
- package/dist/esm/FadeClick.js +19 -0
- package/dist/esm/FadeHover.js +18 -0
- package/dist/esm/FadeScroll.js +19 -0
- package/dist/esm/FadeSection.js +18 -0
- package/dist/esm/FillParallaxScroll.js +26 -0
- package/dist/esm/FillReveal.js +21 -0
- package/dist/esm/FlapLoop.js +23 -0
- package/dist/esm/FlashAnimation.js +1 -1
- package/dist/esm/FlashLoop.js +21 -0
- package/dist/esm/Flip.js +2 -2
- package/dist/esm/FlipAnimation.js +2 -2
- package/dist/esm/FlipLoop.js +23 -0
- package/dist/esm/FlipScroll.js +23 -0
- package/dist/esm/FloatEntrance.js +22 -0
- package/dist/esm/FloatingCardsAnimation.js +3 -3
- package/dist/esm/FluidImage.js +19 -0
- package/dist/esm/Fold.js +1 -1
- package/dist/esm/FoldAnimation.js +3 -3
- package/dist/esm/Form.js +23 -0
- package/dist/esm/Freeform.js +1 -1
- package/dist/esm/FreeformImage.js +19 -0
- package/dist/esm/GenerateWithAI.js +19 -0
- package/dist/esm/GenerateWithAIOutline.js +19 -0
- package/dist/esm/GenerateWithAIOutlineSmall.js +19 -0
- package/dist/esm/GenerateWithAISmall.js +19 -0
- package/dist/esm/GlideEntrance.js +23 -0
- package/dist/esm/GlitchAnimation.js +20 -0
- package/dist/esm/GrowEntrance.js +22 -0
- package/dist/esm/HeartImage.js +19 -0
- package/dist/esm/HexagonalImage.js +19 -0
- package/dist/esm/HillDivider.js +18 -0
- package/dist/esm/HorizontalBarChart.js +19 -0
- package/dist/esm/HorizontalBarGroupedChart.js +21 -0
- package/dist/esm/ImageLayoutBlank.js +17 -0
- package/dist/esm/ImageLayoutLarge.js +18 -0
- package/dist/esm/ImageLayoutSingleColumn.js +18 -0
- package/dist/esm/ImageLayoutThumbnail.js +18 -0
- package/dist/esm/ImageLayoutTwoColumn.js +18 -0
- package/dist/esm/ImagePositionBottom.js +18 -0
- package/dist/esm/ImagePositionLeft.js +20 -0
- package/dist/esm/ImagePositionRight.js +20 -0
- package/dist/esm/ImagePositionTop.js +18 -0
- package/dist/esm/ImageRatio11.js +18 -0
- package/dist/esm/ImageRatio169.js +18 -0
- package/dist/esm/InstagramPost.js +20 -0
- package/dist/esm/InstagramReel.js +21 -0
- package/dist/esm/InstagramStory.js +20 -0
- package/dist/esm/InvertedElipseDivider.js +18 -0
- package/dist/esm/Iris.js +1 -1
- package/dist/esm/JelloLoop.js +22 -0
- package/dist/esm/LandscapeFrame.js +18 -0
- package/dist/esm/LayeredElipseDivider.js +19 -0
- package/dist/esm/LayoutCards.js +19 -0
- package/dist/esm/LayoutCarousel.js +20 -0
- package/dist/esm/LayoutList.js +19 -0
- package/dist/esm/LayoutSideBySide.js +18 -0
- package/dist/esm/LayoutSidebar.js +18 -0
- package/dist/esm/LayoutSingleColumn.js +18 -0
- package/dist/esm/LayoutTwoColumn.js +18 -0
- package/dist/esm/LeftWaveDivider.js +18 -0
- package/dist/esm/LetterTwist.js +18 -0
- package/dist/esm/LineChart.js +17 -0
- package/dist/esm/Lines.js +1 -1
- package/dist/esm/LinkedInBanner.js +21 -0
- package/dist/esm/LiquidDivider.js +18 -0
- package/dist/esm/Logo.js +19 -0
- package/dist/esm/Marker.js +2 -2
- package/dist/esm/Marquee.js +1 -1
- package/dist/esm/MoveClick.js +22 -0
- package/dist/esm/MoveHorizontalHover.js +23 -0
- package/dist/esm/MoveScroll.js +23 -0
- package/dist/esm/MultiAreaChart.js +23 -0
- package/dist/esm/MultiLineChart.js +18 -0
- package/dist/esm/ObscureMouse.js +21 -0
- package/dist/esm/OnImage.js +19 -0
- package/dist/esm/OpticalillusionDivider.js +18 -0
- package/dist/esm/Original.js +1 -1
- package/dist/esm/OriginalImage.js +18 -0
- package/dist/esm/PageNumbers.js +18 -0
- package/dist/esm/PaintDivider.js +19 -0
- package/dist/esm/PaintScribbleDivider.js +18 -0
- package/dist/esm/PanSection.js +22 -0
- package/dist/esm/ParallaxScroll.js +23 -0
- package/dist/esm/ParallaxSection.js +22 -0
- package/dist/esm/PentagonImage.js +19 -0
- package/dist/esm/PieChart.js +20 -0
- package/dist/esm/PixelsDivider.js +19 -0
- package/dist/esm/PlantsDivider.js +18 -0
- package/dist/esm/PokeLoop.js +22 -0
- package/dist/esm/PortraitFrame.js +18 -0
- package/dist/esm/PresetCollage.js +21 -0
- package/dist/esm/PresetFeatured.js +19 -0
- package/dist/esm/PresetGrid.js +19 -0
- package/dist/esm/PresetMasonry.js +19 -0
- package/dist/esm/PresetRows.js +19 -0
- package/dist/esm/PresetSlider.js +19 -0
- package/dist/esm/PresetSlideshow.js +18 -0
- package/dist/esm/PresetSquares.js +19 -0
- package/dist/esm/PresetThumbnails.js +19 -0
- package/dist/esm/PullBackSection.js +28 -0
- package/dist/esm/PulseLoop.js +20 -0
- package/dist/esm/RSVPInvite.js +23 -0
- package/dist/esm/ResizeMouse.js +21 -0
- package/dist/esm/ResizeOptionsCrop.js +19 -0
- package/dist/esm/ResizeOptionsFit.js +18 -0
- package/dist/esm/Reveal.js +10 -10
- package/dist/esm/RevealAnimation.js +3 -3
- package/dist/esm/RevealScroll.js +21 -0
- package/dist/esm/RevealSection.js +21 -0
- package/dist/esm/RhombusImage.js +19 -0
- package/dist/esm/RightWaveDivider.js +18 -0
- package/dist/esm/Roll.js +1 -1
- package/dist/esm/RotateClick.js +22 -0
- package/dist/esm/RotateHover.js +23 -0
- package/dist/esm/RotateSection.js +23 -0
- package/dist/esm/RubberMouse.js +27 -0
- package/dist/esm/ScrollEffectsDisappear.js +20 -0
- package/dist/esm/ScrollEffectsFadeOut.js +20 -0
- package/dist/esm/ScrollEffectsMoveWithPage.js +20 -0
- package/dist/esm/ScrollEffectsStayFixed.js +20 -0
- package/dist/esm/SemiCirclesDivider.js +18 -0
- package/dist/esm/SemiElipseDivider.js +18 -0
- package/dist/esm/ShapeEntrance.js +20 -0
- package/dist/esm/ShapeRectangle.js +18 -0
- package/dist/esm/ShapeRound.js +18 -0
- package/dist/esm/ShapeScroll.js +20 -0
- package/dist/esm/ShapeSquare.js +18 -0
- package/dist/esm/Shrink.js +28 -0
- package/dist/esm/ShrinkClick.js +28 -0
- package/dist/esm/ShrinkHover.js +28 -0
- package/dist/esm/ShrinkScroll.js +29 -0
- package/dist/esm/Shuffle.js +1 -1
- package/dist/esm/ShuttersScroll.js +21 -0
- package/dist/esm/Skew3DMouse.js +21 -0
- package/dist/esm/SkewClick.js +19 -0
- package/dist/esm/SkewHover.js +19 -0
- package/dist/esm/SkewSection.js +23 -0
- package/dist/esm/Slide.js +2 -2
- package/dist/esm/SlideAnimation.js +2 -2
- package/dist/esm/SlideScroll.js +22 -0
- package/dist/esm/Slides.js +18 -0
- package/dist/esm/SnakeTrailAnimation.js +1 -1
- package/dist/esm/SpinAnimation.js +5 -1
- package/dist/esm/SpinLoop.js +22 -0
- package/dist/esm/SpinScroll.js +23 -0
- package/dist/esm/SquareFrame.js +18 -0
- package/dist/esm/Stagger.js +1 -1
- package/dist/esm/StarImage.js +19 -0
- package/dist/esm/StartWithData.js +19 -0
- package/dist/esm/StretchScroll.js +24 -0
- package/dist/esm/StripesDivider.js +18 -0
- package/dist/esm/Swap.js +2 -2
- package/dist/esm/SwingLoop.js +22 -0
- package/dist/esm/SwivelMouse.js +21 -0
- package/dist/esm/TextEntrance.js +1 -1
- package/dist/esm/TextPath.js +1 -1
- package/dist/esm/ThumbnailNameexample.js +18 -0
- package/dist/esm/Tilt3DMouse.js +21 -0
- package/dist/esm/TiltAnimation.js +2 -2
- package/dist/esm/TiltDivider.js +18 -0
- package/dist/esm/TiltEntrance.js +21 -0
- package/dist/esm/TiltScroll.js +22 -0
- package/dist/esm/Track3DMouse.js +23 -0
- package/dist/esm/TrackMouse.js +21 -0
- package/dist/esm/TriangleDivider.js +18 -0
- package/dist/esm/TriangularImage.js +18 -0
- package/dist/esm/TurnEntrance.js +22 -0
- package/dist/esm/TurnScroll.js +23 -0
- package/dist/esm/TwistClick.js +20 -0
- package/dist/esm/TwistHover.js +20 -0
- package/dist/esm/TypeWriter.js +3 -3
- package/dist/esm/Underline.js +1 -1
- package/dist/esm/VerticalBarChart.js +19 -0
- package/dist/esm/VerticalBarGroupedChart.js +21 -0
- package/dist/esm/VideoLink.js +21 -0
- package/dist/esm/VideoMobileHorizontal.js +18 -0
- package/dist/esm/VideoMobileVertical.js +18 -0
- package/dist/esm/WavesDivider.js +19 -0
- package/dist/esm/WhatsappStatus.js +20 -0
- package/dist/esm/WiggleLoop.js +20 -0
- package/dist/esm/WindowImage.js +18 -0
- package/dist/esm/WinkEntrance.js +23 -0
- package/dist/esm/WordTwist.js +18 -0
- package/dist/esm/XPost.js +20 -0
- package/dist/esm/YoutubeBanner.js +20 -0
- package/dist/esm/YoutubeThumbnail.js +19 -0
- package/dist/esm/ZoomSection.js +28 -0
- package/dist/esm/index.js +479 -21
- package/dist/types/{Aspect3_4.d.ts → A4Frame.d.ts} +1 -1
- package/dist/types/{Aspect1_1.d.ts → AiryMouse.d.ts} +1 -1
- package/dist/types/AlignBottomHorizontal.d.ts +5 -0
- package/dist/types/AlignCenterHorizontal.d.ts +5 -0
- package/dist/types/AlignCenterVertical.d.ts +5 -0
- package/dist/types/AlignLeftVertical.d.ts +5 -0
- package/dist/types/AlignRightVertical.d.ts +5 -0
- package/dist/types/AlignSpread.d.ts +5 -0
- package/dist/types/AlignTopHorizontal.d.ts +5 -0
- package/dist/types/AlignmentLeftToRight.d.ts +5 -0
- package/dist/types/AlignmentRightToLeft.d.ts +5 -0
- package/dist/types/{Aspect2_3.d.ts → AllSides.d.ts} +1 -1
- package/dist/types/AppearClick.d.ts +5 -0
- package/dist/types/AppearHover.d.ts +5 -0
- package/dist/types/ArcEntrance.d.ts +5 -0
- package/dist/types/{Aspect3_2.d.ts → ArcScroll.d.ts} +1 -1
- package/dist/types/AreaChart.d.ts +5 -0
- package/dist/types/Aspect11.d.ts +5 -0
- package/dist/types/Aspect11Image.d.ts +5 -0
- package/dist/types/Aspect12.d.ts +5 -0
- package/dist/types/Aspect169.d.ts +5 -0
- package/dist/types/Aspect169Image.d.ts +5 -0
- package/dist/types/Aspect23.d.ts +5 -0
- package/dist/types/Aspect23Image.d.ts +5 -0
- package/dist/types/Aspect32.d.ts +5 -0
- package/dist/types/Aspect32Image.d.ts +5 -0
- package/dist/types/Aspect34.d.ts +5 -0
- package/dist/types/Aspect34Image.d.ts +5 -0
- package/dist/types/Aspect3DSection.d.ts +5 -0
- package/dist/types/Aspect3DSpinScroll.d.ts +5 -0
- package/dist/types/Aspect43.d.ts +5 -0
- package/dist/types/Aspect43Image.d.ts +5 -0
- package/dist/types/Aspect45.d.ts +5 -0
- package/dist/types/Aspect45Image.d.ts +5 -0
- package/dist/types/Aspect54.d.ts +5 -0
- package/dist/types/Aspect54Image.d.ts +5 -0
- package/dist/types/Aspect916.d.ts +5 -0
- package/dist/types/Aspect916Image.d.ts +5 -0
- package/dist/types/{Aspect16_9.d.ts → BlankImage.d.ts} +1 -1
- package/dist/types/BlankSection.d.ts +5 -0
- package/dist/types/BlankSectionOutline.d.ts +5 -0
- package/dist/types/BlankSectionOutlineSmall.d.ts +5 -0
- package/dist/types/BlankSectionSmall.d.ts +5 -0
- package/dist/types/BlobMouse.d.ts +5 -0
- package/dist/types/BlobsDivider.d.ts +5 -0
- package/dist/types/BlurScroll.d.ts +5 -0
- package/dist/types/Bottom.d.ts +5 -0
- package/dist/types/BounceEntrance.d.ts +5 -0
- package/dist/types/BounceLoop.d.ts +5 -0
- package/dist/types/Brandbook.d.ts +5 -0
- package/dist/types/BreathLoop.d.ts +5 -0
- package/dist/types/BrushDivider.d.ts +5 -0
- package/dist/types/ButtonStyleFilled.d.ts +5 -0
- package/dist/types/ButtonStyleOutlined.d.ts +5 -0
- package/dist/types/ButtonStylePillFilled.d.ts +5 -0
- package/dist/types/ButtonStylePillOutlined.d.ts +5 -0
- package/dist/types/ChooseTheLayoutGrid.d.ts +5 -0
- package/dist/types/CircleImage.d.ts +5 -0
- package/dist/types/CloudsDivider.d.ts +5 -0
- package/dist/types/CrossLoop.d.ts +5 -0
- package/dist/types/CustomImage.d.ts +5 -0
- package/dist/types/DartScroll.d.ts +5 -0
- package/dist/types/DesignedSection.d.ts +5 -0
- package/dist/types/DesignedSectionSmall.d.ts +5 -0
- package/dist/types/Doc.d.ts +5 -0
- package/dist/types/DonutChart.d.ts +5 -0
- package/dist/types/DunesDivider.d.ts +5 -0
- package/dist/types/ElipseDivider.d.ts +5 -0
- package/dist/types/EllipseImage.d.ts +5 -0
- package/dist/types/EmptyPage.d.ts +5 -0
- package/dist/types/EmptyPageImage.d.ts +5 -0
- package/dist/types/EventInfo.d.ts +5 -0
- package/dist/types/ExpandClick.d.ts +5 -0
- package/dist/types/ExpandHover.d.ts +5 -0
- package/dist/types/ExpandScroll.d.ts +5 -0
- package/dist/types/FacebookCover.d.ts +5 -0
- package/dist/types/FacebookPost.d.ts +5 -0
- package/dist/types/FacebookStory.d.ts +5 -0
- package/dist/types/FadeBackSection.d.ts +5 -0
- package/dist/types/FadeClick.d.ts +5 -0
- package/dist/types/FadeHover.d.ts +5 -0
- package/dist/types/FadeScroll.d.ts +5 -0
- package/dist/types/FadeSection.d.ts +5 -0
- package/dist/types/FillParallaxScroll.d.ts +5 -0
- package/dist/types/FillReveal.d.ts +5 -0
- package/dist/types/FlapLoop.d.ts +5 -0
- package/dist/types/FlashLoop.d.ts +5 -0
- package/dist/types/FlipLoop.d.ts +5 -0
- package/dist/types/FlipScroll.d.ts +5 -0
- package/dist/types/FloatEntrance.d.ts +5 -0
- package/dist/types/FluidImage.d.ts +5 -0
- package/dist/types/Form.d.ts +5 -0
- package/dist/types/FreeformImage.d.ts +5 -0
- package/dist/types/GenerateWithAI.d.ts +5 -0
- package/dist/types/GenerateWithAIOutline.d.ts +5 -0
- package/dist/types/GenerateWithAIOutlineSmall.d.ts +5 -0
- package/dist/types/GenerateWithAISmall.d.ts +5 -0
- package/dist/types/GlideEntrance.d.ts +5 -0
- package/dist/types/GlitchAnimation.d.ts +5 -0
- package/dist/types/GrowEntrance.d.ts +5 -0
- package/dist/types/HeartImage.d.ts +5 -0
- package/dist/types/HexagonalImage.d.ts +5 -0
- package/dist/types/HillDivider.d.ts +5 -0
- package/dist/types/HorizontalBarChart.d.ts +5 -0
- package/dist/types/HorizontalBarGroupedChart.d.ts +5 -0
- package/dist/types/ImageLayoutBlank.d.ts +5 -0
- package/dist/types/ImageLayoutLarge.d.ts +5 -0
- package/dist/types/ImageLayoutSingleColumn.d.ts +5 -0
- package/dist/types/ImageLayoutThumbnail.d.ts +5 -0
- package/dist/types/ImageLayoutTwoColumn.d.ts +5 -0
- package/dist/types/ImagePositionBottom.d.ts +5 -0
- package/dist/types/ImagePositionLeft.d.ts +5 -0
- package/dist/types/ImagePositionRight.d.ts +5 -0
- package/dist/types/ImagePositionTop.d.ts +5 -0
- package/dist/types/ImageRatio11.d.ts +5 -0
- package/dist/types/ImageRatio169.d.ts +5 -0
- package/dist/types/InstagramPost.d.ts +5 -0
- package/dist/types/InstagramReel.d.ts +5 -0
- package/dist/types/InstagramStory.d.ts +5 -0
- package/dist/types/InvertedElipseDivider.d.ts +5 -0
- package/dist/types/JelloLoop.d.ts +5 -0
- package/dist/types/LandscapeFrame.d.ts +5 -0
- package/dist/types/LayeredElipseDivider.d.ts +5 -0
- package/dist/types/LayoutCards.d.ts +5 -0
- package/dist/types/LayoutCarousel.d.ts +5 -0
- package/dist/types/LayoutList.d.ts +5 -0
- package/dist/types/LayoutSideBySide.d.ts +5 -0
- package/dist/types/LayoutSidebar.d.ts +5 -0
- package/dist/types/LayoutSingleColumn.d.ts +5 -0
- package/dist/types/LayoutTwoColumn.d.ts +5 -0
- package/dist/types/LeftWaveDivider.d.ts +5 -0
- package/dist/types/LetterTwist.d.ts +5 -0
- package/dist/types/LineChart.d.ts +5 -0
- package/dist/types/LinkedInBanner.d.ts +5 -0
- package/dist/types/LiquidDivider.d.ts +5 -0
- package/dist/types/Logo.d.ts +5 -0
- package/dist/types/MoveClick.d.ts +5 -0
- package/dist/types/MoveHorizontalHover.d.ts +5 -0
- package/dist/types/MoveScroll.d.ts +5 -0
- package/dist/types/MultiAreaChart.d.ts +5 -0
- package/dist/types/MultiLineChart.d.ts +5 -0
- package/dist/types/ObscureMouse.d.ts +5 -0
- package/dist/types/OnImage.d.ts +5 -0
- package/dist/types/OpticalillusionDivider.d.ts +5 -0
- package/dist/types/OriginalImage.d.ts +5 -0
- package/dist/types/PageNumbers.d.ts +5 -0
- package/dist/types/PaintDivider.d.ts +5 -0
- package/dist/types/PaintScribbleDivider.d.ts +5 -0
- package/dist/types/PanSection.d.ts +5 -0
- package/dist/types/ParallaxScroll.d.ts +5 -0
- package/dist/types/ParallaxSection.d.ts +5 -0
- package/dist/types/PentagonImage.d.ts +5 -0
- package/dist/types/PieChart.d.ts +5 -0
- package/dist/types/PixelsDivider.d.ts +5 -0
- package/dist/types/PlantsDivider.d.ts +5 -0
- package/dist/types/PokeLoop.d.ts +5 -0
- package/dist/types/PortraitFrame.d.ts +5 -0
- package/dist/types/PresetCollage.d.ts +5 -0
- package/dist/types/PresetFeatured.d.ts +5 -0
- package/dist/types/PresetGrid.d.ts +5 -0
- package/dist/types/PresetMasonry.d.ts +5 -0
- package/dist/types/PresetRows.d.ts +5 -0
- package/dist/types/PresetSlider.d.ts +5 -0
- package/dist/types/PresetSlideshow.d.ts +5 -0
- package/dist/types/PresetSquares.d.ts +5 -0
- package/dist/types/PresetThumbnails.d.ts +5 -0
- package/dist/types/PullBackSection.d.ts +5 -0
- package/dist/types/PulseLoop.d.ts +5 -0
- package/dist/types/RSVPInvite.d.ts +5 -0
- package/dist/types/ResizeMouse.d.ts +5 -0
- package/dist/types/ResizeOptionsCrop.d.ts +5 -0
- package/dist/types/ResizeOptionsFit.d.ts +5 -0
- package/dist/types/RevealScroll.d.ts +5 -0
- package/dist/types/RevealSection.d.ts +5 -0
- package/dist/types/RhombusImage.d.ts +5 -0
- package/dist/types/RightWaveDivider.d.ts +5 -0
- package/dist/types/RotateClick.d.ts +5 -0
- package/dist/types/RotateHover.d.ts +5 -0
- package/dist/types/RotateSection.d.ts +5 -0
- package/dist/types/RubberMouse.d.ts +5 -0
- package/dist/types/ScrollEffectsDisappear.d.ts +5 -0
- package/dist/types/ScrollEffectsFadeOut.d.ts +5 -0
- package/dist/types/ScrollEffectsMoveWithPage.d.ts +5 -0
- package/dist/types/ScrollEffectsStayFixed.d.ts +5 -0
- package/dist/types/SemiCirclesDivider.d.ts +5 -0
- package/dist/types/SemiElipseDivider.d.ts +5 -0
- package/dist/types/ShapeEntrance.d.ts +5 -0
- package/dist/types/ShapeRectangle.d.ts +5 -0
- package/dist/types/ShapeRound.d.ts +5 -0
- package/dist/types/ShapeScroll.d.ts +5 -0
- package/dist/types/ShapeSquare.d.ts +5 -0
- package/dist/types/Shrink.d.ts +5 -0
- package/dist/types/ShrinkClick.d.ts +5 -0
- package/dist/types/ShrinkHover.d.ts +5 -0
- package/dist/types/ShrinkScroll.d.ts +5 -0
- package/dist/types/ShuttersScroll.d.ts +5 -0
- package/dist/types/Skew3DMouse.d.ts +5 -0
- package/dist/types/SkewClick.d.ts +5 -0
- package/dist/types/SkewHover.d.ts +5 -0
- package/dist/types/SkewSection.d.ts +5 -0
- package/dist/types/SlideScroll.d.ts +5 -0
- package/dist/types/Slides.d.ts +5 -0
- package/dist/types/SpinLoop.d.ts +5 -0
- package/dist/types/SpinScroll.d.ts +5 -0
- package/dist/types/SquareFrame.d.ts +5 -0
- package/dist/types/StarImage.d.ts +5 -0
- package/dist/types/StartWithData.d.ts +5 -0
- package/dist/types/StretchScroll.d.ts +5 -0
- package/dist/types/StripesDivider.d.ts +5 -0
- package/dist/types/SwingLoop.d.ts +5 -0
- package/dist/types/SwivelMouse.d.ts +5 -0
- package/dist/types/ThumbnailNameexample.d.ts +5 -0
- package/dist/types/Tilt3DMouse.d.ts +5 -0
- package/dist/types/TiltDivider.d.ts +5 -0
- package/dist/types/TiltEntrance.d.ts +5 -0
- package/dist/types/TiltScroll.d.ts +5 -0
- package/dist/types/Track3DMouse.d.ts +5 -0
- package/dist/types/TrackMouse.d.ts +5 -0
- package/dist/types/TriangleDivider.d.ts +5 -0
- package/dist/types/TriangularImage.d.ts +5 -0
- package/dist/types/TurnEntrance.d.ts +5 -0
- package/dist/types/TurnScroll.d.ts +5 -0
- package/dist/types/TwistClick.d.ts +5 -0
- package/dist/types/TwistHover.d.ts +5 -0
- package/dist/types/VerticalBarChart.d.ts +5 -0
- package/dist/types/VerticalBarGroupedChart.d.ts +5 -0
- package/dist/types/VideoLink.d.ts +5 -0
- package/dist/types/VideoMobileHorizontal.d.ts +5 -0
- package/dist/types/VideoMobileVertical.d.ts +5 -0
- package/dist/types/WavesDivider.d.ts +5 -0
- package/dist/types/WhatsappStatus.d.ts +5 -0
- package/dist/types/WiggleLoop.d.ts +5 -0
- package/dist/types/WindowImage.d.ts +5 -0
- package/dist/types/WinkEntrance.d.ts +5 -0
- package/dist/types/WordTwist.d.ts +5 -0
- package/dist/types/XPost.d.ts +5 -0
- package/dist/types/YoutubeBanner.d.ts +5 -0
- package/dist/types/YoutubeThumbnail.d.ts +5 -0
- package/dist/types/ZoomSection.d.ts +5 -0
- package/dist/types/index.d.ts +239 -10
- package/package.json +3 -3
- package/src/A4Frame.svg +23 -0
- package/src/AI.svg +2 -2
- package/src/AiryMouse.svg +92 -0
- package/src/AlignBottomHorizontal.svg +24 -0
- package/src/AlignCenterHorizontal.svg +24 -0
- package/src/AlignCenterVertical.svg +24 -0
- package/src/AlignLeftVertical.svg +24 -0
- package/src/AlignRightVertical.svg +24 -0
- package/src/AlignSpread.svg +25 -0
- package/src/AlignTopHorizontal.svg +24 -0
- package/src/AlignmentLeftToRight.svg +10 -0
- package/src/AlignmentRightToLeft.svg +10 -0
- package/src/AllSides.svg +24 -0
- package/src/AppearClick.svg +20 -0
- package/src/AppearHover.svg +45 -0
- package/src/ArcEntrance.svg +72 -0
- package/src/ArcScroll.svg +69 -0
- package/src/AreaChart.svg +23 -0
- package/src/{Aspect1_1.svg → Aspect11.svg} +7 -7
- package/src/Aspect11Image.svg +46 -0
- package/src/Aspect12.svg +28 -0
- package/src/{Aspect16_9.svg → Aspect169.svg} +7 -7
- package/src/Aspect169Image.svg +46 -0
- package/src/Aspect23.svg +23 -0
- package/src/Aspect23Image.svg +46 -0
- package/src/{Aspect3_2.svg → Aspect32.svg} +7 -7
- package/src/Aspect32Image.svg +46 -0
- package/src/{Aspect3_4.svg → Aspect34.svg} +7 -7
- package/src/Aspect34Image.svg +46 -0
- package/src/Aspect3DSection.svg +127 -0
- package/src/Aspect3DSpinScroll.svg +68 -0
- package/src/{Aspect4_3.svg → Aspect43.svg} +7 -7
- package/src/Aspect43Image.svg +46 -0
- package/src/{Aspect4_5.svg → Aspect45.svg} +7 -7
- package/src/Aspect45Image.svg +46 -0
- package/src/{Aspect5_4.svg → Aspect54.svg} +7 -7
- package/src/Aspect54Image.svg +46 -0
- package/src/{Aspect9_16.svg → Aspect916.svg} +7 -7
- package/src/Aspect916Image.svg +46 -0
- package/src/BlankImage.svg +41 -0
- package/src/BlankSection.svg +23 -0
- package/src/BlankSectionOutline.svg +10 -0
- package/src/BlankSectionOutlineSmall.svg +10 -0
- package/src/BlankSectionSmall.svg +23 -0
- package/src/BlobMouse.svg +86 -0
- package/src/BlobsDivider.svg +41 -0
- package/src/Blur.svg +12 -12
- package/src/BlurAnimation.svg +10 -10
- package/src/BlurScroll.svg +29 -0
- package/src/Bottom.svg +24 -0
- package/src/Bounce.svg +20 -20
- package/src/BounceAnimation.svg +29 -24
- package/src/BounceEntrance.svg +66 -0
- package/src/BounceLoop.svg +92 -0
- package/src/Brandbook.svg +70 -0
- package/src/BreathAnimation.svg +21 -21
- package/src/BreathLoop.svg +77 -0
- package/src/BrushDivider.svg +41 -0
- package/src/ButtonStyleFilled.svg +23 -0
- package/src/ButtonStyleOutlined.svg +3 -0
- package/src/ButtonStylePillFilled.svg +23 -0
- package/src/ButtonStylePillOutlined.svg +3 -0
- package/src/ChooseTheLayoutGrid.svg +88 -0
- package/src/CircleImage.svg +46 -0
- package/src/CircleMarker.svg +9 -9
- package/src/ClockWipe.svg +36 -36
- package/src/CloudsDivider.svg +47 -0
- package/src/ColorAnimation.svg +3 -3
- package/src/ColorTransition.svg +8 -8
- package/src/CrossLoop.svg +116 -0
- package/src/Cube.svg +22 -22
- package/src/CustomImage.svg +56 -0
- package/src/DartScroll.svg +68 -0
- package/src/DesignedSection.svg +45 -0
- package/src/DesignedSectionSmall.svg +45 -0
- package/src/Doc.svg +47 -0
- package/src/DonutChart.svg +59 -0
- package/src/Drop.svg +20 -20
- package/src/DunesDivider.svg +60 -0
- package/src/ElipseDivider.svg +28 -0
- package/src/EllipseImage.svg +46 -0
- package/src/EmptyPage.svg +52 -0
- package/src/EmptyPageImage.svg +75 -0
- package/src/EventInfo.svg +44 -0
- package/src/ExpandAnimation.svg +37 -37
- package/src/ExpandClick.svg +89 -0
- package/src/ExpandHover.svg +89 -0
- package/src/ExpandScroll.svg +89 -0
- package/src/FacebookCover.svg +51 -0
- package/src/FacebookPost.svg +46 -0
- package/src/FacebookStory.svg +27 -0
- package/src/Fade.svg +19 -10
- package/src/FadeAnimation.svg +12 -12
- package/src/FadeBackSection.svg +87 -0
- package/src/FadeClick.svg +23 -0
- package/src/FadeHover.svg +22 -0
- package/src/FadeScroll.svg +22 -0
- package/src/FadeSection.svg +22 -0
- package/src/FillParallaxScroll.svg +121 -0
- package/src/FillReveal.svg +106 -0
- package/src/FlapLoop.svg +71 -0
- package/src/FlashAnimation.svg +23 -23
- package/src/FlashLoop.svg +62 -0
- package/src/Flip.svg +19 -19
- package/src/FlipAnimation.svg +25 -25
- package/src/FlipLoop.svg +71 -0
- package/src/FlipScroll.svg +68 -0
- package/src/FloatEntrance.svg +71 -0
- package/src/FloatingCardsAnimation.svg +15 -15
- package/src/FluidImage.svg +51 -0
- package/src/Fold.svg +38 -38
- package/src/FoldAnimation.svg +27 -27
- package/src/Form.svg +62 -0
- package/src/Freeform.svg +1 -1
- package/src/FreeformImage.svg +90 -0
- package/src/GenerateWithAI.svg +25 -0
- package/src/GenerateWithAIOutline.svg +12 -0
- package/src/GenerateWithAIOutlineSmall.svg +12 -0
- package/src/GenerateWithAISmall.svg +25 -0
- package/src/GlideEntrance.svg +115 -0
- package/src/GlitchAnimation.svg +65 -0
- package/src/GrowEntrance.svg +71 -0
- package/src/HeartImage.svg +51 -0
- package/src/HexagonalImage.svg +51 -0
- package/src/HillDivider.svg +28 -0
- package/src/HorizontalBarChart.svg +41 -0
- package/src/HorizontalBarGroupedChart.svg +78 -0
- package/src/ImageLayoutBlank.svg +3 -0
- package/src/ImageLayoutLarge.svg +46 -0
- package/src/ImageLayoutSingleColumn.svg +73 -0
- package/src/ImageLayoutThumbnail.svg +46 -0
- package/src/ImageLayoutTwoColumn.svg +78 -0
- package/src/ImagePositionBottom.svg +56 -0
- package/src/ImagePositionLeft.svg +65 -0
- package/src/ImagePositionRight.svg +65 -0
- package/src/ImagePositionTop.svg +55 -0
- package/src/ImageRatio11.svg +23 -0
- package/src/ImageRatio169.svg +23 -0
- package/src/InstagramPost.svg +48 -0
- package/src/InstagramReel.svg +31 -0
- package/src/InstagramStory.svg +29 -0
- package/src/InvertedElipseDivider.svg +28 -0
- package/src/Iris.svg +30 -30
- package/src/JelloLoop.svg +68 -0
- package/src/LandscapeFrame.svg +23 -0
- package/src/LayeredElipseDivider.svg +60 -0
- package/src/LayoutCards.svg +26 -0
- package/src/LayoutCarousel.svg +23 -0
- package/src/LayoutList.svg +25 -0
- package/src/LayoutSideBySide.svg +53 -0
- package/src/LayoutSidebar.svg +29 -0
- package/src/LayoutSingleColumn.svg +28 -0
- package/src/LayoutTwoColumn.svg +29 -0
- package/src/LeftWaveDivider.svg +28 -0
- package/src/LetterTwist.svg +27 -0
- package/src/LineChart.svg +3 -0
- package/src/Lines.svg +7 -7
- package/src/LinkedInBanner.svg +51 -0
- package/src/LiquidDivider.svg +28 -0
- package/src/Logo.svg +43 -0
- package/src/Marker.svg +22 -22
- package/src/Marquee.svg +10 -10
- package/src/MoveClick.svg +71 -0
- package/src/MoveHorizontalHover.svg +76 -0
- package/src/MoveScroll.svg +68 -0
- package/src/MultiAreaChart.svg +41 -0
- package/src/MultiLineChart.svg +11 -0
- package/src/ObscureMouse.svg +96 -0
- package/src/OnImage.svg +44 -0
- package/src/OpticalillusionDivider.svg +49 -0
- package/src/Original.svg +1 -1
- package/src/OriginalImage.svg +46 -0
- package/src/PageNumbers.svg +24 -0
- package/src/PaintDivider.svg +36 -0
- package/src/PaintScribbleDivider.svg +28 -0
- package/src/PanSection.svg +71 -0
- package/src/ParallaxScroll.svg +68 -0
- package/src/ParallaxSection.svg +71 -0
- package/src/PentagonImage.svg +51 -0
- package/src/PieChart.svg +54 -0
- package/src/PixelsDivider.svg +51 -0
- package/src/PlantsDivider.svg +33 -0
- package/src/PokeLoop.svg +97 -0
- package/src/PortraitFrame.svg +23 -0
- package/src/PresetCollage.svg +27 -0
- package/src/PresetFeatured.svg +26 -0
- package/src/PresetGrid.svg +26 -0
- package/src/PresetMasonry.svg +26 -0
- package/src/PresetRows.svg +25 -0
- package/src/PresetSlider.svg +25 -0
- package/src/PresetSlideshow.svg +23 -0
- package/src/PresetSquares.svg +25 -0
- package/src/PresetThumbnails.svg +28 -0
- package/src/PullBackSection.svg +89 -0
- package/src/PulseLoop.svg +65 -0
- package/src/RSVPInvite.svg +50 -0
- package/src/ResizeMouse.svg +86 -0
- package/src/ResizeOptionsCrop.svg +90 -0
- package/src/ResizeOptionsFit.svg +95 -0
- package/src/Reveal.svg +30 -30
- package/src/RevealAnimation.svg +24 -24
- package/src/RevealScroll.svg +48 -0
- package/src/RevealSection.svg +51 -0
- package/src/RhombusImage.svg +51 -0
- package/src/RightWaveDivider.svg +30 -0
- package/src/Roll.svg +10 -10
- package/src/RotateClick.svg +71 -0
- package/src/RotateHover.svg +56 -0
- package/src/RotateSection.svg +56 -0
- package/src/RubberMouse.svg +119 -0
- package/src/ScrollEffectsDisappear.svg +97 -0
- package/src/ScrollEffectsFadeOut.svg +90 -0
- package/src/ScrollEffectsMoveWithPage.svg +100 -0
- package/src/ScrollEffectsStayFixed.svg +81 -0
- package/src/SemiCirclesDivider.svg +34 -0
- package/src/SemiElipseDivider.svg +28 -0
- package/src/ShapeEntrance.svg +45 -0
- package/src/ShapeRectangle.svg +28 -0
- package/src/ShapeRound.svg +28 -0
- package/src/ShapeScroll.svg +47 -0
- package/src/ShapeSquare.svg +23 -0
- package/src/Shrink.svg +89 -0
- package/src/ShrinkClick.svg +89 -0
- package/src/ShrinkHover.svg +89 -0
- package/src/ShrinkScroll.svg +89 -0
- package/src/Shuffle.svg +16 -16
- package/src/ShuttersScroll.svg +50 -0
- package/src/Skew3DMouse.svg +86 -0
- package/src/SkewClick.svg +44 -0
- package/src/SkewHover.svg +44 -0
- package/src/SkewSection.svg +56 -0
- package/src/Slide.svg +20 -20
- package/src/SlideAnimation.svg +22 -22
- package/src/SlideScroll.svg +63 -0
- package/src/Slides.svg +131 -0
- package/src/SnakeTrailAnimation.svg +93 -93
- package/src/SpinAnimation.svg +26 -14
- package/src/SpinLoop.svg +35 -0
- package/src/SpinScroll.svg +34 -0
- package/src/SquareFrame.svg +23 -0
- package/src/Stagger.svg +8 -8
- package/src/StarImage.svg +51 -0
- package/src/StartWithData.svg +35 -0
- package/src/StretchScroll.svg +54 -0
- package/src/StripesDivider.svg +44 -0
- package/src/Swap.svg +28 -28
- package/src/SwingLoop.svg +97 -0
- package/src/SwivelMouse.svg +86 -0
- package/src/TextEntrance.svg +9 -9
- package/src/TextPath.svg +8 -8
- package/src/ThumbnailNameexample.svg +4 -0
- package/src/Tilt3DMouse.svg +86 -0
- package/src/TiltAnimation.svg +23 -23
- package/src/TiltDivider.svg +28 -0
- package/src/TiltEntrance.svg +66 -0
- package/src/TiltScroll.svg +48 -0
- package/src/Track3DMouse.svg +92 -0
- package/src/TrackMouse.svg +86 -0
- package/src/TriangleDivider.svg +28 -0
- package/src/TriangularImage.svg +46 -0
- package/src/TurnEntrance.svg +71 -0
- package/src/TurnScroll.svg +68 -0
- package/src/TwistClick.svg +65 -0
- package/src/TwistHover.svg +65 -0
- package/src/TypeWriter.svg +23 -24
- package/src/Underline.svg +10 -10
- package/src/VerticalBarChart.svg +41 -0
- package/src/VerticalBarGroupedChart.svg +78 -0
- package/src/VideoLink.svg +46 -0
- package/src/VideoMobileHorizontal.svg +24 -0
- package/src/VideoMobileVertical.svg +24 -0
- package/src/WavesDivider.svg +35 -0
- package/src/WhatsappStatus.svg +28 -0
- package/src/WiggleLoop.svg +25 -0
- package/src/WindowImage.svg +46 -0
- package/src/WinkEntrance.svg +56 -0
- package/src/WordTwist.svg +34 -0
- package/src/XPost.svg +46 -0
- package/src/YoutubeBanner.svg +46 -0
- package/src/YoutubeThumbnail.svg +43 -0
- package/src/ZoomSection.svg +89 -0
- package/dist/cjs/Aspect3_2.js +0 -52
- package/dist/cjs/Aspect4_5.js +0 -52
- package/dist/cjs/ShuttersAnimation.js +0 -55
- package/dist/esm/Aspect16_9.js +0 -18
- package/dist/esm/Aspect1_1.js +0 -18
- package/dist/esm/Aspect2_3.js +0 -18
- package/dist/esm/Aspect3_2.js +0 -18
- package/dist/esm/Aspect3_4.js +0 -18
- package/dist/esm/Aspect4_3.js +0 -18
- package/dist/esm/Aspect4_5.js +0 -18
- package/dist/esm/Aspect5_4.js +0 -18
- package/dist/esm/Aspect9_16.js +0 -18
- package/dist/esm/ShuttersAnimation.js +0 -21
- package/dist/types/Aspect4_3.d.ts +0 -5
- package/dist/types/Aspect4_5.d.ts +0 -5
- package/dist/types/Aspect5_4.d.ts +0 -5
- package/dist/types/Aspect9_16.d.ts +0 -5
- package/dist/types/ShuttersAnimation.d.ts +0 -5
- package/src/Aspect2_3.svg +0 -23
- package/src/ShuttersAnimation.svg +0 -52
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FadeSection = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#FadeSection__b)", clipPath: "url(#FadeSection__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeSection__c)", d: "M16.67 13.281H81.43v35.25H16.67z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeSection__c", x1: "72.244", x2: "49.829", y1: "16.445", y2: "68.991", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".447", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".591", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".808", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeSection__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "17.778", x: "20", y: "27.109", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeSection__b", width: "74.758", height: "45.25", x: "11.671", y: "8.281", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20907", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
FadeSection.displayName = "FadeSection";
|
|
16
|
+
export {
|
|
17
|
+
FadeSection
|
|
18
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FillParallaxScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 22.437a2 2 0 0 1 2 0l10.249 5.917a2 2 0 0 1 1 1.732V41.92a2 2 0 0 1-1 1.732L37 49.57a2 2 0 0 1-2 0l-10.249-5.917a2 2 0 0 1-1-1.732V30.086a2 2 0 0 1 1-1.732z", opacity: ".25" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.574a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87A2.1 2.1 0 0 1 23.735 42V30.26c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__a)", clipPath: "url(#FillParallaxScroll__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__d)", d: "m36.441 29.305-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__e)", d: "M52.786 34.551s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "var(--wds-illustration-color-6, #002296)", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__h)", d: "M27.792 22.714q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.535-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__i", width: "32", height: "16", x: "20", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 21.703h31.973v14.363H20.014z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillParallaxScroll__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.34a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.817v11.74c0 .749-.4 1.441-1.05 1.816l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.749.4-1.441 1.05-1.816z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillParallaxScroll__j)", clipPath: "url(#FillParallaxScroll__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__m)", d: "m36.44 29.07-9.096 14.685 16.221-2.416z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__n)", d: "M52.784 34.317s-12.47-5.102-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.993 1.109 3.426 1.716 4.744 1.958 5.329.241.585 1.225 2.969-1.25 3.848-2.805.997-17.933 5.73-17.933 5.73v4.29h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillParallaxScroll__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillParallaxScroll__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__q)", d: "M27.79 22.48q-.481.095-.944.264a6.06 6.06 0 0 0-3.123 2.614c-1.689 2.863-.75 6.532 2.1 8.193 2.848 1.66 6.525.683 8.214-2.18 1.689-2.866.749-6.535-2.097-8.194a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52 36.54H20v-1h32z" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__r)", d: "M35.5 20.875V12.39h1v8.485z" }),
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 11.89a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.17l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.103" }),
|
|
19
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FillParallaxScroll__s)", d: "M35.5 51.133v8.485h1v-8.485z" }),
|
|
20
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 60.117a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.837l-2.116-2.54-.768.64 2.5 3 .08.077a.5.5 0 0 0 .304.103" }),
|
|
21
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__d", x1: "31.554", x2: "44.855", y1: "34.291", y2: "44.764", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__e", x1: "22.888", x2: "49.3", y1: "20.971", y2: "46.622", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__h", x1: "33.177", x2: "22.919", y1: "23.678", y2: "36.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__m", x1: "31.552", x2: "44.853", y1: "34.056", y2: "44.529", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__n", x1: "22.886", x2: "49.297", y1: "20.737", y2: "46.388", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__q", x1: "33.175", x2: "22.917", y1: "23.444", y2: "36.534", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__r", x1: "36", x2: "36", y1: "20.875", y2: "12.39", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillParallaxScroll__s", x1: "36", x2: "36", y1: "51.133", y2: "59.618", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.969h28.324v28.324H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.922", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.211", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.734H50.16v28.324H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.688", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillParallaxScroll__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "26.977", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__g", width: "14.299", height: "14.299", x: "21.732", y: "21.448", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_23242", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillParallaxScroll__p", width: "14.299", height: "14.299", x: "21.73", y: "21.214", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_23242", stdDeviation: ".577" })))
|
|
22
|
+
);
|
|
23
|
+
FillParallaxScroll.displayName = "FillParallaxScroll";
|
|
24
|
+
export {
|
|
25
|
+
FillParallaxScroll
|
|
26
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FillReveal = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__a", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.951 22.442a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__a)", clipPath: "url(#FillReveal__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__d)", d: "m36.441 29.184-9.095 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__e)", d: "M52.786 34.426s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.97-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__h)", d: "M27.792 22.581q-.481.096-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.69 2.864-.75 6.532 2.1 8.193 2.848 1.661 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FillReveal__i", width: "32", height: "24", x: "20", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M20.014 15.688h31.973v23.295H20.014z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__i)" }, /* @__PURE__ */ React.createElement("mask", { id: "FillReveal__j", width: "26", height: "28", x: "23", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.949 22.446a2.1 2.1 0 0 1 2.098 0l10.167 5.87a2.1 2.1 0 0 1 1.049 1.816v11.74c0 .75-.4 1.442-1.05 1.817l-10.166 5.87a2.1 2.1 0 0 1-2.098 0l-10.167-5.87a2.1 2.1 0 0 1-1.049-1.817v-11.74c0-.75.4-1.442 1.05-1.817z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FillReveal__j)", clipPath: "url(#FillReveal__k)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "var(--wds-illustration-color-6, #002296)", rx: "2.098" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__m)", d: "m36.44 29.188-9.096 14.684 16.221-2.415z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__n)", d: "M52.784 34.43s-12.47-5.101-13.079-5.36c-.608-.258-4.381-1.454-3.266 1.994 1.109 3.426 1.716 4.743 1.958 5.328.241.585 1.225 2.969-1.25 3.849-2.805.996-17.933 5.728-17.933 5.728v4.292h33.57z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FillReveal__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#002294", rx: "3.631" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FillReveal__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FillReveal__q)", d: "M27.79 22.585q-.481.095-.944.265a6.06 6.06 0 0 0-3.123 2.613c-1.689 2.864-.75 6.532 2.1 8.193 2.848 1.66 6.525.684 8.214-2.18 1.689-2.866.749-6.534-2.097-8.193a5.94 5.94 0 0 0-4.15-.698" }))))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52 39.762H20v-1h32z" }),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__d", x1: "31.554", x2: "44.855", y1: "34.17", y2: "44.642", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__e", x1: "22.888", x2: "49.3", y1: "20.846", y2: "46.497", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__h", x1: "33.177", x2: "22.919", y1: "23.545", y2: "36.636", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__m", x1: "31.552", x2: "44.853", y1: "34.173", y2: "44.646", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__n", x1: "22.886", x2: "49.297", y1: "20.85", y2: "46.501", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FillReveal__q", x1: "33.175", x2: "22.917", y1: "23.549", y2: "36.64", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.838 21.836h28.324V50.16H21.838z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__c" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.74", y: "20.785", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.885", y: "27.082", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M21.836 21.84H50.16v28.324H21.836z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__l" }, /* @__PURE__ */ React.createElement("rect", { width: "32.52", height: "30.422", x: "19.738", y: "20.789", fill: "#fff", rx: "2.098" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FillReveal__o" }, /* @__PURE__ */ React.createElement("rect", { width: "7.261", height: "7.314", x: "22.883", y: "27.086", fill: "#fff", rx: "3.631" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__g", width: "14.299", height: "14.299", x: "21.732", y: "21.316", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20232", stdDeviation: ".577" })), /* @__PURE__ */ React.createElement("filter", { id: "FillReveal__p", width: "14.299", height: "14.299", x: "21.73", y: "21.32", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20232", stdDeviation: ".577" })))
|
|
17
|
+
);
|
|
18
|
+
FillReveal.displayName = "FillReveal";
|
|
19
|
+
export {
|
|
20
|
+
FillReveal
|
|
21
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FlapLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__a", width: "29", height: "28", x: "26", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "14", cy: "14", r: "14", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 54.564 50)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__a)" }, /* @__PURE__ */ React.createElement("circle", { cx: "21.125", cy: "21.125", r: "21.125", fill: "var(--wds-illustration-color-1, #002291)", transform: "matrix(0 -1 -1 0 66.468 52.938)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__c)", d: "M63.466 35.17c-.196.985-.468 1.959-.816 2.907a18.65 18.65 0 0 1-8.048 9.619c-8.82 5.202-20.119 2.307-25.234-6.466s-2.105-20.098 6.715-25.3c8.826-5.201 20.125-2.307 25.233 6.46 2.34 4.007 2.978 8.538 2.15 12.78" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__d", width: "29", height: "17", x: "26", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "8.155", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "8.155", ry: "14", transform: "matrix(0 -1 -1 0 54.66 36.621)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "25.095", cy: "43.083", fill: "var(--wds-illustration-color-1, #002291)", rx: "25.095", ry: "43.083", transform: "matrix(0 -1 -1 0 96.513 38.426)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__f)", d: "M91.146 15.598a18.2 18.2 0 0 1-1.665 3.704c-2.94 4.96-8.54 9.357-16.421 12.256-17.996 6.627-41.048 2.939-51.484-8.238S17.28-2.286 35.276-8.913c18.008-6.627 41.06-2.94 51.484 8.23 4.773 5.104 6.075 10.878 4.386 16.281" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FlapLoop__g", width: "29", height: "7", x: "26", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "3.185", cy: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.185", ry: "14", transform: "matrix(0 -1 -1 0 54.66 25.48)" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FlapLoop__g)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "7.34", cy: "30.622", fill: "var(--wds-illustration-color-1, #002291)", rx: "7.34", ry: "30.622", transform: "matrix(0 -1 -1 0 83.05 27.504)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlapLoop__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__i)", d: "M79.234 16.465a8.5 8.5 0 0 1-1.183 1.923c-2.09 2.574-6.07 4.855-11.672 6.36-12.79 3.439-29.176 1.525-36.594-4.275-7.417-5.8-3.053-13.289 9.738-16.728 12.8-3.44 29.185-1.525 36.594 4.27 3.392 2.65 4.318 5.646 3.117 8.45" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlapLoop__j)", d: "M17.429 35.76c0-3.352 1.03-6.181 2.055-8.166a19 19 0 0 1 1.413-2.32 14 14 0 0 1 .606-.785l.037-.043q.006-.008.01-.012.002-.002.003-.003l.002-.001v-.001l.748.664h-.001l-.007.009-.03.035-.119.143c-.104.13-.255.323-.436.576-.364.508-.85 1.253-1.337 2.197-.976 1.89-1.945 4.56-1.945 7.708 0 3.143.966 5.556 1.93 7.182.482.814.964 1.43 1.322 1.84a9 9 0 0 0 .544.57l.028.026.006.006-.33.376-.33.376v-.002l-.004-.003-.012-.01-.04-.036-.137-.133a10 10 0 0 1-.478-.512 13.5 13.5 0 0 1-1.428-1.988c-1.036-1.748-2.07-4.336-2.07-7.692" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.237 46.154a.5.5 0 0 1-.43.091l-4-1 .243-.97 3.38.845v-3.36h.999v4l-.013.113a.5.5 0 0 1-.18.281" }),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__c", x1: "60.496", x2: "20.178", y1: "18.583", y2: "50.179", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__f", x1: "85.087", x2: "33.522", y1: "-5.533", y2: "59.18", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__i", x1: "74.927", x2: "51.062", y1: "5.499", y2: "46.521", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlapLoop__j", x1: "20.929", x2: "20.929", y1: "25.261", y2: "44.761", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__b", width: "46.937", height: "46.938", x: "21.875", y: "8.344", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__e", width: "85.361", height: "57.059", x: "11.49", y: "-17.207", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20423", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlapLoop__h", width: "63.565", height: "34.422", x: "21.17", y: "-2.965", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20423", stdDeviation: "2.5" })))
|
|
19
|
+
);
|
|
20
|
+
FlapLoop.displayName = "FlapLoop";
|
|
21
|
+
export {
|
|
22
|
+
FlapLoop
|
|
23
|
+
};
|
|
@@ -14,7 +14,7 @@ const FlashAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__c)", d: "M22.936 22.937c-7.215 7.214-7.215 18.912 0 26.127l-.707.707c-7.605-7.606-7.605-19.936 0-27.541z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__d)", d: "M49.77 22.23c7.606 7.605 7.606 19.935 0 27.54l-.706-.706c7.215-7.215 7.215-18.912 0-26.127z" }),
|
|
16
16
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlashAnimation__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlashAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashAnimation__g)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__a", x1: "19.335", x2: "19.335", y1: "19.667", y2: "52.335", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__a", x1: "19.335", x2: "19.335", y1: "19.667", y2: "52.335", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__b", x1: "52.335", x2: "52.335", y1: "19.667", y2: "52.335", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__c", x1: "22.447", x2: "22.447", y1: "22.718", y2: "49.283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__d", x1: "49.283", x2: "49.283", y1: "22.718", y2: "49.283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".25", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".75", stopColor: "var(--wds-illustration-color-6, #002296)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashAnimation__g", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlashAnimation__e" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "FlashAnimation__f", width: "62", height: "62", x: "15", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17860", stdDeviation: "2.5" })))
|
|
18
18
|
);
|
|
19
19
|
FlashAnimation.displayName = "FlashAnimation";
|
|
20
20
|
export {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FlashLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".35" }, /* @__PURE__ */ React.createElement("mask", { id: "FlashLoop__a", width: "11", height: "32", x: "41", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M41.33 20.93v30.14C47.54 48.87 52 42.96 52 36s-4.46-12.87-10.67-15.07" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlashLoop__b)", mask: "url(#FlashLoop__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashLoop__c)", d: "M36.646-2.746a30 30 0 0 0-4.501 1.263 28.87 28.87 0 0 0-14.892 12.46C9.2 24.63 13.682 42.123 27.263 50.04c13.58 7.919 31.114 3.26 39.167-10.395C74.482 25.982 70 8.491 56.43.582c-6.203-3.622-13.219-4.61-19.784-3.328" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".65" }, /* @__PURE__ */ React.createElement("mask", { id: "FlashLoop__d", width: "12", height: "32", x: "30", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 20c-1.87 0-3.66.34-5.33.93v30.14c1.67.59 3.46.93 5.33.93s3.66-.34 5.33-.93V20.93C39.66 20.34 37.87 20 36 20" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlashLoop__e)", mask: "url(#FlashLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashLoop__f)", d: "M40.498 2.145a30 30 0 0 0-4.501 1.262 28.87 28.87 0 0 0-14.892 12.46c-8.053 13.655-3.571 31.146 10.01 39.065s31.114 3.26 39.167-10.395c8.052-13.664 3.571-31.156-10-39.065-6.203-3.621-13.219-4.61-19.784-3.327" }))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FlashLoop__g", width: "11", height: "32", x: "20", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M30.67 51.07V20.93C24.46 23.13 20 29.04 20 36s4.46 12.87 10.67 15.07" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#FlashLoop__h)", mask: "url(#FlashLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlashLoop__i)", d: "M37.492.48a30 30 0 0 0-4.501 1.263 28.87 28.87 0 0 0-14.892 12.46c-8.053 13.655-3.571 31.146 10.01 39.065s31.114 3.26 39.167-10.395c8.052-13.664 3.571-31.156-10-39.065C51.073.187 44.057-.802 37.492.48" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashLoop__c", x1: "62.323", x2: "13.409", y1: "1.851", y2: "64.268", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".736", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashLoop__f", x1: "66.175", x2: "17.261", y1: "6.742", y2: "69.158", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".736", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlashLoop__i", x1: "63.169", x2: "14.255", y1: "5.078", y2: "67.494", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".736", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlashLoop__b", width: "67.182", height: "67.18", x: "8.251", y: "-8.281", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20352", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlashLoop__e", width: "67.182", height: "67.18", x: "12.103", y: "-3.391", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20352", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlashLoop__h", width: "67.182", height: "67.18", x: "9.097", y: "-5.055", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20352", stdDeviation: "2.5" })))
|
|
17
|
+
);
|
|
18
|
+
FlashLoop.displayName = "FlashLoop";
|
|
19
|
+
export {
|
|
20
|
+
FlashLoop
|
|
21
|
+
};
|
package/dist/esm/Flip.js
CHANGED
|
@@ -9,11 +9,11 @@ const Flip = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36.5 19v34h-1V19z" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Flip__b", width: "23", height: "30", x: "11", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__a)", d: "M34 24.902a2 2 0 0 0-1.728-1.981l-19-2.609A2 2 0 0 0 11 22.293v25.414a2 2 0 0 0 2.272 1.981l19-2.609A2 2 0 0 0 34 45.098z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39 17.63H-1v37.896h40z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__d)", d: "M11 0h61l.536 43.132L11 49.447z" })))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("mask", { id: "Flip__f", width: "23", height: "30", x: "38", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__e)", d: "M38 24.902a2 2 0 0 1 1.728-1.981l19-2.609A2 2 0 0 1 61 22.293v25.414a2 2 0 0 1-2.272 1.981l-19-2.609A2 2 0 0 1 38 45.098z" })),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#Flip__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 17.631h40v37.895H33z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Flip__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Flip__h)", d: "M38 0h33.54L72 52l-34-4.927z" }))),
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__a", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__d", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__e", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__h", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__c", width: "71.536", height: "59.447", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__a", x1: "14.434", x2: "36.289", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__d", x1: "63.349", x2: "34.4", y1: "11.614", y2: "67.58", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__e", x1: "57.566", x2: "35.711", y1: "22.251", y2: "47.602", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Flip__h", x1: "88.179", x2: "57.219", y1: "7.564", y2: "59.457", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".9", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__c", width: "71.536", height: "59.447", x: "6", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17432", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Flip__g", width: "44", height: "62", x: "33", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17432", stdDeviation: "2.5" })))
|
|
17
17
|
);
|
|
18
18
|
Flip.displayName = "Flip";
|
|
19
19
|
export {
|
|
@@ -13,8 +13,8 @@ const FlipAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FlipAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__f)", d: "m11.89 11.422 24.418-38.984 24.418 38.984-24.418 38.984z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FlipAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__i)", d: "m21.213 6.678 14.944-43.505L51.101 6.678 36.157 50.183z" }))),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlipAnimation__j)", d: "M37 55.233c3.352 0 6.182-1.031 8.167-2.056a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.606l.042-.037.013-.01q.002-.002.003-.003l.001-.001-.663-.748h-.001l-.008.007-.035.03q-.047.04-.144.119c-.128.104-.322.255-.576.436-.507.364-1.252.85-2.196 1.337-1.89.976-4.56 1.945-7.708 1.945-3.143 0-5.556-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.025-.028-.006-.005-.376.329-.376.33h.002q0 .002.003.005.003.004.01.011l.036.04q.046.049.133.137c.116.117.287.282.511.478.45.392 1.115.91 1.989 1.428 1.748 1.037 4.335 2.07 7.692 2.07" }),
|
|
16
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__c", x1: "34.449", x2: "42.129", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__f", x1: "35.037", x2: "49.411", y1: "-18.534", y2: "55.7", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__i", x1: "35.379", x2: "62.362", y1: "-26.752", y2: "49.669", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__j", x1: "47.5", x2: "28", y1: "51.732", y2: "51.732", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.606 50.425a.5.5 0 0 0-.091.429l1 4 .97-.243-.845-3.38H31v-.999h-4l-.113.013a.5.5 0 0 0-.281.18" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__c", x1: "34.449", x2: "42.129", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__f", x1: "35.037", x2: "49.411", y1: "-18.534", y2: "55.7", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__i", x1: "35.379", x2: "62.362", y1: "-26.752", y2: "49.669", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipAnimation__j", x1: "47.5", x2: "28", y1: "51.732", y2: "51.732", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "22", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 22 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "16.687", height: "16.687", fill: "#fff", rx: "2", transform: "scale(.7507 1.19852)rotate(-45 54.429 -28.855)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FlipAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "14.953", height: "14.953", fill: "#fff", rx: "2", transform: "scale(.45944 1.3375)rotate(-45 66.533 -68.739)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__b", width: "75.054", height: "75.055", x: "-1.385", y: "-19.912", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18090", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__e", width: "58.835", height: "87.969", x: "6.891", y: "-32.563", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18090", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipAnimation__h", width: "39.888", height: "97.012", x: "16.213", y: "-41.828", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18090", stdDeviation: "2.5" })))
|
|
18
18
|
);
|
|
19
19
|
FlipAnimation.displayName = "FlipAnimation";
|
|
20
20
|
export {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FlipLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__a)", d: "M36.241 55.82c3.352 0 6.182-1.03 8.167-2.055a19 19 0 0 0 2.32-1.413 14 14 0 0 0 .785-.606l.043-.037q.008-.006.012-.01l.003-.004h.002l-.664-.749v.001l-.009.007-.035.03q-.047.041-.143.118c-.13.105-.323.256-.577.437a18 18 0 0 1-2.196 1.337c-1.89.975-4.56 1.944-7.708 1.944-3.143 0-5.556-.966-7.182-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.026-.027-.006-.006-.376.33-.376.33h.002l.003.004.01.012.036.04.133.137c.116.117.287.282.512.478.448.392 1.114.91 1.988 1.428 1.749 1.036 4.336 2.07 7.692 2.07" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 51.014a.5.5 0 0 0-.09.429l1 4 .97-.243-.846-3.38 3.36.001v-1h-4l-.113.013a.5.5 0 0 0-.28.18" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__b", width: "30", height: "31", x: "21", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "36", cy: "31.369", fill: "var(--wds-illustration-color-1, #002291)", rx: "15", ry: "15.013" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__b)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "41.902", cy: "24.476", fill: "var(--wds-illustration-color-1, #002291)", rx: "26.703", ry: "26.726" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipLoop__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__d)", d: "M37.659 1.558a24.6 24.6 0 0 0-3.677 1.032 23.58 23.58 0 0 0-12.165 10.178C15.24 23.922 18.9 38.21 29.994 44.678c11.094 6.47 25.417 2.663 31.994-8.49 6.578-11.163 2.918-25.45-8.168-31.911C48.753 1.318 43.022.51 37.659 1.558" })))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__e", width: "20", height: "31", x: "26", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "35.999", cy: "31.367", fill: "var(--wds-illustration-color-1, #002291)", rx: "9.704", ry: "14.949" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__e)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "42.524", cy: "20.267", fill: "var(--wds-illustration-color-1, #002291)", rx: "21.029", ry: "32.396" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipLoop__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__g)", d: "M40.623-8.09c-1.052.3-2.092.717-3.104 1.25-4.156 2.212-7.84 6.422-10.27 12.35-5.553 13.531-2.463 30.866 6.903 38.713s21.458 3.23 27.011-10.301c5.554-13.542 2.463-30.877-6.896-38.715-4.278-3.589-9.116-4.569-13.644-3.298" })))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FlipLoop__h", width: "8", height: "31", x: "32", y: "16", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "36", cy: "31.369", fill: "#D9D9D9", rx: "3.018", ry: "14.889" })),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FlipLoop__h)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "35.725", cy: "16.909", fill: "var(--wds-illustration-color-1, #002291)", rx: "11.018", ry: "30.432" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipLoop__j)", d: "M41.273-9.732c-.979.282-1.945.674-2.885 1.175-3.864 2.078-7.289 6.032-9.547 11.6-5.162 12.712-2.29 28.995 6.417 36.367 8.706 7.372 19.946 3.034 25.108-9.677 5.162-12.72 2.29-29.004-6.41-36.367-3.977-3.372-8.474-4.292-12.683-3.098" }))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipLoop__a", x1: "46.741", x2: "27.241", y1: "52.32", y2: "52.32", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipLoop__d", x1: "58.633", x2: "18.677", y1: "5.314", y2: "56.3", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipLoop__g", x1: "58.331", x2: "8.759", y1: "-3.535", y2: "40.485", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipLoop__j", x1: "57.733", x2: "11.227", y1: "-5.452", y2: "35.412", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipLoop__c", width: "56.71", height: "56.711", x: "13.548", y: "-3.879", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20395", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipLoop__f", width: "49.435", height: "66.668", x: "19.489", y: "-13.621", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20395", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipLoop__i", width: "46.656", height: "63.234", x: "21.276", y: "-15.23", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20395", stdDeviation: "2.5" })))
|
|
19
|
+
);
|
|
20
|
+
FlipLoop.displayName = "FlipLoop";
|
|
21
|
+
export {
|
|
22
|
+
FlipLoop
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FlipScroll = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__a)", d: "M36.242 52.805c3.352 0 6.181-1.031 8.167-2.056a19 19 0 0 0 2.319-1.413 14 14 0 0 0 .785-.605l.043-.038.013-.01.003-.003v-.001h.002l-.664-.748h-.001l-.008.008-.035.03-.144.118a13 13 0 0 1-.576.436c-.507.364-1.253.85-2.196 1.337-1.89.976-4.56 1.945-7.708 1.945-3.144 0-5.557-.966-7.183-1.93a12.5 12.5 0 0 1-1.84-1.322 9 9 0 0 1-.57-.544l-.026-.028-.005-.005-.376.329-.376.33h.002q0 .002.003.005.003.004.01.011l.035.04q.046.049.133.137c.116.117.287.283.512.479.449.392 1.114.91 1.988 1.427 1.749 1.037 4.336 2.07 7.693 2.07" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25.847 47.998a.5.5 0 0 0-.09.43l1 4 .97-.244-.846-3.379h3.36v-.999h-4l-.113.013a.5.5 0 0 0-.28.18" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipScroll__b", width: "24", height: "27", x: "24", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35 20.929a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733L37 45.774a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732v-10.69a2 2 0 0 1 1-1.733z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipScroll__c)", mask: "url(#FlipScroll__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__d)", d: "m45.057-1.508 24.638 14.225v28.45L45.057 55.392 20.42 41.167v-28.45z" }))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "FlipScroll__e", width: "14", height: "26", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.588 21.289a2 2 0 0 1 2.825 0l4.75 4.74a2 2 0 0 1 .586 1.415v11.811a2 2 0 0 1-.587 1.416l-4.749 4.74a2 2 0 0 1-2.825 0l-4.749-4.74a2 2 0 0 1-.587-1.416V27.444a2 2 0 0 1 .587-1.416z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FlipScroll__f)", mask: "url(#FlipScroll__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__g)", d: "m38.246-32.36 20.926 21.034v42.067L38.246 51.774 17.32 30.741v-42.067z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FlipScroll__h", width: "6", height: "27", x: "33", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M35.04 21.38c.28-.96 1.64-.96 1.92 0l1.224 4.201a1 1 0 0 1 .04.28v14.98a1 1 0 0 1-.04.28l-1.225 4.202c-.28.96-1.64.96-1.92 0l-1.225-4.202a1 1 0 0 1-.04-.28V25.86a1 1 0 0 1 .04-.28z" })),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#FlipScroll__i)", mask: "url(#FlipScroll__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FlipScroll__j)", d: "M36-35.2a1 1 0 0 1 1.64 0L51.283-15.69a1 1 0 0 1 .18.573v41.246a1 1 0 0 1-.18.573L37.64 46.21a1 1 0 0 1-1.64 0L22.358 26.7a1 1 0 0 1-.18-.573v-41.246a1 1 0 0 1 .18-.573z" })),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipScroll__a", x1: "46.742", x2: "27.242", y1: "49.305", y2: "49.305", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".043", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipScroll__d", x1: "65.437", x2: "26.575", y1: "3.599", y2: "54.338", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipScroll__g", x1: "68.381", x2: "10.917", y1: "-24.808", y2: "50.216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FlipScroll__j", x1: "66.818", x2: "9.615", y1: "-28.854", y2: "45.83", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipScroll__c", width: "59.276", height: "66.898", x: "15.419", y: "-6.508", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20209", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipScroll__f", width: "51.851", height: "94.133", x: "12.32", y: "-37.359", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20209", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FlipScroll__i", width: "39.287", height: "92.262", x: "17.177", y: "-40.625", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_20209", stdDeviation: "2.5" })))
|
|
19
|
+
);
|
|
20
|
+
FlipScroll.displayName = "FlipScroll";
|
|
21
|
+
export {
|
|
22
|
+
FlipScroll
|
|
23
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FloatEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FloatEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 45)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__c)", d: "M8.473 26.613 41-5.914l32.527 32.527L41 59.14z" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#FloatEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.93", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 35.93)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__f)", d: "M8.473 17.543 41-14.984l32.527 32.527L41 50.07z" }))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FloatEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "27", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 26.858 27)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__i)", d: "M8.473 8.613 41-23.914 73.527 8.613 41 41.14z" }))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#FloatEntrance__j)", d: "M18.858 48.5v-25h1v25z" }),
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19.358 23a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatEntrance__c", x1: "39.306", x2: "46.987", y1: "1.619", y2: "64.948", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatEntrance__f", x1: "39.306", x2: "46.987", y1: "-7.451", y2: "55.877", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatEntrance__i", x1: "39.306", x2: "46.987", y1: "-16.381", y2: "46.947", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatEntrance__j", x1: "19.358", x2: "19.358", y1: "48.5", y2: "23.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FloatEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "45", fill: "#fff", rx: "2", transform: "rotate(-45 26.858 45)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FloatEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "35.93", fill: "#fff", rx: "2", transform: "rotate(-45 26.858 35.93)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FloatEntrance__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "26.858", y: "27", fill: "#fff", rx: "2", transform: "rotate(-45 26.858 27)" })), /* @__PURE__ */ React.createElement("filter", { id: "FloatEntrance__b", width: "75.054", height: "75.055", x: "3.473", y: "-10.914", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19387", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FloatEntrance__e", width: "75.054", height: "75.055", x: "3.473", y: "-19.984", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19387", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FloatEntrance__h", width: "75.054", height: "75.055", x: "3.473", y: "-28.914", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_19387", stdDeviation: "2.5" })))
|
|
18
|
+
);
|
|
19
|
+
FloatEntrance.displayName = "FloatEntrance";
|
|
20
|
+
export {
|
|
21
|
+
FloatEntrance
|
|
22
|
+
};
|
|
@@ -11,10 +11,10 @@ const FloatingCardsAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FloatingCardsAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "16" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FloatingCardsAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FloatingCardsAnimation__c)", d: "M41.275.487a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 23.64 12.966c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453c7.323-12.426 3.248-28.333-9.093-35.525C53.625.22 47.245-.679 41.275.487" }))),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FloatingCardsAnimation__d)", d: "M57 30v13h-1V30z" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M56.5 43.5a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.077a.5.5 0 0 1-.304.103" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#FloatingCardsAnimation__e)", d: "M15 43V30h1v13z" }),
|
|
16
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__c", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__d", x1: "48.616", x2: "48.616", y1: "30", y2: "43", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.5 29.5a.5.5 0 0 1 .383.18l2.5 3-.767.64-2.116-2.54-2.117 2.54-.767-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__c", x1: "64.625", x2: "20.144", y1: "4.668", y2: "61.428", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__d", x1: "48.616", x2: "48.616", y1: "30", y2: "43", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FloatingCardsAnimation__e", x1: "21.898", x2: "21.898", y1: "43", y2: "30", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FloatingCardsAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "#fff", rx: "16" })), /* @__PURE__ */ React.createElement("filter", { id: "FloatingCardsAnimation__b", width: "62", height: "62", x: "15", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17797", stdDeviation: "2.5" })))
|
|
18
18
|
);
|
|
19
19
|
FloatingCardsAnimation.displayName = "FloatingCardsAnimation";
|
|
20
20
|
export {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FluidImage = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 82 82",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 82,
|
|
8
|
+
height: 82,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("mask", { id: "FluidImage__a", width: "50", height: "54", x: "16", y: "14", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M32.934 19.616c2.385-.26 4.58-1.62 6.388-3.196 1.838-1.603 4.743-3.062 8.839-2.126 7.703 1.76 7.539 8.285 6.395 12.825-.693 2.749-.082 5.785 1.935 7.778 3.78 3.733 9.252 10.05 9.486 15.514.246 5.731-1.459 10.551-6.952 14.07-4.629 2.966-8.816 1.278-13.316 1.343-4.501.065-10.795 4.112-17.104 1.003-6.395-3.152-7.702-7.908-10.43-14.54-3.784-9.204-4.678-30.559 14.76-32.671" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FluidImage__a)", clipPath: "url(#FluidImage__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FluidImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#FluidImage__d)", d: "M41.84 28.004 24.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#FluidImage__e)", d: "M73 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C37.843 50.978 9 60 9 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FluidImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FluidImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FluidImage__h)", d: "M25.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FluidImage__d", x1: "32.522", x2: "57.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FluidImage__e", x1: "16", x2: "66.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FluidImage__h", x1: "35.617", x2: "16.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FluidImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h54v54H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FluidImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FluidImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "15.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "FluidImage__g", width: "27.261", height: "27.26", x: "13.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18999", stdDeviation: "1.099" })))
|
|
15
|
+
);
|
|
16
|
+
FluidImage.displayName = "FluidImage";
|
|
17
|
+
export {
|
|
18
|
+
FluidImage
|
|
19
|
+
};
|
package/dist/esm/Fold.js
CHANGED
|
@@ -10,7 +10,7 @@ const Fold = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Fold__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#Fold__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__e)", d: "M11 .5h61v51H11z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__g", width: "54", height: "26", x: "9", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__f)", d: "M62.408 23.967a2 2 0 0 0-1.944-2.467H11.537a2 2 0 0 0-1.945 2.467l5.04 21a2 2 0 0 0 1.945 1.533h38.846a2 2 0 0 0 1.945-1.533z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__i)", d: "m-4 2.5 94.928-.053L92 46.58 15 46.5z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "Fold__k", width: "53", height: "21", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__j)", d: "M62 21.5H10l6.532 18.66a2 2 0 0 0 1.887 1.34h35.162a2 2 0 0 0 1.888-1.34z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__m)", d: "m-2-2.5 94.928-.053L94 41.58 17 41.5z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Fold__o", width: "51", height: "16", x: "11", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__n)", d: "M61 21.5H11l7.436 13.941A2 2 0 0 0 20.2 36.5h31.6a2 2 0 0 0 1.765-1.059z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Fold__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M75 19.13H-5v37.896h80z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Fold__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Fold__q)", d: "m0-7.5 94.928-.053L96 36.58 19 36.5z" }))))),
|
|
13
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__f", x1: "18.465", x2: "44.057", y1: "24.6", y2: "71.471", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__i", x1: "111.697", x2: "94.5", y1: "5.061", y2: "71.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__j", x1: "18.465", x2: "42.814", y1: "24.502", y2: "70.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__m", x1: "113.697", x2: "96.5", y1: ".061", y2: "66.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__n", x1: "18.465", x2: "33.609", y1: "23.751", y2: "61.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__q", x1: "115.697", x2: "98.5", y1: "-4.939", y2: "61.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__d", width: "71", height: "61", x: "6", y: "-4.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__e", x1: "63.349", x2: "22.157", y1: "5.078", y2: "67.946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__f", x1: "18.465", x2: "44.057", y1: "24.6", y2: "71.471", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__i", x1: "111.697", x2: "94.5", y1: "5.061", y2: "71.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__j", x1: "18.465", x2: "42.814", y1: "24.502", y2: "70.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__m", x1: "113.697", x2: "96.5", y1: ".061", y2: "66.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__n", x1: "18.465", x2: "33.609", y1: "23.751", y2: "61.938", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Fold__q", x1: "115.697", x2: "98.5", y1: "-4.939", y2: "61.553", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__d", width: "71", height: "61", x: "6", y: "-4.5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__h", width: "106", height: "54.131", x: "-9", y: "-2.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__l", width: "106", height: "54.131", x: "-7", y: "-7.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Fold__p", width: "106", height: "54.131", x: "-5", y: "-12.553", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17454", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Fold__c" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21.5", fill: "#fff", rx: "2" })))
|
|
14
14
|
);
|
|
15
15
|
Fold.displayName = "Fold";
|
|
16
16
|
export {
|