@wix/design-system-illustrations 2.20.0 → 2.22.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/AiryMouse.js +7 -7
- package/dist/cjs/AngledTriangleDivider.js +2 -2
- package/dist/cjs/{Aspect12.js → Apsect12.js} +9 -9
- package/dist/cjs/ArcEntrance.js +9 -9
- package/dist/cjs/ArcScroll.js +5 -5
- package/dist/cjs/Ascpect45.js +52 -0
- package/dist/cjs/Aspect11Image.js +2 -2
- package/dist/cjs/Aspect169Image.js +2 -2
- package/dist/cjs/Aspect23Image.js +1 -1
- package/dist/cjs/Aspect32Image.js +2 -2
- package/dist/cjs/Aspect34Image.js +2 -2
- package/dist/cjs/Aspect3DSection.js +8 -8
- package/dist/cjs/Aspect3DSpinScroll.js +9 -9
- package/dist/cjs/Aspect43Image.js +2 -2
- package/dist/cjs/Aspect45Image.js +2 -2
- package/dist/cjs/Aspect54Image.js +2 -2
- package/dist/cjs/Aspect916Image.js +2 -2
- package/dist/cjs/AvatarCircle.js +1 -0
- package/dist/cjs/AvatarSquare.js +3 -2
- package/dist/cjs/BentoLayout.js +54 -0
- package/dist/cjs/BentoLayoutSmall.js +54 -0
- package/dist/cjs/BlobMouse.js +7 -7
- package/dist/cjs/BlobsDivider.js +2 -2
- package/dist/cjs/Blocks.js +52 -0
- package/dist/cjs/BlocksSmall.js +52 -0
- package/dist/cjs/BlogFullPost.js +1 -1
- package/dist/cjs/BlogOneColumn.js +1 -1
- package/dist/cjs/BlogTagButton.js +1 -1
- package/dist/cjs/BlurScroll.js +1 -1
- package/dist/cjs/BookingsLayoutGrid.js +55 -0
- package/dist/cjs/BookingsLayoutStrip.js +52 -0
- package/dist/cjs/BookingsList.js +54 -0
- package/dist/cjs/BookingsMonthly.js +52 -0
- package/dist/cjs/BookingsOverlay.js +52 -0
- package/dist/cjs/BookingsPresetMasonry.js +53 -0
- package/dist/cjs/BookingsPresetSlider.js +53 -0
- package/dist/cjs/BookingsPresetSquares.js +53 -0
- package/dist/cjs/BookingsStrip.js +3 -2
- package/dist/cjs/BookingsWeekly.js +52 -0
- package/dist/cjs/Bounce.js +2 -2
- package/dist/cjs/BounceEntrance.js +8 -8
- package/dist/cjs/BrushDivider.js +2 -2
- package/dist/cjs/CircleImage.js +1 -1
- package/dist/cjs/CircleMarker.js +4 -4
- package/dist/cjs/CloseupSection.js +8 -8
- package/dist/cjs/CloudsDivider.js +1 -1
- package/dist/cjs/ColorClick.js +1 -1
- package/dist/cjs/ColorHover.js +1 -1
- package/dist/cjs/CrossLoop.js +8 -8
- package/dist/cjs/Cube.js +2 -2
- package/dist/cjs/CustomImage.js +2 -2
- package/dist/cjs/DartScroll.js +5 -5
- package/dist/cjs/DesignedSection.js +2 -2
- package/dist/cjs/DesignedSectionSmall.js +2 -2
- package/dist/cjs/DonutChart.js +2 -2
- package/dist/cjs/Dots.js +60 -0
- package/dist/cjs/DotsSmall.js +60 -0
- package/dist/cjs/Drop.js +3 -3
- package/dist/cjs/DunesDivider.js +2 -2
- package/dist/cjs/EllipseImage.js +1 -1
- package/dist/cjs/EmptyPageImage.js +2 -2
- package/dist/cjs/EventInfo.js +2 -2
- package/dist/cjs/EventLeft.js +1 -1
- package/dist/cjs/EventRight.js +1 -1
- package/dist/cjs/ExpandClick.js +11 -11
- package/dist/cjs/ExpandHover.js +8 -8
- package/dist/cjs/ExpandScroll.js +7 -7
- package/dist/cjs/FadeAnimationFadeAnimation.js +53 -0
- package/dist/cjs/FadeBackSection.js +5 -5
- package/dist/cjs/FadeClick.js +2 -2
- package/dist/cjs/FadeHover.js +2 -2
- package/dist/cjs/FadeScroll.js +2 -2
- package/dist/cjs/FadeSection.js +2 -2
- package/dist/cjs/FillParallaxScroll.js +8 -8
- package/dist/cjs/FillReveal.js +3 -3
- package/dist/cjs/FlapLoop.js +7 -7
- package/dist/cjs/FlashLoop.js +3 -3
- package/dist/cjs/FlipAnimation.js +4 -4
- package/dist/cjs/FlipLoop.js +7 -7
- package/dist/cjs/FlipScroll.js +7 -7
- package/dist/cjs/FloatEntrance.js +5 -5
- package/dist/cjs/FluidImage.js +1 -1
- package/dist/cjs/FoldAnimation.js +4 -4
- package/dist/cjs/FreeformImage.js +3 -3
- package/dist/cjs/GenerateWithAI.js +1 -1
- package/dist/cjs/GlideEntrance.js +6 -6
- package/dist/cjs/GrowEntrance.js +6 -6
- package/dist/cjs/HeartImage.js +1 -1
- package/dist/cjs/HexagonalImage.js +1 -1
- package/dist/cjs/HillDivider.js +1 -1
- package/dist/cjs/ImageLayoutLarge.js +2 -2
- package/dist/cjs/ImageLayoutThumbnail.js +2 -2
- package/dist/cjs/ImageLayoutTwoColumn.js +2 -2
- package/dist/cjs/JelloLoop.js +5 -5
- package/dist/cjs/LayeredElipseDivider.js +2 -2
- package/dist/cjs/LayoutTwoColumnSmall.js +53 -0
- package/dist/cjs/LeftToRight.js +57 -0
- package/dist/cjs/LeftToRightSmall.js +57 -0
- package/dist/cjs/LeftWaveDivider.js +2 -2
- package/dist/cjs/LetterTwist.js +2 -2
- package/dist/cjs/LineChart.js +1 -1
- package/dist/cjs/Marker.js +5 -5
- package/dist/cjs/Marquee.js +2 -2
- package/dist/cjs/MembersName.js +1 -1
- package/dist/cjs/MembersNameAndIcon.js +1 -1
- package/dist/cjs/MoveClick.js +4 -4
- package/dist/cjs/MoveHorizontalHover.js +6 -6
- package/dist/cjs/MoveScroll.js +2 -2
- package/dist/cjs/MultiAreaChart.js +4 -4
- package/dist/cjs/MultiLineChart.js +1 -1
- package/dist/cjs/ObscureMouse.js +8 -8
- package/dist/cjs/OnImage.js +2 -2
- package/dist/cjs/OpticalillusionDivider.js +1 -1
- package/dist/cjs/OriginalImage.js +2 -2
- package/dist/cjs/PaintDivider.js +2 -2
- package/dist/cjs/PaintScribbleDivider.js +1 -1
- package/dist/cjs/PanSection.js +4 -4
- package/dist/cjs/ParallaxScroll.js +7 -7
- package/dist/cjs/ParallaxSection.js +3 -3
- package/dist/cjs/PeaksDivider.js +1 -1
- package/dist/cjs/PentagonImage.js +1 -1
- package/dist/cjs/PieChart.js +3 -3
- package/dist/cjs/PixelsDivider.js +2 -2
- package/dist/cjs/PlantsDivider.js +1 -1
- package/dist/cjs/PokeLoop.js +8 -8
- package/dist/cjs/ProductCardLayoutFullSmall.js +52 -0
- package/dist/cjs/PullBackSection.js +7 -7
- package/dist/cjs/PulseLoop.js +2 -2
- package/dist/cjs/RSVPInvite.js +1 -1
- package/dist/cjs/ResizeMouse.js +5 -5
- package/dist/cjs/ResizeOptionsCrop.js +3 -3
- package/dist/cjs/ResizeOptionsFit.js +2 -2
- package/dist/cjs/Reveal.js +3 -3
- package/dist/cjs/RevealScroll.js +4 -4
- package/dist/cjs/RhombusImage.js +1 -1
- package/dist/cjs/RightWaveDivider.js +1 -1
- package/dist/cjs/RotateClick.js +6 -6
- package/dist/cjs/RotateHover.js +6 -6
- package/dist/cjs/RotateSection.js +7 -7
- package/dist/cjs/RubberMouse.js +10 -10
- package/dist/cjs/ScrollEffectsDisappear.js +2 -2
- package/dist/cjs/ScrollEffectsFadeOut.js +2 -2
- package/dist/cjs/ScrollEffectsMoveWithPage.js +2 -2
- package/dist/cjs/ScrollEffectsStayFixed.js +2 -2
- package/dist/cjs/SemiElipseDivider.js +2 -2
- package/dist/cjs/ShapeEntrance.js +3 -3
- package/dist/cjs/ShapeRectangle.js +4 -4
- package/dist/cjs/ShapeRound.js +4 -4
- package/dist/cjs/ShapeScroll.js +2 -2
- package/dist/cjs/Shrink.js +12 -12
- package/dist/cjs/ShrinkClick.js +5 -5
- package/dist/cjs/ShrinkHover.js +12 -12
- package/dist/cjs/ShrinkScroll.js +10 -10
- package/dist/cjs/Shuffle.js +1 -1
- package/dist/cjs/ShuttersAnimation.js +2 -2
- package/dist/cjs/ShuttersScroll.js +2 -2
- package/dist/cjs/Skew3DMouse.js +3 -3
- package/dist/cjs/SkewClick.js +3 -3
- package/dist/cjs/SkewHover.js +3 -3
- package/dist/cjs/SkewSection.js +6 -6
- package/dist/cjs/Slide.js +3 -3
- package/dist/cjs/SlideScroll.js +1 -1
- package/dist/cjs/SpinAnimation.js +1 -1
- package/dist/cjs/SpinLoop.js +5 -5
- package/dist/cjs/SpinScroll.js +5 -5
- package/dist/cjs/SplitGridColumn.js +52 -0
- package/dist/cjs/SplitGridColumnSmall.js +52 -0
- package/dist/cjs/SplitGridRow.js +52 -0
- package/dist/cjs/SplitGridRowSmall.js +52 -0
- package/dist/cjs/Stagger.js +1 -1
- package/dist/cjs/StarImage.js +1 -1
- package/dist/cjs/StoreAccordionCollapse.js +1 -1
- package/dist/cjs/StoreBelowInfo.js +1 -1
- package/dist/cjs/StoreCollapse.js +1 -1
- package/dist/cjs/StoreDrawer.js +1 -0
- package/dist/cjs/StoreImages.js +2 -2
- package/dist/cjs/StoreOnImage.js +1 -1
- package/dist/cjs/StorePopUp.js +1 -0
- package/dist/cjs/StorePriceSideBySide.js +1 -1
- package/dist/cjs/StorePriceStacked.js +1 -1
- package/dist/cjs/StoreProductInfo.js +1 -1
- package/dist/cjs/StoreSpotlight.js +1 -1
- package/dist/cjs/StoreSwapImage.js +1 -0
- package/dist/cjs/StoreWrap.js +0 -1
- package/dist/cjs/StripesDivider.js +2 -2
- package/dist/cjs/Swap.js +2 -2
- package/dist/cjs/SwingLoop.js +7 -7
- package/dist/cjs/SwivelMouse.js +6 -6
- package/dist/cjs/TextPath.js +4 -4
- package/dist/cjs/ThreeColumnTwoRowLeftMerged.js +52 -0
- package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +52 -0
- package/dist/cjs/ThreeColumns.js +52 -0
- package/dist/cjs/ThreeColumnsSmall.js +52 -0
- package/dist/cjs/ThreeRows.js +52 -0
- package/dist/cjs/ThreeRowsSmall.js +52 -0
- package/dist/cjs/Tilt3DMouse.js +3 -3
- package/dist/cjs/TiltAnimation.js +4 -4
- package/dist/cjs/TiltEntrance.js +4 -4
- package/dist/cjs/TiltScroll.js +5 -5
- package/dist/cjs/Track3DMouse.js +6 -6
- package/dist/cjs/TrackMouse.js +6 -6
- package/dist/cjs/TriangleDivider.js +1 -1
- package/dist/cjs/TriangularImage.js +1 -1
- package/dist/cjs/TurnEntrance.js +6 -6
- package/dist/cjs/TurnScroll.js +8 -8
- package/dist/cjs/TwistClick.js +4 -4
- package/dist/cjs/TwistHover.js +4 -4
- package/dist/cjs/TwoByTwoGrid.js +54 -0
- package/dist/cjs/TwoByTwoGridSmall.js +54 -0
- package/dist/cjs/TwoRows.js +53 -0
- package/dist/cjs/TwoRowsSmall.js +53 -0
- package/dist/cjs/TypeWriter.js +3 -3
- package/dist/cjs/Underline.js +5 -5
- package/dist/cjs/UpToDown.js +57 -0
- package/dist/cjs/UpToDownSmall.js +57 -0
- package/dist/cjs/WavesDivider.js +2 -2
- package/dist/cjs/WhatsappStatus.js +1 -1
- package/dist/cjs/WiggleLoop.js +2 -2
- package/dist/cjs/WindowImage.js +1 -1
- package/dist/cjs/WinkEntrance.js +6 -6
- package/dist/cjs/WordTwist.js +2 -2
- package/dist/cjs/ZoomSection.js +5 -5
- package/dist/cjs/index.js +114 -6
- package/dist/esm/AiryMouse.js +7 -7
- package/dist/esm/AngledTriangleDivider.js +2 -2
- package/dist/esm/{Aspect12.js → Apsect12.js} +5 -5
- package/dist/esm/ArcEntrance.js +9 -9
- package/dist/esm/ArcScroll.js +5 -5
- package/dist/esm/Ascpect45.js +18 -0
- package/dist/esm/Aspect11Image.js +2 -2
- package/dist/esm/Aspect169Image.js +2 -2
- package/dist/esm/Aspect23Image.js +1 -1
- package/dist/esm/Aspect32Image.js +2 -2
- package/dist/esm/Aspect34Image.js +2 -2
- package/dist/esm/Aspect3DSection.js +8 -8
- package/dist/esm/Aspect3DSpinScroll.js +9 -9
- package/dist/esm/Aspect43Image.js +2 -2
- package/dist/esm/Aspect45Image.js +2 -2
- package/dist/esm/Aspect54Image.js +2 -2
- package/dist/esm/Aspect916Image.js +2 -2
- package/dist/esm/AvatarCircle.js +1 -0
- package/dist/esm/AvatarSquare.js +3 -2
- package/dist/esm/BentoLayout.js +20 -0
- package/dist/esm/BentoLayoutSmall.js +20 -0
- package/dist/esm/BlobMouse.js +7 -7
- package/dist/esm/BlobsDivider.js +2 -2
- package/dist/esm/Blocks.js +18 -0
- package/dist/esm/BlocksSmall.js +18 -0
- package/dist/esm/BlogFullPost.js +1 -1
- package/dist/esm/BlogOneColumn.js +1 -1
- package/dist/esm/BlogTagButton.js +1 -1
- package/dist/esm/BlurScroll.js +1 -1
- package/dist/esm/BookingsLayoutGrid.js +21 -0
- package/dist/esm/BookingsLayoutStrip.js +18 -0
- package/dist/esm/BookingsList.js +20 -0
- package/dist/esm/BookingsMonthly.js +18 -0
- package/dist/esm/BookingsOverlay.js +18 -0
- package/dist/esm/BookingsPresetMasonry.js +19 -0
- package/dist/esm/BookingsPresetSlider.js +19 -0
- package/dist/esm/BookingsPresetSquares.js +19 -0
- package/dist/esm/BookingsStrip.js +3 -2
- package/dist/esm/BookingsWeekly.js +18 -0
- package/dist/esm/Bounce.js +2 -2
- package/dist/esm/BounceEntrance.js +8 -8
- package/dist/esm/BrushDivider.js +2 -2
- package/dist/esm/CircleImage.js +1 -1
- package/dist/esm/CircleMarker.js +4 -4
- package/dist/esm/CloseupSection.js +8 -8
- package/dist/esm/CloudsDivider.js +1 -1
- package/dist/esm/ColorClick.js +1 -1
- package/dist/esm/ColorHover.js +1 -1
- package/dist/esm/CrossLoop.js +8 -8
- package/dist/esm/Cube.js +2 -2
- package/dist/esm/CustomImage.js +2 -2
- package/dist/esm/DartScroll.js +5 -5
- package/dist/esm/DesignedSection.js +2 -2
- package/dist/esm/DesignedSectionSmall.js +2 -2
- package/dist/esm/DonutChart.js +2 -2
- package/dist/esm/Dots.js +26 -0
- package/dist/esm/DotsSmall.js +26 -0
- package/dist/esm/Drop.js +3 -3
- package/dist/esm/DunesDivider.js +2 -2
- package/dist/esm/EllipseImage.js +1 -1
- package/dist/esm/EmptyPageImage.js +2 -2
- package/dist/esm/EventInfo.js +2 -2
- package/dist/esm/EventLeft.js +1 -1
- package/dist/esm/EventRight.js +1 -1
- package/dist/esm/ExpandClick.js +11 -11
- package/dist/esm/ExpandHover.js +8 -8
- package/dist/esm/ExpandScroll.js +7 -7
- package/dist/esm/FadeAnimationFadeAnimation.js +19 -0
- package/dist/esm/FadeBackSection.js +5 -5
- package/dist/esm/FadeClick.js +2 -2
- package/dist/esm/FadeHover.js +2 -2
- package/dist/esm/FadeScroll.js +2 -2
- package/dist/esm/FadeSection.js +2 -2
- package/dist/esm/FillParallaxScroll.js +8 -8
- package/dist/esm/FillReveal.js +3 -3
- package/dist/esm/FlapLoop.js +7 -7
- package/dist/esm/FlashLoop.js +3 -3
- package/dist/esm/FlipAnimation.js +4 -4
- package/dist/esm/FlipLoop.js +7 -7
- package/dist/esm/FlipScroll.js +7 -7
- package/dist/esm/FloatEntrance.js +5 -5
- package/dist/esm/FluidImage.js +1 -1
- package/dist/esm/FoldAnimation.js +4 -4
- package/dist/esm/FreeformImage.js +3 -3
- package/dist/esm/GenerateWithAI.js +1 -1
- package/dist/esm/GlideEntrance.js +6 -6
- package/dist/esm/GrowEntrance.js +6 -6
- package/dist/esm/HeartImage.js +1 -1
- package/dist/esm/HexagonalImage.js +1 -1
- package/dist/esm/HillDivider.js +1 -1
- package/dist/esm/ImageLayoutLarge.js +2 -2
- package/dist/esm/ImageLayoutThumbnail.js +2 -2
- package/dist/esm/ImageLayoutTwoColumn.js +2 -2
- package/dist/esm/JelloLoop.js +5 -5
- package/dist/esm/LayeredElipseDivider.js +2 -2
- package/dist/esm/LayoutTwoColumnSmall.js +19 -0
- package/dist/esm/LeftToRight.js +23 -0
- package/dist/esm/LeftToRightSmall.js +23 -0
- package/dist/esm/LeftWaveDivider.js +2 -2
- package/dist/esm/LetterTwist.js +2 -2
- package/dist/esm/LineChart.js +1 -1
- package/dist/esm/Marker.js +5 -5
- package/dist/esm/Marquee.js +2 -2
- package/dist/esm/MembersName.js +1 -1
- package/dist/esm/MembersNameAndIcon.js +1 -1
- package/dist/esm/MoveClick.js +4 -4
- package/dist/esm/MoveHorizontalHover.js +6 -6
- package/dist/esm/MoveScroll.js +2 -2
- package/dist/esm/MultiAreaChart.js +4 -4
- package/dist/esm/MultiLineChart.js +1 -1
- package/dist/esm/ObscureMouse.js +8 -8
- package/dist/esm/OnImage.js +2 -2
- package/dist/esm/OpticalillusionDivider.js +1 -1
- package/dist/esm/OriginalImage.js +2 -2
- package/dist/esm/PaintDivider.js +2 -2
- package/dist/esm/PaintScribbleDivider.js +1 -1
- package/dist/esm/PanSection.js +4 -4
- package/dist/esm/ParallaxScroll.js +7 -7
- package/dist/esm/ParallaxSection.js +3 -3
- package/dist/esm/PeaksDivider.js +1 -1
- package/dist/esm/PentagonImage.js +1 -1
- package/dist/esm/PieChart.js +3 -3
- package/dist/esm/PixelsDivider.js +2 -2
- package/dist/esm/PlantsDivider.js +1 -1
- package/dist/esm/PokeLoop.js +8 -8
- package/dist/esm/ProductCardLayoutFullSmall.js +18 -0
- package/dist/esm/PullBackSection.js +7 -7
- package/dist/esm/PulseLoop.js +2 -2
- package/dist/esm/RSVPInvite.js +1 -1
- package/dist/esm/ResizeMouse.js +5 -5
- package/dist/esm/ResizeOptionsCrop.js +3 -3
- package/dist/esm/ResizeOptionsFit.js +2 -2
- package/dist/esm/Reveal.js +3 -3
- package/dist/esm/RevealScroll.js +4 -4
- package/dist/esm/RhombusImage.js +1 -1
- package/dist/esm/RightWaveDivider.js +1 -1
- package/dist/esm/RotateClick.js +6 -6
- package/dist/esm/RotateHover.js +6 -6
- package/dist/esm/RotateSection.js +7 -7
- package/dist/esm/RubberMouse.js +10 -10
- package/dist/esm/ScrollEffectsDisappear.js +2 -2
- package/dist/esm/ScrollEffectsFadeOut.js +2 -2
- package/dist/esm/ScrollEffectsMoveWithPage.js +2 -2
- package/dist/esm/ScrollEffectsStayFixed.js +2 -2
- package/dist/esm/SemiElipseDivider.js +2 -2
- package/dist/esm/ShapeEntrance.js +3 -3
- package/dist/esm/ShapeRectangle.js +4 -4
- package/dist/esm/ShapeRound.js +4 -4
- package/dist/esm/ShapeScroll.js +2 -2
- package/dist/esm/Shrink.js +12 -12
- package/dist/esm/ShrinkClick.js +5 -5
- package/dist/esm/ShrinkHover.js +12 -12
- package/dist/esm/ShrinkScroll.js +10 -10
- package/dist/esm/Shuffle.js +1 -1
- package/dist/esm/ShuttersAnimation.js +2 -2
- package/dist/esm/ShuttersScroll.js +2 -2
- package/dist/esm/Skew3DMouse.js +3 -3
- package/dist/esm/SkewClick.js +3 -3
- package/dist/esm/SkewHover.js +3 -3
- package/dist/esm/SkewSection.js +6 -6
- package/dist/esm/Slide.js +3 -3
- package/dist/esm/SlideScroll.js +1 -1
- package/dist/esm/SpinAnimation.js +1 -1
- package/dist/esm/SpinLoop.js +5 -5
- package/dist/esm/SpinScroll.js +5 -5
- package/dist/esm/SplitGridColumn.js +18 -0
- package/dist/esm/SplitGridColumnSmall.js +18 -0
- package/dist/esm/SplitGridRow.js +18 -0
- package/dist/esm/SplitGridRowSmall.js +18 -0
- package/dist/esm/Stagger.js +1 -1
- package/dist/esm/StarImage.js +1 -1
- package/dist/esm/StoreAccordionCollapse.js +1 -1
- package/dist/esm/StoreBelowInfo.js +1 -1
- package/dist/esm/StoreCollapse.js +1 -1
- package/dist/esm/StoreDrawer.js +1 -0
- package/dist/esm/StoreImages.js +2 -2
- package/dist/esm/StoreOnImage.js +1 -1
- package/dist/esm/StorePopUp.js +1 -0
- package/dist/esm/StorePriceSideBySide.js +1 -1
- package/dist/esm/StorePriceStacked.js +1 -1
- package/dist/esm/StoreProductInfo.js +1 -1
- package/dist/esm/StoreSpotlight.js +1 -1
- package/dist/esm/StoreSwapImage.js +1 -0
- package/dist/esm/StoreWrap.js +0 -1
- package/dist/esm/StripesDivider.js +2 -2
- package/dist/esm/Swap.js +2 -2
- package/dist/esm/SwingLoop.js +7 -7
- package/dist/esm/SwivelMouse.js +6 -6
- package/dist/esm/TextPath.js +4 -4
- package/dist/esm/ThreeColumnTwoRowLeftMerged.js +18 -0
- package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +18 -0
- package/dist/esm/ThreeColumns.js +18 -0
- package/dist/esm/ThreeColumnsSmall.js +18 -0
- package/dist/esm/ThreeRows.js +18 -0
- package/dist/esm/ThreeRowsSmall.js +18 -0
- package/dist/esm/Tilt3DMouse.js +3 -3
- package/dist/esm/TiltAnimation.js +4 -4
- package/dist/esm/TiltEntrance.js +4 -4
- package/dist/esm/TiltScroll.js +5 -5
- package/dist/esm/Track3DMouse.js +6 -6
- package/dist/esm/TrackMouse.js +6 -6
- package/dist/esm/TriangleDivider.js +1 -1
- package/dist/esm/TriangularImage.js +1 -1
- package/dist/esm/TurnEntrance.js +6 -6
- package/dist/esm/TurnScroll.js +8 -8
- package/dist/esm/TwistClick.js +4 -4
- package/dist/esm/TwistHover.js +4 -4
- package/dist/esm/TwoByTwoGrid.js +20 -0
- package/dist/esm/TwoByTwoGridSmall.js +20 -0
- package/dist/esm/TwoRows.js +19 -0
- package/dist/esm/TwoRowsSmall.js +19 -0
- package/dist/esm/TypeWriter.js +3 -3
- package/dist/esm/Underline.js +5 -5
- package/dist/esm/UpToDown.js +23 -0
- package/dist/esm/UpToDownSmall.js +23 -0
- package/dist/esm/WavesDivider.js +2 -2
- package/dist/esm/WhatsappStatus.js +1 -1
- package/dist/esm/WiggleLoop.js +2 -2
- package/dist/esm/WindowImage.js +1 -1
- package/dist/esm/WinkEntrance.js +6 -6
- package/dist/esm/WordTwist.js +2 -2
- package/dist/esm/ZoomSection.js +5 -5
- package/dist/esm/index.js +76 -4
- package/dist/types/{Aspect12.d.ts → Apsect12.d.ts} +1 -1
- package/dist/types/{FadeAnimation.d.ts → Ascpect45.d.ts} +1 -1
- package/dist/types/BentoLayout.d.ts +5 -0
- package/dist/types/BentoLayoutSmall.d.ts +5 -0
- package/dist/types/Blocks.d.ts +5 -0
- package/dist/types/BlocksSmall.d.ts +5 -0
- package/dist/types/BookingsLayoutGrid.d.ts +5 -0
- package/dist/types/BookingsLayoutStrip.d.ts +5 -0
- package/dist/types/BookingsList.d.ts +5 -0
- package/dist/types/BookingsMonthly.d.ts +5 -0
- package/dist/types/BookingsOverlay.d.ts +5 -0
- package/dist/types/BookingsPresetMasonry.d.ts +5 -0
- package/dist/types/BookingsPresetSlider.d.ts +5 -0
- package/dist/types/BookingsPresetSquares.d.ts +5 -0
- package/dist/types/BookingsWeekly.d.ts +5 -0
- package/dist/types/Dots.d.ts +5 -0
- package/dist/types/DotsSmall.d.ts +5 -0
- package/dist/types/FadeAnimationFadeAnimation.d.ts +5 -0
- package/dist/types/LayoutTwoColumnSmall.d.ts +5 -0
- package/dist/types/LeftToRight.d.ts +5 -0
- package/dist/types/LeftToRightSmall.d.ts +5 -0
- package/dist/types/ProductCardLayoutFullSmall.d.ts +5 -0
- package/dist/types/SplitGridColumn.d.ts +5 -0
- package/dist/types/SplitGridColumnSmall.d.ts +5 -0
- package/dist/types/SplitGridRow.d.ts +5 -0
- package/dist/types/SplitGridRowSmall.d.ts +5 -0
- package/dist/types/ThreeColumnTwoRowLeftMerged.d.ts +5 -0
- package/dist/types/ThreeColumnTwoRowLeftMergedSmall.d.ts +5 -0
- package/dist/types/ThreeColumns.d.ts +5 -0
- package/dist/types/ThreeColumnsSmall.d.ts +5 -0
- package/dist/types/ThreeRows.d.ts +5 -0
- package/dist/types/ThreeRowsSmall.d.ts +5 -0
- package/dist/types/TwoByTwoGrid.d.ts +5 -0
- package/dist/types/TwoByTwoGridSmall.d.ts +5 -0
- package/dist/types/TwoRows.d.ts +5 -0
- package/dist/types/TwoRowsSmall.d.ts +5 -0
- package/dist/types/UpToDown.d.ts +5 -0
- package/dist/types/UpToDownSmall.d.ts +5 -0
- package/dist/types/index.d.ts +38 -2
- package/package.json +4 -4
- package/src/AiryMouse.svg +20 -20
- package/src/AngledTriangleDivider.svg +4 -4
- package/src/ArcEntrance.svg +19 -19
- package/src/ArcScroll.svg +10 -10
- package/src/Ascpect45.svg +23 -0
- package/src/Aspect11Image.svg +5 -5
- package/src/Aspect169Image.svg +5 -5
- package/src/Aspect23Image.svg +1 -1
- package/src/Aspect32Image.svg +5 -5
- package/src/Aspect34Image.svg +5 -5
- package/src/Aspect3DSection.svg +30 -30
- package/src/Aspect3DSpinScroll.svg +14 -14
- package/src/Aspect43Image.svg +5 -5
- package/src/Aspect45Image.svg +3 -3
- package/src/Aspect54Image.svg +5 -5
- package/src/Aspect916Image.svg +5 -5
- package/src/AvatarCircle.svg +2 -2
- package/src/AvatarSquare.svg +3 -3
- package/src/BentoLayout.svg +26 -0
- package/src/BentoLayoutSmall.svg +26 -0
- package/src/BlobMouse.svg +15 -15
- package/src/BlobsDivider.svg +9 -9
- package/src/Blocks.svg +25 -0
- package/src/BlocksSmall.svg +25 -0
- package/src/BlogFullPost.svg +1 -1
- package/src/BlogOneColumn.svg +1 -1
- package/src/BlogTagButton.svg +1 -1
- package/src/BlurScroll.svg +1 -1
- package/src/BookingsLayoutGrid.svg +63 -0
- package/src/BookingsLayoutStrip.svg +34 -0
- package/src/BookingsList.svg +27 -0
- package/src/BookingsMonthly.svg +29 -0
- package/src/BookingsOverlay.svg +25 -0
- package/src/BookingsPresetMasonry.svg +26 -0
- package/src/BookingsPresetSlider.svg +25 -0
- package/src/BookingsPresetSquares.svg +25 -0
- package/src/BookingsStrip.svg +14 -8
- package/src/BookingsWeekly.svg +28 -0
- package/src/Bounce.svg +3 -3
- package/src/BounceEntrance.svg +18 -18
- package/src/Brandbook.svg +3 -3
- package/src/BrushDivider.svg +4 -4
- package/src/CircleImage.svg +1 -1
- package/src/CircleMarker.svg +9 -9
- package/src/CloseupSection.svg +21 -21
- package/src/CloudsDivider.svg +2 -2
- package/src/ColorClick.svg +2 -2
- package/src/ColorHover.svg +1 -1
- package/src/CrossLoop.svg +26 -26
- package/src/Cube.svg +3 -3
- package/src/CustomImage.svg +5 -5
- package/src/DartScroll.svg +11 -11
- package/src/DesignedSection.svg +2 -2
- package/src/DesignedSectionSmall.svg +2 -2
- package/src/DonutChart.svg +5 -5
- package/src/Dots.svg +175 -0
- package/src/DotsSmall.svg +175 -0
- package/src/Drop.svg +3 -3
- package/src/DunesDivider.svg +21 -21
- package/src/EllipseImage.svg +1 -1
- package/src/EmptyPageImage.svg +2 -2
- package/src/EventInfo.svg +2 -2
- package/src/EventLeft.svg +1 -1
- package/src/EventRight.svg +1 -1
- package/src/ExpandClick.svg +19 -19
- package/src/ExpandHover.svg +15 -15
- package/src/ExpandScroll.svg +17 -17
- package/src/FadeBackSection.svg +8 -8
- package/src/FadeClick.svg +3 -3
- package/src/FadeHover.svg +3 -3
- package/src/FadeScroll.svg +3 -3
- package/src/FadeSection.svg +4 -4
- package/src/FillParallaxScroll.svg +26 -26
- package/src/FillReveal.svg +10 -10
- package/src/FlapLoop.svg +13 -13
- package/src/FlashLoop.svg +7 -7
- package/src/FlipAnimation.svg +13 -13
- package/src/FlipLoop.svg +14 -14
- package/src/FlipScroll.svg +12 -12
- package/src/FloatEntrance.svg +12 -12
- package/src/FluidImage.svg +1 -1
- package/src/Fold.svg +3 -3
- package/src/FoldAnimation.svg +6 -6
- package/src/FreeformImage.svg +10 -10
- package/src/GenerateWithAI.svg +1 -1
- package/src/GlideEntrance.svg +26 -26
- package/src/GrowEntrance.svg +8 -8
- package/src/HeartImage.svg +1 -1
- package/src/HexagonalImage.svg +1 -1
- package/src/HillDivider.svg +1 -1
- package/src/ImageLayoutLarge.svg +4 -4
- package/src/ImageLayoutThumbnail.svg +3 -3
- package/src/ImageLayoutTwoColumn.svg +5 -5
- package/src/JelloLoop.svg +10 -10
- package/src/LayeredElipseDivider.svg +5 -5
- package/src/LayoutTwoColumnSmall.svg +24 -0
- package/src/LeftToRight.svg +69 -0
- package/src/LeftToRightSmall.svg +69 -0
- package/src/LeftWaveDivider.svg +3 -3
- package/src/LetterTwist.svg +4 -4
- package/src/LineChart.svg +1 -1
- package/src/Marker.svg +9 -9
- package/src/Marquee.svg +15 -15
- package/src/MembersName.svg +1 -1
- package/src/MembersNameAndIcon.svg +1 -1
- package/src/MoveClick.svg +12 -12
- package/src/MoveHorizontalHover.svg +18 -18
- package/src/MoveScroll.svg +5 -5
- package/src/MultiAreaChart.svg +8 -8
- package/src/MultiLineChart.svg +2 -2
- package/src/ObscureMouse.svg +15 -15
- package/src/OnImage.svg +2 -2
- package/src/OpticalillusionDivider.svg +7 -7
- package/src/OriginalImage.svg +5 -5
- package/src/PaintDivider.svg +2 -2
- package/src/PaintScribbleDivider.svg +1 -1
- package/src/PanSection.svg +15 -15
- package/src/ParallaxScroll.svg +10 -10
- package/src/ParallaxSection.svg +6 -6
- package/src/PeaksDivider.svg +2 -2
- package/src/PentagonImage.svg +1 -1
- package/src/PieChart.svg +6 -6
- package/src/PixelsDivider.svg +23 -23
- package/src/PlantsDivider.svg +1 -1
- package/src/PokeLoop.svg +24 -24
- package/src/ProductCardLayoutFullSmall.svg +23 -0
- package/src/PullBackSection.svg +18 -18
- package/src/PulseLoop.svg +3 -3
- package/src/RSVPInvite.svg +4 -4
- package/src/ResizeMouse.svg +14 -14
- package/src/ResizeOptionsCrop.svg +10 -10
- package/src/ResizeOptionsFit.svg +8 -8
- package/src/Reveal.svg +3 -3
- package/src/RevealScroll.svg +8 -8
- package/src/RhombusImage.svg +1 -1
- package/src/RightWaveDivider.svg +1 -1
- package/src/Roll.svg +10 -10
- package/src/RotateClick.svg +12 -12
- package/src/RotateHover.svg +10 -10
- package/src/RotateSection.svg +9 -9
- package/src/RubberMouse.svg +19 -19
- package/src/ScrollEffectsDisappear.svg +2 -2
- package/src/ScrollEffectsFadeOut.svg +2 -2
- package/src/ScrollEffectsMoveWithPage.svg +2 -2
- package/src/ScrollEffectsStayFixed.svg +2 -2
- package/src/SemiElipseDivider.svg +4 -4
- package/src/ShapeEntrance.svg +8 -8
- package/src/ShapeRectangle.svg +1 -6
- package/src/ShapeRound.svg +1 -6
- package/src/ShapeScroll.svg +5 -5
- package/src/Shrink.svg +21 -21
- package/src/ShrinkClick.svg +10 -10
- package/src/ShrinkHover.svg +21 -21
- package/src/ShrinkScroll.svg +21 -21
- package/src/Shuffle.svg +3 -3
- package/src/ShuttersAnimation.svg +11 -11
- package/src/ShuttersScroll.svg +5 -5
- package/src/Skew3DMouse.svg +7 -7
- package/src/SkewClick.svg +8 -8
- package/src/SkewHover.svg +6 -6
- package/src/SkewSection.svg +9 -9
- package/src/Slide.svg +3 -3
- package/src/SlideScroll.svg +3 -3
- package/src/SpinAnimation.svg +1 -1
- package/src/SpinLoop.svg +6 -6
- package/src/SpinScroll.svg +6 -6
- package/src/SplitGridColumn.svg +25 -0
- package/src/SplitGridColumnSmall.svg +25 -0
- package/src/SplitGridRow.svg +25 -0
- package/src/SplitGridRowSmall.svg +25 -0
- package/src/Stagger.svg +3 -3
- package/src/StarImage.svg +1 -1
- package/src/StoreAccordionCollapse.svg +30 -30
- package/src/StoreBelowInfo.svg +1 -1
- package/src/StoreCollapse.svg +1 -1
- package/src/StoreDrawer.svg +2 -2
- package/src/StoreImages.svg +2 -2
- package/src/StoreOnImage.svg +1 -1
- package/src/StorePopUp.svg +2 -2
- package/src/StorePriceSideBySide.svg +1 -1
- package/src/StorePriceStacked.svg +1 -1
- package/src/StoreProductInfo.svg +1 -1
- package/src/StoreSpotlight.svg +1 -1
- package/src/StoreSwapImage.svg +2 -2
- package/src/StoreWrap.svg +2 -2
- package/src/StripesDivider.svg +13 -13
- package/src/Swap.svg +5 -5
- package/src/SwingLoop.svg +23 -23
- package/src/SwivelMouse.svg +19 -19
- package/src/TextPath.svg +7 -7
- package/src/ThreeColumnTwoRowLeftMerged.svg +26 -0
- package/src/ThreeColumnTwoRowLeftMergedSmall.svg +26 -0
- package/src/ThreeColumns.svg +25 -0
- package/src/ThreeColumnsSmall.svg +25 -0
- package/src/ThreeRows.svg +25 -0
- package/src/ThreeRowsSmall.svg +25 -0
- package/src/Tilt3DMouse.svg +8 -8
- package/src/TiltAnimation.svg +10 -10
- package/src/TiltEntrance.svg +9 -9
- package/src/TiltScroll.svg +8 -8
- package/src/Track3DMouse.svg +14 -14
- package/src/TrackMouse.svg +17 -17
- package/src/TriangleDivider.svg +1 -1
- package/src/TriangularImage.svg +1 -1
- package/src/TurnEntrance.svg +14 -14
- package/src/TurnScroll.svg +13 -13
- package/src/TwistClick.svg +11 -11
- package/src/TwistHover.svg +13 -13
- package/src/TwoByTwoGrid.svg +25 -0
- package/src/TwoByTwoGridSmall.svg +25 -0
- package/src/TwoRows.svg +24 -0
- package/src/TwoRowsSmall.svg +24 -0
- package/src/TypeWriter.svg +9 -9
- package/src/Underline.svg +11 -11
- package/src/UpToDown.svg +69 -0
- package/src/UpToDownSmall.svg +69 -0
- package/src/WavesDivider.svg +5 -5
- package/src/WhatsappStatus.svg +1 -1
- package/src/WiggleLoop.svg +3 -3
- package/src/WindowImage.svg +1 -1
- package/src/WinkEntrance.svg +9 -9
- package/src/WordTwist.svg +10 -10
- package/src/ZoomSection.svg +16 -16
- package/dist/cjs/FadeAnimation.js +0 -53
- package/dist/esm/FadeAnimation.js +0 -19
- /package/src/{Aspect12.svg → Apsect12.svg} +0 -0
- /package/src/{FadeAnimation.svg → FadeAnimationFadeAnimation.svg} +0 -0
package/dist/esm/Swap.js
CHANGED
|
@@ -10,8 +10,8 @@ const Swap = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__b)", clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M40.217 24.578H-1.522v22.737h41.74z" })),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__e", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__d)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__g)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__i", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__h)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.
|
|
14
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__d", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "Swap__g", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__h", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "Swap__k", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__l", x1: "58", x2: "33", y1: "52.499", y2: "52.499", 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: "Swap__m", x1: "15", x2: "27", y1: "21.
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__e", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__d)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__g)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__i", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__h)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.367H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__l)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__m)", d: "M15 20.999h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M27.5 21.499a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__d", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", 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: "Swap__g", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", 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: "Swap__h", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", 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: "Swap__k", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", 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: "Swap__l", x1: "58", x2: "33", y1: "52.499", y2: "52.499", 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: "Swap__m", x1: "15", x2: "27", y1: "21.499", y2: "21.499", 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: "Swap__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__f", width: "36", height: "40.221", x: "6", y: "9", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__j", width: "52.5", height: "61.268", x: "24", y: "-5.334", 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_17528", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("mask", { id: "Swap__b", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__paint0_linear_543_18598)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })))
|
|
15
15
|
);
|
|
16
16
|
Swap.displayName = "Swap";
|
|
17
17
|
export {
|
package/dist/esm/SwingLoop.js
CHANGED
|
@@ -9,15 +9,15 @@ const SwingLoop = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.
|
|
13
|
-
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.381", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.381", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.418", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "14" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.
|
|
17
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SwingLoop__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.381", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__c)", d: "M34.821-7.132a27.4 27.4 0 0 0-4.093 1.148 26.25 26.25 0 0 0-13.542 11.33c-7.323 12.418-3.248 28.324 9.102 35.525 12.35 7.202 28.295 2.965 35.618-9.452 7.323-12.426 3.248-28.333-9.094-35.525C47.172-7.4 40.792-8.3 34.821-7.133" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__e)", d: "M34.821-7.132a27.4 27.4 0 0 0-4.093 1.148 26.25 26.25 0 0 0-13.542 11.33c-7.323 12.418-3.248 28.324 9.102 35.525 12.35 7.202 28.295 2.965 35.618-9.452 7.323-12.426 3.248-28.333-9.094-35.525C47.172-7.4 40.792-8.3 34.821-7.133" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#SwingLoop__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.381", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__h)", d: "M43.275-4.132a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.346c-7.323 12.418-3.248 28.324 9.102 35.525 12.35 7.202 28.295 2.965 35.618-9.452 7.323-12.426 3.248-28.333-9.093-35.525C55.625-4.4 49.245-5.3 43.275-4.133" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__j)", d: "M43.275-4.132a27.4 27.4 0 0 0-4.093 1.148A26.25 26.25 0 0 0 25.64 8.346c-7.323 12.418-3.248 28.324 9.102 35.525 12.35 7.202 28.295 2.965 35.618-9.452 7.323-12.426 3.248-28.333-9.093-35.525C55.625-4.4 49.245-5.3 43.275-4.133" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#SwingLoop__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.418", fill: "var(--wds-illustration-color-1, #002291)", rx: "14" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwingLoop__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__m)", d: "M51.73-7.095a27.4 27.4 0 0 0-4.094 1.148A26.25 26.25 0 0 0 34.094 5.384c-7.323 12.417-3.248 28.324 9.102 35.525s28.295 2.964 35.618-9.453C86.137 19.03 82.062 3.123 69.721-4.07 64.079-7.362 57.7-8.261 51.729-7.095" }))),
|
|
18
18
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#SwingLoop__n)", d: "M35.759 55.82c-3.352 0-6.182-1.03-8.167-2.055a19 19 0 0 1-2.32-1.413 14 14 0 0 1-.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 0 2.196 1.337c1.89.975 4.56 1.944 7.708 1.944 3.143 0 5.556-.966 7.182-1.93.814-.482 1.43-.964 1.84-1.322a9 9 0 0 0 .57-.544l.026-.027.006-.006.376.33.376.33h-.002l-.003.004-.01.012-.036.04-.133.137a10 10 0 0 1-.511.478c-.45.392-1.115.91-1.989 1.428-1.748 1.036-4.336 2.07-7.692 2.07" }),
|
|
19
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 51.
|
|
20
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SwingLoop__c", x1: "58.171", x2: "13.69", y1: "-2.
|
|
19
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M46.153 51.012a.5.5 0 0 1 .09.429l-1 4-.97-.243.846-3.38-3.36.001v-1h4l.113.013a.5.5 0 0 1 .28.18" }),
|
|
20
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SwingLoop__c", x1: "58.171", x2: "13.69", y1: "-2.952", y2: "53.809", 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: "SwingLoop__e", x1: "58.171", x2: "13.69", y1: "-2.952", y2: "53.809", 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: "SwingLoop__h", x1: "66.625", x2: "22.144", y1: ".048", y2: "56.809", 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: "SwingLoop__j", x1: "66.625", x2: "22.144", y1: ".048", y2: "56.809", 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: "SwingLoop__m", x1: "75.079", x2: "30.598", y1: "-2.915", y2: "53.846", 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: "SwingLoop__n", x1: "25.259", x2: "44.759", 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("filter", { id: "SwingLoop__b", width: "62", height: "62", x: "8.546", y: "-12.619", 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_20371", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwingLoop__d", width: "62", height: "62", x: "8.546", y: "-12.619", 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_20371", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwingLoop__g", width: "62", height: "62", x: "17", y: "-9.619", 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_20371", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwingLoop__i", width: "62", height: "62", x: "17", y: "-9.619", 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_20371", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwingLoop__l", width: "62", height: "62", x: "25.454", y: "-12.582", 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_20371", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SwingLoop__a" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "13.546", y: "16.381", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SwingLoop__f" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "22", y: "19.381", fill: "#fff", rx: "14" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SwingLoop__k" }, /* @__PURE__ */ React.createElement("rect", { width: "28", height: "28", x: "30.454", y: "16.418", fill: "#fff", rx: "14" })))
|
|
21
21
|
);
|
|
22
22
|
SwingLoop.displayName = "SwingLoop";
|
|
23
23
|
export {
|
package/dist/esm/SwivelMouse.js
CHANGED
|
@@ -9,12 +9,12 @@ const SwivelMouse = (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-opacity-100, #f8f6f100)", d: "M34.268 24.
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 24.
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__e", width: "32", height: "18", x: "20", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.899 32.
|
|
15
|
-
/* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__i", width: "32", height: "10", x: "20", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M35.324 40.
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "101.5", height: "24.867", x: "7.85", y: "26.
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__b", width: "67.979", height: "58.
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M34.268 24.47c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z", opacity: ".75" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__a", width: "30", height: "27", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.268 24.47c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.334-.192 3-1.732 3H23.01c-1.54 0-2.502-1.666-1.732-3z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M12.763 4.725h57.979v48.69h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__d)", d: "m42.799 10.637 20.983 38.505H19.72z" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".75" }, /* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__e", width: "32", height: "18", x: "20", y: "32", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M34.899 32.664a1.5 1.5 0 0 1 2.202 0l13.663 14.767c.889.96.208 2.519-1.1 2.519H22.336c-1.309 0-1.99-1.559-1.101-2.52z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "64.156", height: "43.043", x: "13.788", y: "10.748", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__h)", d: "M61.563 3.353a1.5 1.5 0 0 1 2.439.326l22.765 44.148a1.5 1.5 0 0 1-1.334 2.187H22.201c-1.305 0-1.988-1.551-1.106-2.513z" })))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("mask", { id: "SwivelMouse__i", width: "32", height: "10", x: "20", y: "40", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M35.324 40.24a1.5 1.5 0 0 1 1.352 0l13.64 6.892c1.41.713.903 2.84-.677 2.84H22.361c-1.58 0-2.087-2.127-.677-2.84z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#SwivelMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "101.5", height: "24.867", x: "7.85", y: "26.32", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#SwivelMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SwivelMouse__l)", d: "M79.94 18.954a1.5 1.5 0 0 1 1.31.024l55.585 28.255c1.406.714.897 2.837-.68 2.837H19.433c-1.608 0-2.09-2.187-.63-2.862z" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__b", width: "67.979", height: "58.69", x: "7.763", y: "-.275", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__c", width: "54.061", height: "48.506", x: "14.72", y: "5.637", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__f", width: "74.156", height: "53.043", x: "8.788", y: "5.748", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__g", width: "76.237", height: "57.147", x: "15.698", y: "-2.133", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__j", width: "111.5", height: "34.867", x: "2.85", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SwivelMouse__k", width: "129.727", height: "41.256", x: "12.931", y: "13.815", 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_20843", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SwivelMouse__d", x1: "57.533", x2: "25.905", y1: "14.093", y2: "60.275", 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: "SwivelMouse__h", x1: "78.094", x2: "42.3", y1: "6.098", y2: "71.519", 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: "SwivelMouse__l", x1: "124.007", x2: "113.869", y1: "21.469", y2: "74.907", 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)" })))
|
|
18
18
|
);
|
|
19
19
|
SwivelMouse.displayName = "SwivelMouse";
|
|
20
20
|
export {
|
package/dist/esm/TextPath.js
CHANGED
|
@@ -9,10 +9,10 @@ const TextPath = (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-1, #002291)", d: "m21.578 41.
|
|
13
|
-
/* @__PURE__ */ React.createElement("mask", { id: "TextPath__a", width: "47", height: "21", x: "13", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", { filter: "url(#TextPath__b)", mask: "url(#TextPath__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TextPath__c)", d: "M13
|
|
15
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextPath__c", x1: "72.214", x2: "41.215", y1: "2.
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.972-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.464-5.445 2.111zM42.489 38.343l-10.44.046-.063-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zM49.466 41.635l-3.214-1.226 1.945-5.102-2.065-10.248 3.812 1.454 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("mask", { id: "TextPath__a", width: "47", height: "21", x: "13", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m21.578 41.972-3.208 1.243-5.168-13.333 3.208-1.244 2.01 5.185 5.444-2.11-2.009-5.185 3.208-1.243 5.168 13.333-3.208 1.243-2.118-5.463-5.445 2.11zm20.91-3.629-10.44.046-.062-14.3 10.44-.046.012 2.86-7 .03.013 2.82 6.62-.028.012 2.86-6.62.029.013 2.9 7-.031zm6.978 3.292-3.214-1.226 1.945-5.102-2.065-10.247 3.812 1.453 1.026 6.406 5.048-4.09 3.794 1.446-8.408 6.277z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#TextPath__b)", mask: "url(#TextPath__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TextPath__c)", d: "M13-1h69v44H13z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TextPath__c", x1: "72.214", x2: "41.215", y1: "2.949", y2: "64.982", 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: ".85", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "TextPath__b", width: "85.8", height: "60.8", x: "4.6", y: "-9.4", 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_17755", stdDeviation: "4.2" })))
|
|
16
16
|
);
|
|
17
17
|
TextPath.displayName = "TextPath";
|
|
18
18
|
export {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeColumnTwoRowLeftMerged = (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", { clipPath: "url(#ThreeColumnTwoRowLeftMerged__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumnTwoRowLeftMerged__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnTwoRowLeftMerged__c)", d: "M14 0h59v58H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M44.662 60.375h-2v-50h2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11.402 37v-2h50v2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M29.327 61.19h-2V35.618h2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnTwoRowLeftMerged__c", x1: "64.632", x2: "15.228", y1: "5.206", y2: "69.336", 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: "ThreeColumnTwoRowLeftMerged__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnTwoRowLeftMerged__b", width: "69", height: "68", x: "9", 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_1309_9685", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeColumnTwoRowLeftMerged.displayName = "ThreeColumnTwoRowLeftMerged";
|
|
16
|
+
export {
|
|
17
|
+
ThreeColumnTwoRowLeftMerged
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeColumnTwoRowLeftMergedSmall = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 38 38",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 38,
|
|
8
|
+
height: 38,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ThreeColumnTwoRowLeftMergedSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumnTwoRowLeftMergedSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnTwoRowLeftMergedSmall__c)", d: "M7.389 0h31.139v30.611H7.389z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M6.018 19.64v-1.5h26.389v1.5z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23.78 31.826h-1.5V5.438h1.5zM15.59 32.307h-1.5V18.516h1.5z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnTwoRowLeftMergedSmall__c", x1: "34.111", x2: "8.037", y1: "2.748", y2: "36.594", 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: "ThreeColumnTwoRowLeftMergedSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnTwoRowLeftMergedSmall__b", width: "36.417", height: "35.887", x: "4.75", y: "-2.639", 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_1309_9699", stdDeviation: "1.319" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeColumnTwoRowLeftMergedSmall.displayName = "ThreeColumnTwoRowLeftMergedSmall";
|
|
16
|
+
export {
|
|
17
|
+
ThreeColumnTwoRowLeftMergedSmall
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeColumns = (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", { clipPath: "url(#ThreeColumns__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumns__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumns__c)", d: "M14 0h59v58H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M44.662 60.375h-2v-50h2zM29.327 61.188h-2v-50h2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumns__c", x1: "64.632", x2: "15.228", y1: "5.206", y2: "69.336", 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: "ThreeColumns__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumns__b", width: "69", height: "68", x: "9", 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_1309_9501", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeColumns.displayName = "ThreeColumns";
|
|
16
|
+
export {
|
|
17
|
+
ThreeColumns
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeColumnsSmall = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 38 38",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 38,
|
|
8
|
+
height: 38,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ThreeColumnsSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeColumnsSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeColumnsSmall__c)", d: "M7.389 0h31.139v30.611H7.389z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23.78 31.826h-1.5V5.438h1.5zM15.59 32.303h-1.5V5.914h1.5z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeColumnsSmall__c", x1: "34.111", x2: "8.037", y1: "2.748", y2: "36.594", 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: "ThreeColumnsSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeColumnsSmall__b", width: "36.417", height: "35.887", x: "4.75", y: "-2.639", 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_1309_9514", stdDeviation: "1.319" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeColumnsSmall.displayName = "ThreeColumnsSmall";
|
|
16
|
+
export {
|
|
17
|
+
ThreeColumnsSmall
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeRows = (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", { clipPath: "url(#ThreeRows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 58 14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeRows__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeRows__c)", d: "M14.549-2.563h60v60h-60z", transform: "rotate(.542 14.549 -2.563)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11.625 44.664v-2h50v2zM10.81 29.328v-2h50v2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeRows__c", x1: "66.039", x2: "14.715", y1: "2.823", y2: "68.316", 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: "ThreeRows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "#fff", rx: "3", transform: "rotate(90 58 14)" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeRows__b", width: "70.565", height: "70.563", x: "8.981", y: "-7.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_1309_9527", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeRows.displayName = "ThreeRows";
|
|
16
|
+
export {
|
|
17
|
+
ThreeRows
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const ThreeRowsSmall = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 38 38",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 38,
|
|
8
|
+
height: 38,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#ThreeRowsSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1 -1)rotate(90 30.61 0)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ThreeRowsSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ThreeRowsSmall__c)", d: "M0 0h31.139v30.611H0z", transform: "matrix(0 -1 -1 0 38 30.61)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M6.175 14.219v1.5h26.39v-1.5zM5.698 22.406v1.5h26.389v-1.5z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ThreeRowsSmall__c", x1: "26.723", x2: ".648", y1: "2.748", y2: "36.594", 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: "ThreeRowsSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", fill: "#fff", rx: "2", transform: "scale(1 -1)rotate(90 30.61 0)" })), /* @__PURE__ */ React.createElement("filter", { id: "ThreeRowsSmall__b", width: "35.889", height: "36.418", x: "4.75", y: "-3.17", 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_1309_9540", stdDeviation: "1.319" })))
|
|
14
|
+
);
|
|
15
|
+
ThreeRowsSmall.displayName = "ThreeRowsSmall";
|
|
16
|
+
export {
|
|
17
|
+
ThreeRowsSmall
|
|
18
|
+
};
|
package/dist/esm/Tilt3DMouse.js
CHANGED
|
@@ -10,10 +10,10 @@ const Tilt3DMouse = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__a", width: "38", height: "26", x: "16", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M16.13 21.945c-.33-1.2 1.918-1.2 3.656 0L52.814 44.76c1.45 1.002 1.454 2.13.007 2.13H26.066c-1.447 0-3.387-1.128-3.663-2.13z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__a)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-23.167 2.34h57.98l41.293 47.94h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__d)", d: "m11.884 8.16 53.639 37.913H21.46z" })))),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__e", width: "31", height: "27", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M28.016 21.
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__e", width: "31", height: "27", x: "23", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M28.016 21.539c.26-1.306 2.264-1.306 3.518 0L53.24 44.152c1.195 1.245.806 2.759-.71 2.759H26.337c-1.516 0-3.057-1.514-2.81-2.759z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__e)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.973 1.809h57.98l18.475 48.534h-57.98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__h)", d: "m29.307 7.701 35.594 38.383H20.84z" })))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("mask", { id: "Tilt3DMouse__i", width: "31", height: "27", x: "25", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M38.356 21.379c.77-1.333 2.694-1.333 3.464 0l12.99 22.5c.77 1.333-.192 3-1.732 3h-25.98c-1.54 0-2.502-1.667-1.732-3z" })),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.95-6.
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__b", width: "109.273", height: "57.941", x: "-28.167", y: "-2.66", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__c", width: "63.639", height: "47.
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Tilt3DMouse__i)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.95-6.787h64.369V50.32h-64.37z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Tilt3DMouse__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Tilt3DMouse__l)", d: "m51.147-2.371 27.188 50.044H21.244z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__b", width: "109.273", height: "57.941", x: "-28.167", y: "-2.66", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__c", width: "63.639", height: "47.912", x: "6.883", y: "3.16", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__f", width: "86.454", height: "58.535", x: "-7.973", y: "-3.191", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__g", width: "54.061", height: "48.383", x: "15.84", y: "2.701", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__j", width: "74.369", height: "67.107", x: "14.949", y: "-11.787", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Tilt3DMouse__k", width: "67.091", height: "60.045", x: "16.244", y: "-7.371", 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_20600", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Tilt3DMouse__d", x1: "29.548", x2: "14.299", y1: "11.563", y2: "47.314", 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: "Tilt3DMouse__h", x1: "45.353", x2: "22.869", y1: "11.146", y2: "52.641", 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: "Tilt3DMouse__l", x1: "70.238", x2: "29.087", y1: "2.121", y2: "62.026", 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)" })))
|
|
17
17
|
);
|
|
18
18
|
Tilt3DMouse.displayName = "Tilt3DMouse";
|
|
19
19
|
export {
|
|
@@ -9,11 +9,11 @@ const TiltAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M21.298 36.
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M21.298 36.784a2 2 0 0 1 1.087-1.102l28.43-11.846c1.637-.682 3.285.943 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.173c-1.636.682-3.284-.945-2.625-2.59z" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M22.06 37.506a2 2 0 0 1 .902-2.297l20.251-11.913a2 2 0 0 1 2.93 1.15L49.159 34.5a2 2 0 0 1-.902 2.298L28 48.711a2 2 0 0 1-2.93-1.15z" })),
|
|
14
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M34.192 23.41 23.02 34.
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__c", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__d)", mask: "url(#TiltAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__e)", d: "m33.5 9 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__f", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__g)", mask: "url(#TiltAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__h)", d: "m3.473 17.
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__e", x1: "25.306", x2: "32.987", y1: "-7.
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M34.192 23.41 23.02 34.584a2 2 0 0 0 0 2.828l11.172 11.173a2 2 0 0 0 2.828 0L48.193 37.41a2 2 0 0 0 0-2.828L37.02 23.41a2 2 0 0 0-2.828 0" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltAnimation__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__c", width: "37", height: "26", x: "17", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#999", d: "M21.298 36.78a2 2 0 0 1 1.087-1.103l28.43-11.846c1.637-.682 3.285.944 2.627 2.589l-3.52 8.8a2 2 0 0 1-1.088 1.103L20.397 48.168c-1.636.682-3.284-.944-2.625-2.59z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__d)", mask: "url(#TiltAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__e)", d: "m33.5 9.001 29-9.999-12.5 37L17 49z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__f", width: "29", height: "26", x: "21", y: "23", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#666", d: "M22.06 37.502a2 2 0 0 1 .902-2.297l20.251-11.912a2 2 0 0 1 2.93 1.149l3.016 10.055a2 2 0 0 1-.902 2.298L28 48.707a2 2 0 0 1-2.93-1.15z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__g)", mask: "url(#TiltAnimation__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__h)", d: "m3.473 17.615 34.526-23.64L61 26.5l-34.526 23.64z" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" }), /* @__PURE__ */ React.createElement("mask", { id: "TiltAnimation__i", width: "27", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34.192 23.406 23.02 34.578a2 2 0 0 0 0 2.828L34.192 48.58a2 2 0 0 0 2.828 0l11.173-11.173a2 2 0 0 0 0-2.828L37.02 23.406a2 2 0 0 0-2.828 0" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltAnimation__j)", mask: "url(#TiltAnimation__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltAnimation__k)", d: "M3.473 17.616 36-14.91l32.527 32.527L36 50.143z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltAnimation__e", x1: "25.306", x2: "32.987", y1: "-7.378", 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: "TiltAnimation__h", x1: "34.306", x2: "41.986", y1: "-7.378", 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: "TiltAnimation__k", x1: "34.306", x2: "41.987", y1: "-7.378", 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("filter", { id: "TiltAnimation__d", width: "55.501", height: "59.999", x: "12", y: "-5.998", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__g", width: "67.527", height: "66.167", x: "-1.527", y: "-11.025", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltAnimation__j", width: "75.054", height: "75.055", x: "-1.527", y: "-19.911", 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_17992", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltAnimation__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M16 22h39.21v28H16z" })))
|
|
17
17
|
);
|
|
18
18
|
TiltAnimation.displayName = "TiltAnimation";
|
|
19
19
|
export {
|
package/dist/esm/TiltEntrance.js
CHANGED
|
@@ -11,12 +11,12 @@ const TiltEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-90 17.858 51.5)" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.
|
|
14
|
+
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.643", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 25.858 34.643)" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#TiltEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-90 17.858 51.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__c)", d: "M-19.365 51.5V-5.723h57.223V51.5z" }))),
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.
|
|
17
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#TiltEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-66.83 19.858 41.887)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__f)", d: "M-18.286 25.562 5.907-30.97 62.44-6.776 38.245 49.755z" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#TiltEntrance__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.642", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 25.858 34.642)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#TiltEntrance__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TiltEntrance__i)", d: "M7.473 16.257 40-16.27l32.527 32.527L40 48.784z" }))),
|
|
18
18
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M15.161 50.602h32v1h-32z" }),
|
|
19
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltEntrance__c", x1: "-14.229", x2: "48.233", y1: "2.393", y2: "51.342", 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: "TiltEntrance__f", x1: "7.55", x2: "48.561", y1: "-20.
|
|
19
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TiltEntrance__c", x1: "-14.229", x2: "48.233", y1: "2.393", y2: "51.342", 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: "TiltEntrance__f", x1: "7.55", x2: "48.561", y1: "-20.78", y2: "53.986", 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: "TiltEntrance__i", x1: "38.306", x2: "45.987", y1: "-8.737", y2: "54.591", 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: "TiltEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17.858", y: "51.5", fill: "#fff", rx: "2", transform: "rotate(-90 17.858 51.5)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "19.858", y: "41.887", fill: "#fff", rx: "2", transform: "rotate(-66.83 19.858 41.887)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "TiltEntrance__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "25.858", y: "34.642", fill: "#fff", rx: "2", transform: "rotate(-45 25.858 34.642)" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__b", width: "67.223", height: "67.223", x: "-24.365", y: "-10.723", 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_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__e", width: "90.725", height: "90.726", x: "-23.287", y: "-35.97", 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_19366", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "TiltEntrance__h", width: "75.054", height: "75.055", x: "2.473", y: "-21.27", 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_19366", stdDeviation: "2.5" })))
|
|
20
20
|
);
|
|
21
21
|
TiltEntrance.displayName = "TiltEntrance";
|
|
22
22
|
export {
|