@wix/design-system-illustrations 2.20.0 → 2.21.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 +5 -5
- package/dist/cjs/ElipseDivider.js +4 -4
- 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/InvertedElipseDivider.js +4 -4
- package/dist/cjs/JelloLoop.js +5 -5
- package/dist/cjs/LayeredElipseDivider.js +4 -6
- 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 +5 -5
- package/dist/cjs/LetterTwist.js +2 -2
- package/dist/cjs/LineChart.js +1 -1
- package/dist/cjs/LiquidDivider.js +4 -4
- 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 +5 -5
- 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 +4 -4
- 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/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/TiltDivider.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 +5 -6
- 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 +5 -5
- package/dist/esm/ElipseDivider.js +4 -4
- 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/InvertedElipseDivider.js +4 -4
- package/dist/esm/JelloLoop.js +5 -5
- package/dist/esm/LayeredElipseDivider.js +4 -6
- 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 +5 -5
- package/dist/esm/LetterTwist.js +2 -2
- package/dist/esm/LineChart.js +1 -1
- package/dist/esm/LiquidDivider.js +4 -4
- 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 +5 -5
- 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 +4 -4
- 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/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/TiltDivider.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 +5 -6
- 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 +3 -3
- 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 +24 -22
- package/src/ElipseDivider.svg +3 -1
- 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/InvertedElipseDivider.svg +3 -1
- package/src/JelloLoop.svg +10 -10
- package/src/LayeredElipseDivider.svg +8 -8
- package/src/LayoutTwoColumnSmall.svg +24 -0
- package/src/LeftToRight.svg +69 -0
- package/src/LeftToRightSmall.svg +69 -0
- package/src/LeftWaveDivider.svg +6 -4
- package/src/LetterTwist.svg +4 -4
- package/src/LineChart.svg +1 -1
- package/src/LiquidDivider.svg +3 -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 +4 -2
- 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 +4 -2
- 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/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/TiltDivider.svg +3 -1
- 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 +8 -6
- 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
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SplitGridColumn = (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(#SplitGridColumn__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(#SplitGridColumn__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SplitGridColumn__c)", d: "M14-2h60v60H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M37 58h-2V14h2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35.995 37v-2H58v2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SplitGridColumn__c", x1: "65.49", x2: "14.166", y1: "3.386", y2: "68.878", 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: "SplitGridColumn__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "SplitGridColumn__b", width: "70", height: "70", x: "9", y: "-7", 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_9579", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
SplitGridColumn.displayName = "SplitGridColumn";
|
|
16
|
+
export {
|
|
17
|
+
SplitGridColumn
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SplitGridColumnSmall = (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(#SplitGridColumnSmall__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(#SplitGridColumnSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SplitGridColumnSmall__c)", d: "M7.389-1.055h31.667v31.667H7.389z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M19.639 30.613h-1.5V7.39h1.5z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M18.997 19.64v-1.5h11.614v1.5z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SplitGridColumnSmall__c", x1: "34.564", x2: "7.476", y1: "1.788", y2: "36.353", 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: "SplitGridColumnSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "7.389", y: "7.391", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "SplitGridColumnSmall__b", width: "36.944", height: "36.942", x: "4.75", y: "-3.694", 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_9592", stdDeviation: "1.319" })))
|
|
14
|
+
);
|
|
15
|
+
SplitGridColumnSmall.displayName = "SplitGridColumnSmall";
|
|
16
|
+
export {
|
|
17
|
+
SplitGridColumnSmall
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SplitGridRow = (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(#SplitGridRow__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "4", transform: "rotate(90 58 14)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SplitGridRow__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SplitGridRow__c)", d: "M0 0h60v60H0z", transform: "matrix(0 -1 -1 0 74 58)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M14 37v-2h44v2z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M35 35.995h2V58h-2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SplitGridRow__c", x1: "51.49", x2: ".166", y1: "5.386", y2: "70.878", 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: "SplitGridRow__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "58", y: "14", fill: "#fff", rx: "4", transform: "rotate(90 58 14)" })), /* @__PURE__ */ React.createElement("filter", { id: "SplitGridRow__b", width: "70", height: "70", x: "9", y: "-7", 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_9553", stdDeviation: "2.5" })))
|
|
14
|
+
);
|
|
15
|
+
SplitGridRow.displayName = "SplitGridRow";
|
|
16
|
+
export {
|
|
17
|
+
SplitGridRow
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SplitGridRowSmall = (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(#SplitGridRowSmall__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "30.611", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(90 30.611 7.39)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SplitGridRowSmall__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SplitGridRowSmall__c)", d: "M0 0h31.667v31.667H0z", transform: "matrix(0 -1 -1 0 39.056 30.61)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M7.389 19.64v-1.5H30.61v1.5z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M18.361 18.996h1.5v11.613h-1.5z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SplitGridRowSmall__c", x1: "27.175", x2: ".088", y1: "2.842", y2: "37.408", 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: "SplitGridRowSmall__a" }, /* @__PURE__ */ React.createElement("rect", { width: "23", height: "23", x: "30.611", y: "7.391", fill: "#fff", rx: "2", transform: "rotate(90 30.611 7.39)" })), /* @__PURE__ */ React.createElement("filter", { id: "SplitGridRowSmall__b", width: "36.944", height: "36.942", x: "4.75", y: "-3.694", 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_9566", stdDeviation: "1.319" })))
|
|
14
|
+
);
|
|
15
|
+
SplitGridRowSmall.displayName = "SplitGridRowSmall";
|
|
16
|
+
export {
|
|
17
|
+
SplitGridRowSmall
|
|
18
|
+
};
|
package/dist/esm/Stagger.js
CHANGED
|
@@ -10,7 +10,7 @@ const Stagger = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m51.57 45.531-2.326.624-.99-3.692-5.374-4.966 2.759-.74 3.208 3.214 1.186-4.391 2.746-.736-2.195 7.01zM43.02 44.055l-8.225 1.45L32.81 34.24l8.225-1.45.397 2.253-5.515.973.392 2.221 5.215-.92.398 2.254-5.216.92.403 2.284 5.515-.972zM22.074 44.527l-3.427.3L17.4 30.58l3.427-.3.485 5.54 5.818-.51-.485-5.538 3.427-.3 1.246 14.245-3.427.3-.51-5.838-5.818.51z" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("mask", { id: "Stagger__a", width: "36", height: "18", x: "17", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m51.57 45.
|
|
13
|
+
/* @__PURE__ */ React.createElement("mask", { id: "Stagger__a", width: "36", height: "18", x: "17", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m51.57 45.531-2.326.623-.99-3.692-5.374-4.966 2.759-.739 3.208 3.213 1.186-4.39 2.746-.736-2.195 7.009zM43.02 44.055l-8.225 1.45L32.81 34.24l8.225-1.45.397 2.253-5.515.972.392 2.222 5.215-.92.398 2.254-5.216.92.403 2.284 5.515-.973zM22.074 44.525l-3.427.3L17.4 30.579l3.427-.3.485 5.54 5.818-.51-.485-5.538 3.427-.3 1.246 14.245-3.427.3-.51-5.838-5.818.51z" })),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { filter: "url(#Stagger__b)", mask: "url(#Stagger__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Stagger__c)", d: "m14.786.695 56.787 1.62L76.5 48l-57.879-3.472z" })),
|
|
15
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Stagger__c", x1: "63.005", x2: "33.424", y1: ".441", y2: "59.456", 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: "Stagger__b", width: "78.514", height: "64.105", x: "6.386", y: "-7.705", 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_17703", stdDeviation: "4.2" })))
|
|
16
16
|
);
|
package/dist/esm/StarImage.js
CHANGED
|
@@ -11,7 +11,7 @@ const StarImage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("mask", { id: "StarImage__a", width: "54", height: "46", x: "14", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M14.915 39.016c2.894 9.372 17.966 20.32 23.796 24.261 1.382.964 3.196.964 4.621 0 5.83-3.94 20.86-14.889 23.753-24.26a16.54 16.54 0 0 0 .69-8.146c-1.036-6.306-5.873-11.474-11.919-12.612-6.09-1.139-11.66 1.62-14.856 6.262-3.196-4.686-8.767-7.4-14.856-6.262S15.26 24.52 14.224 30.827a16.5 16.5 0 0 0 .691 8.146z" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#StarImage__a)", clipPath: "url(#StarImage__b)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StarImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "13", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#StarImage__d)", d: "M44.84 28.004 27.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StarImage__e)", d: "M76 38s-23.774-9.725-24.934-10.218-8.353-2.773-6.227 3.8c2.114 6.532 3.272 9.044 3.733 10.16.46 1.115 2.335 5.66-2.383 7.336C40.843 50.978 12 60 12 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StarImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "18.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StarImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StarImage__h)", d: "M28.35 15.421q-.916.182-1.8.505a11.54 11.54 0 0 0-5.954 4.982c-3.22 5.46-1.428 12.454 4.003 15.62 5.43 3.166 12.44 1.303 15.66-4.156 3.22-5.464 1.429-12.458-3.998-15.62a11.32 11.32 0 0 0-7.91-1.331" })))),
|
|
14
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__d", x1: "35.522", x2: "60.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__e", x1: "19", x2: "69.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__h", x1: "38.617", x2: "19.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h57v54H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "13", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "18.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "StarImage__g", width: "27.261", height: "27.
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__d", x1: "35.522", x2: "60.88", y1: "37.51", y2: "57.476", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__e", x1: "19", x2: "69.354", y1: "12.11", y2: "61.014", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StarImage__h", x1: "38.617", x2: "19.059", y1: "17.259", y2: "42.217", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 14h57v54H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "13", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StarImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "18.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "StarImage__g", width: "27.261", height: "27.261", x: "16.797", y: "13.009", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18911", stdDeviation: "1.099" })))
|
|
15
15
|
);
|
|
16
16
|
StarImage.displayName = "StarImage";
|
|
17
17
|
export {
|
|
@@ -14,7 +14,7 @@ const StoreAccordionCollapse = (props) => /* @__PURE__ */ React.createElement(
|
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreAccordionCollapse__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "45", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 45)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreAccordionCollapse__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreAccordionCollapse__f)", d: "M14 4.063h58V44.98H14z", transform: "rotate(-.06 14 4.063)" }))),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreAccordionCollapse__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreAccordionCollapse__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreAccordionCollapse__i)", d: "M14 17.063h58V57.98H14z", transform: "rotate(-.06 14 17.063)" }))),
|
|
16
16
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M52.5 16.5a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104M52.5 41.5a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.077a.5.5 0 0 1-.304.103M52.5 54.5a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.077a.5.5 0 0 1-.304.103" }),
|
|
17
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAccordionCollapse__c", x1: "63.774", x2: "33.248", y1: "-13.265", y2: "41.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".
|
|
17
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAccordionCollapse__c", x1: "63.774", x2: "33.248", y1: "-13.265", y2: "41.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".236", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".678", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAccordionCollapse__f", x1: "63.774", x2: "33.248", y1: "7.735", y2: "62.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".236", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".678", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreAccordionCollapse__i", x1: "63.774", x2: "33.248", y1: "20.735", y2: "75.951", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".236", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".678", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreAccordionCollapse__a" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "24", fill: "#fff", rx: "3", transform: "rotate(-90 14 24)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreAccordionCollapse__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "45", fill: "#fff", rx: "3", transform: "rotate(-90 14 45)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreAccordionCollapse__g" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "44", x: "14", y: "58", fill: "#fff", rx: "3", transform: "rotate(-90 14 58)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreAccordionCollapse__b", width: "82.042", height: "64.977", x: "2", y: "-29", 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_10114", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreAccordionCollapse__e", width: "82.042", height: "64.977", x: "2", y: "-8", 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_10114", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreAccordionCollapse__h", width: "82.042", height: "64.977", x: "2", 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_10114", stdDeviation: "6" })))
|
|
18
18
|
);
|
|
19
19
|
StoreAccordionCollapse.displayName = "StoreAccordionCollapse";
|
|
20
20
|
export {
|
|
@@ -9,7 +9,7 @@ const StoreBelowInfo = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("rect", { width: "20", height: "6", x: "26", y: "50", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#StoreBelowInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreBelowInfo__b)", d: "M36.672 20.797 23.246 42.054l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreBelowInfo__c)", d: "M56 26.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C33.473 39.044 16 44.222 16 44.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreBelowInfo__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreBelowInfo__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreBelowInfo__f)", d: "M27.84 6.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))),
|
|
15
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreBelowInfo__b", x1: "29.217", x2: "55.826", y1: "28.347", y2: "46.955", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreBelowInfo__c", x1: "25.044", x2: "56", y1: "30.435", y2: "47.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreBelowInfo__f", x1: "39.066", x2: "17.68", y1: "8.744", y2: "36.033", 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: "StoreBelowInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreBelowInfo__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "20", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreBelowInfo__e", width: "29.334", height: "29.334", x: "15.444", y: "4.333", 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_1164_9088", stdDeviation: "1.083" })))
|
|
@@ -9,7 +9,7 @@ const StoreCollapse = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "13", height: "9", x: "23", y: "37", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)",
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "13", height: "9", x: "23", y: "37", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "4.5" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M23 25h26v1H23zM23 29h26v1H23zM23 33h26v1H23z" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreCollapse__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "9", height: "13", x: "23", y: "46", fill: "var(--wds-illustration-color-1, #002291)", rx: "4.5", transform: "rotate(-90 23 46)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreCollapse__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreCollapse__c)", d: "M22.996.047H72v45.866H22.996z", transform: "rotate(-.06 22.996 .047)" }))),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M29.5 43.5a.5.5 0 0 1-.384-.18l-2.5-3 .768-.64 2.116 2.54 2.116-2.54.768.64-2.5 3-.08.077a.5.5 0 0 1-.304.103" }),
|
package/dist/esm/StoreDrawer.js
CHANGED
|
@@ -9,6 +9,7 @@ const StoreDrawer = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreDrawer__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreDrawer__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreDrawer__c)", d: "M14 0h58v58H14z" }))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M36 59V13", strokeWidth: "2" })),
|
|
13
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M37 22h21v13H37z" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("circle", { cx: "54", cy: "30", r: "2", fill: "var(--wds-illustration-color-3, #b8c4ff)" }),
|
package/dist/esm/StoreImages.js
CHANGED
|
@@ -9,10 +9,10 @@ const StoreImages = (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(#StoreImages__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImages__b)", d: "M34.672 26.
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImages__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImages__b)", d: "M34.672 26.793 21.246 48.051l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImages__c)", d: "M54 32.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C31.473 45.044 14 50.222 14 50.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreImages__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "18", y: "20", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreImages__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreImages__f)", d: "M25.84 6.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M58 51a1 1 0 1 1-2 0V21a1 1 0 1 1 2 0z" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 35h-2v-8h2z" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImages__b", x1: "27.217", x2: "53.826", y1: "34.
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImages__b", x1: "27.217", x2: "53.826", y1: "34.343", y2: "52.952", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImages__c", x1: "23.044", x2: "54", y1: "36.435", y2: "53.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreImages__f", x1: "37.066", x2: "15.68", y1: "8.744", y2: "36.033", 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: "StoreImages__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreImages__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "18", y: "20", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreImages__e", width: "29.334", height: "29.334", x: "13.444", y: "4.333", 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_1164_8323", stdDeviation: "1.083" })))
|
|
16
16
|
);
|
|
17
17
|
StoreImages.displayName = "StoreImages";
|
|
18
18
|
export {
|
package/dist/esm/StoreOnImage.js
CHANGED
|
@@ -9,7 +9,7 @@ const StoreOnImage = (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(#StoreOnImage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-opacity-
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", opacity: ".75", rx: "3" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#StoreOnImage__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__d)", d: "M36.672 24.797 23.246 46.054l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__e)", d: "M56 30.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C33.473 43.044 16 48.222 16 48.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreOnImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreOnImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreOnImage__h)", d: "M27.84 10.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))), /* @__PURE__ */ React.createElement("rect", { width: "20", height: "6", x: "26", y: "44", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" })),
|
|
14
14
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__c" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "20", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "24", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreOnImage__a" }, /* @__PURE__ */ React.createElement("rect", { width: "72", height: "72", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__d", x1: "29.217", x2: "55.826", y1: "32.347", y2: "50.955", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__e", x1: "25.044", x2: "56", y1: "34.435", y2: "51.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreOnImage__h", x1: "39.066", x2: "17.68", y1: "12.744", y2: "40.033", 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: "StoreOnImage__g", width: "29.334", height: "29.334", x: "15.444", y: "8.333", 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_1164_9068", stdDeviation: "1.083" })))
|
|
15
15
|
);
|
package/dist/esm/StorePopUp.js
CHANGED
|
@@ -9,6 +9,7 @@ const StorePopUp = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StorePopUp__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePopUp__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePopUp__c)", d: "M14 0h58v58H14z" }))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 36h46M36 59V13", strokeWidth: "2" })),
|
|
13
14
|
/* @__PURE__ */ React.createElement("rect", { width: "36", height: "20", x: "18", y: "26", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }),
|
|
14
15
|
/* @__PURE__ */ React.createElement("circle", { cx: "44.5", cy: "34.5", r: "1.5", fill: "var(--wds-illustration-color-3, #b8c4ff)" }),
|
|
@@ -9,7 +9,7 @@ const StorePriceSideBySide = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StorePriceSideBySide__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePriceSideBySide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePriceSideBySide__c)", d: "M16 0h56v46H16z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M37 35h14v1H37zM20 35h14v1H20z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceSideBySide__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", 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: "StorePriceSideBySide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceSideBySide__b", width: "80", height: "70", x: "4", y: "-12", 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_1164_8911", stdDeviation: "6" })))
|
|
@@ -9,7 +9,7 @@ const StorePriceStacked = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".75", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StorePriceStacked__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StorePriceStacked__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StorePriceStacked__c)", d: "M16 0h56v46H16z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M29 32h14v1H29zM29 39h14v1H29z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StorePriceStacked__c", x1: "64.058", x2: "27.171", y1: "4.129", y2: "61.431", 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: "StorePriceStacked__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "20", x: "16", y: "26", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "StorePriceStacked__b", width: "80", height: "70", x: "4", y: "-12", 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_1164_8897", stdDeviation: "6" })))
|
|
@@ -9,7 +9,7 @@ const StoreProductInfo = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)",
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreProductInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "14", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreProductInfo__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreProductInfo__c)", d: "M14 0h58v56H14z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M58 51a1 1 0 1 1-2 0V21a1 1 0 1 1 2 0z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 35h-2v-8h2z" }),
|
|
@@ -9,7 +9,7 @@ const StoreSpotlight = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "21", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreSpotlight__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "26", x: "14", y: "18", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__c)", d: "M14 0h58v44H14z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "17", y: "21", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__e)", d: "m27.336 26.398-6.713 10.63 12.147-1.34z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__f)", d: "M37 29.091s-6.71-2.585-7.174-2.78c-.463-.196-3.341-1.101-2.49 1.509.845 2.594 1.308 3.591 1.493 4.034.184.443.934 2.248-.953 2.913C25.736 35.523 17 38.112 17 38.112v3.052h20z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSpotlight__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "5", height: "5", x: "19", y: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "2.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSpotlight__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSpotlight__i)", d: "M22.273 20.075a4.039 4.039 0 0 0-2.713 1.92c-1.127 1.91-.5 4.357 1.4 5.465s4.353.456 5.48-1.454c1.127-1.912.5-4.359-1.399-5.465a3.96 3.96 0 0 0-2.768-.466" })))),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M43 34.5a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1-1.5-1.5M55 25v1H40v-1zM55 29v1H40v-1zM37 47v1H17v-1z" }),
|
|
@@ -9,6 +9,7 @@ const StoreSwapImage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "26", y: "16", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", opacity: ".5", rx: "3" }),
|
|
12
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M52.5 52.5V48h1v4.5A3.5 3.5 0 0 1 50 56h-2v-1h2a2.5 2.5 0 0 0 2.5-2.5" }),
|
|
13
14
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreSwapImage__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "26", y: "16", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__b)", d: "m41.504 24.094-10.07 15.943 18.221-2.01z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__c)", d: "M56 28.137s-10.065-3.878-10.76-4.171-5.012-1.652-3.736 2.264c1.268 3.89 1.963 5.387 2.239 6.051s1.401 3.371-1.43 4.37C39.106 37.783 26 41.666 26 41.666v4.578h30z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSwapImage__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "29", y: "19", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSwapImage__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__f)", d: "M33.91 15.112q-.481.096-.945.265a6.06 6.06 0 0 0-3.125 2.615c-1.69 2.866-.75 6.536 2.1 8.198s6.53.684 8.22-2.181c1.69-2.868.75-6.539-2.098-8.198a5.94 5.94 0 0 0-4.152-.699" })))),
|
|
14
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSwapImage__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "16", y: "26", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__h)", d: "m31.504 34.094-10.07 15.943 18.221-2.01z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__i)", d: "M46 38.137s-10.065-3.878-10.76-4.171-5.012-1.652-3.736 2.264c1.268 3.89 1.963 5.387 2.239 6.051s1.401 3.371-1.43 4.37C29.106 47.783 16 51.666 16 51.666v4.578h30z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreSwapImage__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "19", y: "29", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreSwapImage__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreSwapImage__l)", d: "M23.91 25.112q-.482.096-.945.265a6.06 6.06 0 0 0-3.125 2.615c-1.69 2.866-.75 6.536 2.1 8.198s6.53.684 8.22-2.181c1.69-2.868.75-6.539-2.099-8.198a5.94 5.94 0 0 0-4.151-.699" })))),
|
package/dist/esm/StoreWrap.js
CHANGED
|
@@ -9,7 +9,6 @@ const StoreWrap = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("rect", { width: "42", height: "14", x: "15", y: "29", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "3" }),
|
|
13
12
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#StoreWrap__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 15 43)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreWrap__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreWrap__c)", d: "M14.999.063H72V42.92H14.999z", transform: "rotate(-.06 14.999 .063)" }))),
|
|
14
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M18 33h10v2H18zM18 37h10v2H18zM31 33h10v2H31zM31 37h10v2H31zM44 33h10v2H44z" }),
|
|
15
14
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreWrap__c", x1: "63.916", x2: "30.89", y1: "3.909", y2: "59.96", 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: "StoreWrap__a" }, /* @__PURE__ */ React.createElement("rect", { width: "14", height: "42", x: "15", y: "43", fill: "#fff", rx: "3", transform: "rotate(-90 15 43)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreWrap__b", width: "69.045", height: "54.922", x: "8.999", y: "-6", 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_1164_8622", stdDeviation: "3" })))
|
|
@@ -9,8 +9,8 @@ const StripesDivider = (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(#StripesDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "StripesDivider__b", width: "120", height: "63", x: "0", y: "-12", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M119.293-11.
|
|
13
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StripesDivider__e", x1: "135.504", x2: "115.113", y1: "13.
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StripesDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "StripesDivider__b", width: "120", height: "63", x: "0", y: "-12", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M119.293-11.785H0v62.786h119.293z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#StripesDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "StripesDivider__c", width: "317", height: "72", x: "-42", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "m122.688 44.807-161.81-7.86-2.199 45.282 161.81 7.86z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "m274.459 52.335-.009.18L-40.95 36.8l.04-.806zM274.489 51.694l-.008.181-315.36-16.537.042-.855zM274.522 51.053l-.009.197-315.318-17.408.041-.839zM274.551 50.41l-.01.198L-40.738 32.41l.042-.855zM274.584 49.756l-.011.213L-40.663 30.9l.042-.871zM274.617 49.112l-.011.213-315.195-19.923.044-.904zM274.645 48.486l-.01.213-315.153-20.795.046-.936zM274.676 47.85l-.01.214-315.102-21.848.053-1.1zM274.705 47.206l-.01.23-315.044-23.03.05-1.068zM274.742 46.53l-.014.263-314.983-24.262.055-1.151zM274.775 45.826l-.013.295-314.923-25.528.06-1.266z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#StripesDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-.769-8.378h120.724v73.867H-.769z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StripesDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StripesDivider__e)", d: "M158.65 11.011-3.16 3.151l-2.199 45.282 161.81 7.86z" }))))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StripesDivider__e", x1: "135.504", x2: "115.113", y1: "13.961", y2: "89.272", 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: "StripesDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "StripesDivider__d", width: "346.568", height: "103.252", x: "-20.428", y: "-31.889", 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_22917", stdDeviation: "7.5" })))
|
|
14
14
|
);
|
|
15
15
|
StripesDivider.displayName = "StripesDivider";
|
|
16
16
|
export {
|
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 {
|