@wix/design-system-illustrations 2.30.0 → 2.32.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/AlignCenterHorizontal.js +1 -1
- package/dist/cjs/AllSides.js +2 -2
- package/dist/cjs/AngledTriangleDivider.js +2 -2
- package/dist/cjs/ArcEntrance.js +9 -9
- 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/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/AudioPlayerLayoutClassic.js +54 -0
- package/dist/cjs/AudioPlayerLayoutIcon.js +52 -0
- package/dist/cjs/BentoLayoutSmall.js +2 -2
- package/dist/cjs/BlankImage.js +2 -2
- package/dist/cjs/BlankSection.js +2 -2
- package/dist/cjs/BlobsDivider.js +2 -2
- package/dist/cjs/Blocks.js +2 -2
- package/dist/cjs/BlocksSmall.js +1 -1
- package/dist/cjs/BlurAnimation.js +2 -2
- package/dist/cjs/Bottom.js +2 -2
- package/dist/cjs/BounceAnimation.js +7 -7
- package/dist/cjs/BounceEntrance.js +8 -8
- package/dist/cjs/Brandbook.js +3 -3
- package/dist/cjs/BrushDivider.js +2 -2
- package/dist/cjs/ButtonsLayoutIconsIdentity.js +3 -3
- package/dist/cjs/ButtonsLayoutRowIdentity.js +3 -3
- package/dist/cjs/ButtonsLayoutStackIdentity.js +1 -1
- package/dist/cjs/CircleImage.js +1 -1
- package/dist/cjs/CircleMarker.js +2 -2
- package/dist/cjs/CloudsDivider.js +2 -2
- package/dist/cjs/ColorClick.js +1 -1
- package/dist/cjs/ColorHover.js +1 -1
- package/dist/cjs/CreateAComponent.js +1 -1
- package/dist/cjs/CreateAContext.js +2 -2
- package/dist/cjs/Cube.js +6 -6
- package/dist/cjs/CustomImage.js +2 -2
- package/dist/cjs/DesignedSection.js +2 -2
- package/dist/cjs/DesignedSectionSmall.js +2 -2
- package/dist/cjs/DividerLineTextIdentity.js +1 -1
- package/dist/cjs/Doc.js +1 -1
- package/dist/cjs/DonutChart.js +3 -3
- package/dist/cjs/Dots.js +10 -10
- package/dist/cjs/DotsSmall.js +10 -10
- package/dist/cjs/Drop.js +3 -3
- package/dist/cjs/DunesDivider.js +2 -2
- package/dist/cjs/ElipseDivider.js +2 -2
- package/dist/cjs/EllipseImage.js +1 -1
- package/dist/cjs/EmptyPageImage.js +2 -2
- package/dist/cjs/EventInfo.js +2 -2
- package/dist/cjs/EventsZoomIn.js +6 -6
- package/dist/cjs/ExpandAnimation.js +8 -8
- package/dist/cjs/ExpandClick.js +11 -11
- package/dist/cjs/ExpandHover.js +8 -8
- package/dist/cjs/ExpandScroll.js +6 -6
- package/dist/cjs/FadeAnimation.js +2 -2
- package/dist/cjs/FadeBackSection.js +13 -13
- package/dist/cjs/FadeClick.js +2 -2
- package/dist/cjs/FadeHover.js +2 -2
- package/dist/cjs/FadeScroll.js +2 -2
- package/dist/cjs/FillParallaxScroll.js +9 -9
- package/dist/cjs/FlashAnimation.js +5 -5
- package/dist/cjs/Flip.js +4 -4
- package/dist/cjs/FlipAnimation.js +7 -7
- package/dist/cjs/FloatEntrance.js +5 -5
- package/dist/cjs/FluidImage.js +1 -1
- package/dist/cjs/Fold.js +2 -2
- package/dist/cjs/FoldAnimation.js +8 -8
- package/dist/cjs/FormLayoutAboveIdentity.js +2 -2
- package/dist/cjs/FormLayoutBelowIdentity.js +2 -2
- package/dist/cjs/FreeformImage.js +3 -3
- package/dist/cjs/GalleryBlur.js +2 -2
- package/dist/cjs/GalleryColorIn.js +3 -3
- package/dist/cjs/GalleryExpand.js +3 -3
- package/dist/cjs/GalleryExpandOut.js +6 -6
- package/dist/cjs/GalleryFade.js +2 -2
- package/dist/cjs/GalleryFadeIn.js +4 -4
- package/dist/cjs/GalleryGrayscale2.js +2 -2
- package/dist/cjs/GalleryGreyscale.js +2 -2
- package/dist/cjs/GalleryInvert.js +2 -2
- package/dist/cjs/GalleryMoveUp.js +2 -2
- package/dist/cjs/GalleryNoChange.js +2 -2
- package/dist/cjs/GalleryOneColor.js +2 -2
- package/dist/cjs/GalleryShrink.js +6 -6
- package/dist/cjs/GallerySlideDown.js +2 -2
- package/dist/cjs/GallerySlideRight.js +4 -4
- package/dist/cjs/GallerySlideUp.js +2 -2
- package/dist/cjs/GalleryZoomOut.js +8 -8
- package/dist/cjs/GenerateWithAI.js +2 -2
- package/dist/cjs/GenerateWithAIOutline.js +3 -3
- 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 +2 -2
- package/dist/cjs/IdentityFormLayoutAbove.js +52 -0
- package/dist/cjs/IdentityFormLayoutBelow.js +52 -0
- 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 +1 -1
- package/dist/cjs/LayeredElipseDivider.js +4 -4
- package/dist/cjs/LayoutTwoColumnSmall.js +1 -1
- package/dist/cjs/LeftToRight.js +3 -3
- package/dist/cjs/LeftToRightSmall.js +5 -5
- package/dist/cjs/LeftWaveDivider.js +2 -2
- package/dist/cjs/LetterTwist.js +2 -2
- package/dist/cjs/LineChart.js +1 -1
- package/dist/cjs/LiquidDivider.js +2 -2
- package/dist/cjs/LoyaltyIcon.js +53 -0
- package/dist/cjs/LoyaltyIconPositionRight.js +53 -0
- package/dist/cjs/LoyaltyLayoutList.js +52 -0
- package/dist/cjs/LoyaltyLayoutSide.js +52 -0
- package/dist/cjs/LoyaltyNumber.js +53 -0
- package/dist/cjs/LoyaltyWidgetElementIcon.js +53 -0
- package/dist/cjs/LoyaltyWidgetElementIconText.js +53 -0
- package/dist/cjs/LoyaltyWidgetElementText.js +53 -0
- package/dist/cjs/Marker.js +2 -2
- package/dist/cjs/Marquee.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/OnImage.js +2 -2
- package/dist/cjs/OnImageForButton.js +54 -0
- package/dist/cjs/OnImageForRibbon.js +54 -0
- package/dist/cjs/OnlineStoresDots.js +56 -0
- package/dist/cjs/OnlineStoresLines.js +55 -0
- package/dist/cjs/OpticalillusionDivider.js +2 -2
- package/dist/cjs/OriginalImage.js +2 -2
- package/dist/cjs/PaintDivider.js +3 -3
- package/dist/cjs/PaintScribbleDivider.js +2 -2
- package/dist/cjs/PanSection.js +6 -6
- package/dist/cjs/PeaksDivider.js +2 -2
- package/dist/cjs/PentagonImage.js +1 -1
- package/dist/cjs/PieChart.js +3 -3
- package/dist/cjs/PixelsDivider.js +3 -3
- package/dist/cjs/PlantsDivider.js +2 -2
- package/dist/cjs/PricingLayoutAbove.js +3 -3
- package/dist/cjs/PricingLayoutBelow.js +2 -2
- package/dist/cjs/ProductCardLayoutFullSmall.js +1 -1
- package/dist/cjs/PullBackSection.js +7 -7
- package/dist/cjs/RSVPInvite.js +1 -1
- package/dist/cjs/RestauransOnlineOrdersItemInfo.js +54 -0
- package/dist/cjs/Reveal.js +3 -3
- package/dist/cjs/RevealAnimation.js +4 -4
- package/dist/cjs/RhombusImage.js +1 -1
- package/dist/cjs/RightWaveDivider.js +2 -2
- package/dist/cjs/Roll.js +1 -1
- package/dist/cjs/RotateClick.js +6 -6
- package/dist/cjs/RotateHover.js +6 -6
- package/dist/cjs/RotateSection.js +10 -10
- package/dist/cjs/ScrollEffectsDisappear.js +1 -1
- package/dist/cjs/ScrollEffectsFadeOut.js +1 -1
- package/dist/cjs/ScrollEffectsMoveWithPage.js +1 -1
- package/dist/cjs/ScrollEffectsStayFixed.js +1 -1
- package/dist/cjs/SemiCirclesDivider.js +2 -2
- package/dist/cjs/SemiElipseDivider.js +2 -2
- package/dist/cjs/ShapeEntrance.js +3 -3
- package/dist/cjs/ShapeScroll.js +4 -4
- 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 +1 -1
- package/dist/cjs/Shuffle.js +3 -3
- package/dist/cjs/ShuttersAnimation.js +5 -5
- package/dist/cjs/SkewClick.js +3 -3
- package/dist/cjs/SkewHover.js +3 -3
- package/dist/cjs/Slide.js +3 -3
- package/dist/cjs/SlideAnimation.js +7 -7
- package/dist/cjs/SnakeTrailAnimation.js +2 -2
- package/dist/cjs/SpinAnimation.js +5 -5
- package/dist/cjs/SplitGridColumnSmall.js +1 -1
- package/dist/cjs/SplitGridRowSmall.js +2 -2
- package/dist/cjs/Stagger.js +2 -2
- package/dist/cjs/StarImage.js +1 -1
- package/dist/cjs/StoreAccordionCollapse.js +4 -4
- package/dist/cjs/StoreAsDots.js +2 -2
- package/dist/cjs/StoreBelowInfo.js +2 -2
- package/dist/cjs/StoreBorder.js +2 -2
- package/dist/cjs/StoreBottom.js +1 -1
- package/dist/cjs/StoreButtons.js +2 -2
- package/dist/cjs/StoreCarousel.js +3 -3
- package/dist/cjs/StoreCollapse.js +2 -2
- package/dist/cjs/StoreDoesNothing.js +2 -2
- package/dist/cjs/StoreDropdown.js +2 -2
- package/dist/cjs/StoreImageBottom.js +2 -2
- package/dist/cjs/StoreImages.js +2 -2
- package/dist/cjs/StoreLayoutWithBorder.js +52 -0
- package/dist/cjs/StoreNegativeBack.js +4 -4
- package/dist/cjs/StoreOnImage.js +2 -2
- package/dist/cjs/StoreRight.js +2 -2
- package/dist/cjs/StoreScroll.js +1 -1
- package/dist/cjs/StoreSimple.js +2 -2
- package/dist/cjs/StoreSleek.js +2 -2
- package/dist/cjs/StoreSpotlight.js +2 -2
- package/dist/cjs/StoreSwapImage.js +3 -3
- package/dist/cjs/StoreWrap.js +2 -2
- package/dist/cjs/StoreZoom.js +2 -2
- package/dist/cjs/StripesDivider.js +2 -2
- package/dist/cjs/Swap.js +2 -2
- package/dist/cjs/TextEntrance.js +4 -4
- package/dist/cjs/TextPath.js +1 -1
- package/dist/cjs/ThreeColumnTwoRowLeftMergedSmall.js +1 -1
- package/dist/cjs/ThreeColumns.js +1 -1
- package/dist/cjs/ThreeRows.js +2 -2
- package/dist/cjs/ThumbnailPlacementBottom.js +1 -1
- package/dist/cjs/ThumbnailPlacementRight.js +2 -2
- package/dist/cjs/ThumbnailPlacementTop.js +1 -1
- package/dist/cjs/TiltAnimation.js +4 -4
- package/dist/cjs/TiltDivider.js +2 -2
- package/dist/cjs/TiltEntrance.js +4 -4
- package/dist/cjs/TriangleDivider.js +2 -2
- package/dist/cjs/TriangularImage.js +1 -1
- package/dist/cjs/TurnEntrance.js +6 -6
- package/dist/cjs/TwistClick.js +4 -4
- package/dist/cjs/TwistHover.js +4 -4
- package/dist/cjs/TwoByTwoGridSmall.js +2 -2
- package/dist/cjs/TwoRowsSmall.js +3 -3
- package/dist/cjs/TypeWriter.js +2 -2
- package/dist/cjs/Underline.js +2 -2
- package/dist/cjs/UpToDown.js +4 -4
- package/dist/cjs/UpToDownSmall.js +7 -7
- package/dist/cjs/VideoLink.js +2 -2
- package/dist/cjs/VideoMobileLayoutCompact.js +52 -0
- package/dist/cjs/VideoMobileLayoutVertical.js +52 -0
- package/dist/cjs/VideoPlayerLayoutSmallSlider.js +52 -0
- package/dist/cjs/VideoPlayerLayoutStrip.js +52 -0
- package/dist/cjs/WavesDivider.js +2 -2
- package/dist/cjs/WhatsappStatus.js +1 -1
- package/dist/cjs/WindowImage.js +1 -1
- package/dist/cjs/WinkEntrance.js +6 -6
- package/dist/cjs/WordTwist.js +2 -2
- package/dist/cjs/animated/{LimitScaling2Guy.js → LimitScaling2.js} +10 -10
- package/dist/cjs/animated/{MaxMinGuy.js → MaxMin.js} +10 -10
- package/dist/cjs/animated/{MobileAlgoFastGuy.js → MobileAlgoFast.js} +10 -10
- package/dist/cjs/animated/animated.global.css +147 -147
- package/dist/cjs/animated/index.js +9 -9
- package/dist/cjs/index.js +66 -0
- package/dist/esm/AlignCenterHorizontal.js +1 -1
- package/dist/esm/AllSides.js +2 -2
- package/dist/esm/AngledTriangleDivider.js +2 -2
- package/dist/esm/ArcEntrance.js +9 -9
- 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/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/AudioPlayerLayoutClassic.js +20 -0
- package/dist/esm/AudioPlayerLayoutIcon.js +18 -0
- package/dist/esm/BentoLayoutSmall.js +2 -2
- package/dist/esm/BlankImage.js +2 -2
- package/dist/esm/BlankSection.js +2 -2
- package/dist/esm/BlobsDivider.js +2 -2
- package/dist/esm/Blocks.js +2 -2
- package/dist/esm/BlocksSmall.js +1 -1
- package/dist/esm/BlurAnimation.js +2 -2
- package/dist/esm/Bottom.js +2 -2
- package/dist/esm/BounceAnimation.js +7 -7
- package/dist/esm/BounceEntrance.js +8 -8
- package/dist/esm/Brandbook.js +3 -3
- package/dist/esm/BrushDivider.js +2 -2
- package/dist/esm/ButtonsLayoutIconsIdentity.js +3 -3
- package/dist/esm/ButtonsLayoutRowIdentity.js +3 -3
- package/dist/esm/ButtonsLayoutStackIdentity.js +1 -1
- package/dist/esm/CircleImage.js +1 -1
- package/dist/esm/CircleMarker.js +2 -2
- package/dist/esm/CloudsDivider.js +2 -2
- package/dist/esm/ColorClick.js +1 -1
- package/dist/esm/ColorHover.js +1 -1
- package/dist/esm/CreateAComponent.js +1 -1
- package/dist/esm/CreateAContext.js +2 -2
- package/dist/esm/Cube.js +6 -6
- package/dist/esm/CustomImage.js +2 -2
- package/dist/esm/DesignedSection.js +2 -2
- package/dist/esm/DesignedSectionSmall.js +2 -2
- package/dist/esm/DividerLineTextIdentity.js +1 -1
- package/dist/esm/Doc.js +1 -1
- package/dist/esm/DonutChart.js +3 -3
- package/dist/esm/Dots.js +10 -10
- package/dist/esm/DotsSmall.js +10 -10
- package/dist/esm/Drop.js +3 -3
- package/dist/esm/DunesDivider.js +2 -2
- package/dist/esm/ElipseDivider.js +2 -2
- package/dist/esm/EllipseImage.js +1 -1
- package/dist/esm/EmptyPageImage.js +2 -2
- package/dist/esm/EventInfo.js +2 -2
- package/dist/esm/EventsZoomIn.js +6 -6
- package/dist/esm/ExpandAnimation.js +8 -8
- package/dist/esm/ExpandClick.js +11 -11
- package/dist/esm/ExpandHover.js +8 -8
- package/dist/esm/ExpandScroll.js +6 -6
- package/dist/esm/FadeAnimation.js +2 -2
- package/dist/esm/FadeBackSection.js +13 -13
- package/dist/esm/FadeClick.js +2 -2
- package/dist/esm/FadeHover.js +2 -2
- package/dist/esm/FadeScroll.js +2 -2
- package/dist/esm/FillParallaxScroll.js +9 -9
- package/dist/esm/FlashAnimation.js +5 -5
- package/dist/esm/Flip.js +4 -4
- package/dist/esm/FlipAnimation.js +7 -7
- package/dist/esm/FloatEntrance.js +5 -5
- package/dist/esm/FluidImage.js +1 -1
- package/dist/esm/Fold.js +2 -2
- package/dist/esm/FoldAnimation.js +8 -8
- package/dist/esm/FormLayoutAboveIdentity.js +2 -2
- package/dist/esm/FormLayoutBelowIdentity.js +2 -2
- package/dist/esm/FreeformImage.js +3 -3
- package/dist/esm/GalleryBlur.js +2 -2
- package/dist/esm/GalleryColorIn.js +3 -3
- package/dist/esm/GalleryExpand.js +3 -3
- package/dist/esm/GalleryExpandOut.js +6 -6
- package/dist/esm/GalleryFade.js +2 -2
- package/dist/esm/GalleryFadeIn.js +4 -4
- package/dist/esm/GalleryGrayscale2.js +2 -2
- package/dist/esm/GalleryGreyscale.js +2 -2
- package/dist/esm/GalleryInvert.js +2 -2
- package/dist/esm/GalleryMoveUp.js +2 -2
- package/dist/esm/GalleryNoChange.js +2 -2
- package/dist/esm/GalleryOneColor.js +2 -2
- package/dist/esm/GalleryShrink.js +6 -6
- package/dist/esm/GallerySlideDown.js +2 -2
- package/dist/esm/GallerySlideRight.js +4 -4
- package/dist/esm/GallerySlideUp.js +2 -2
- package/dist/esm/GalleryZoomOut.js +8 -8
- package/dist/esm/GenerateWithAI.js +2 -2
- package/dist/esm/GenerateWithAIOutline.js +3 -3
- 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 +2 -2
- package/dist/esm/IdentityFormLayoutAbove.js +18 -0
- package/dist/esm/IdentityFormLayoutBelow.js +18 -0
- 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 +1 -1
- package/dist/esm/LayeredElipseDivider.js +4 -4
- package/dist/esm/LayoutTwoColumnSmall.js +1 -1
- package/dist/esm/LeftToRight.js +3 -3
- package/dist/esm/LeftToRightSmall.js +5 -5
- package/dist/esm/LeftWaveDivider.js +2 -2
- package/dist/esm/LetterTwist.js +2 -2
- package/dist/esm/LineChart.js +1 -1
- package/dist/esm/LiquidDivider.js +2 -2
- package/dist/esm/LoyaltyIcon.js +19 -0
- package/dist/esm/LoyaltyIconPositionRight.js +19 -0
- package/dist/esm/LoyaltyLayoutList.js +18 -0
- package/dist/esm/LoyaltyLayoutSide.js +18 -0
- package/dist/esm/LoyaltyNumber.js +19 -0
- package/dist/esm/LoyaltyWidgetElementIcon.js +19 -0
- package/dist/esm/LoyaltyWidgetElementIconText.js +19 -0
- package/dist/esm/LoyaltyWidgetElementText.js +19 -0
- package/dist/esm/Marker.js +2 -2
- package/dist/esm/Marquee.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/OnImage.js +2 -2
- package/dist/esm/OnImageForButton.js +20 -0
- package/dist/esm/OnImageForRibbon.js +20 -0
- package/dist/esm/OnlineStoresDots.js +22 -0
- package/dist/esm/OnlineStoresLines.js +21 -0
- package/dist/esm/OpticalillusionDivider.js +2 -2
- package/dist/esm/OriginalImage.js +2 -2
- package/dist/esm/PaintDivider.js +3 -3
- package/dist/esm/PaintScribbleDivider.js +2 -2
- package/dist/esm/PanSection.js +6 -6
- package/dist/esm/PeaksDivider.js +2 -2
- package/dist/esm/PentagonImage.js +1 -1
- package/dist/esm/PieChart.js +3 -3
- package/dist/esm/PixelsDivider.js +3 -3
- package/dist/esm/PlantsDivider.js +2 -2
- package/dist/esm/PricingLayoutAbove.js +3 -3
- package/dist/esm/PricingLayoutBelow.js +2 -2
- package/dist/esm/ProductCardLayoutFullSmall.js +1 -1
- package/dist/esm/PullBackSection.js +7 -7
- package/dist/esm/RSVPInvite.js +1 -1
- package/dist/esm/RestauransOnlineOrdersItemInfo.js +20 -0
- package/dist/esm/Reveal.js +3 -3
- package/dist/esm/RevealAnimation.js +4 -4
- package/dist/esm/RhombusImage.js +1 -1
- package/dist/esm/RightWaveDivider.js +2 -2
- package/dist/esm/Roll.js +1 -1
- package/dist/esm/RotateClick.js +6 -6
- package/dist/esm/RotateHover.js +6 -6
- package/dist/esm/RotateSection.js +10 -10
- package/dist/esm/ScrollEffectsDisappear.js +1 -1
- package/dist/esm/ScrollEffectsFadeOut.js +1 -1
- package/dist/esm/ScrollEffectsMoveWithPage.js +1 -1
- package/dist/esm/ScrollEffectsStayFixed.js +1 -1
- package/dist/esm/SemiCirclesDivider.js +2 -2
- package/dist/esm/SemiElipseDivider.js +2 -2
- package/dist/esm/ShapeEntrance.js +3 -3
- package/dist/esm/ShapeScroll.js +4 -4
- 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 +1 -1
- package/dist/esm/Shuffle.js +3 -3
- package/dist/esm/ShuttersAnimation.js +5 -5
- package/dist/esm/SkewClick.js +3 -3
- package/dist/esm/SkewHover.js +3 -3
- package/dist/esm/Slide.js +3 -3
- package/dist/esm/SlideAnimation.js +7 -7
- package/dist/esm/SnakeTrailAnimation.js +2 -2
- package/dist/esm/SpinAnimation.js +5 -5
- package/dist/esm/SplitGridColumnSmall.js +1 -1
- package/dist/esm/SplitGridRowSmall.js +2 -2
- package/dist/esm/Stagger.js +2 -2
- package/dist/esm/StarImage.js +1 -1
- package/dist/esm/StoreAccordionCollapse.js +4 -4
- package/dist/esm/StoreAsDots.js +2 -2
- package/dist/esm/StoreBelowInfo.js +2 -2
- package/dist/esm/StoreBorder.js +2 -2
- package/dist/esm/StoreBottom.js +1 -1
- package/dist/esm/StoreButtons.js +2 -2
- package/dist/esm/StoreCarousel.js +3 -3
- package/dist/esm/StoreCollapse.js +2 -2
- package/dist/esm/StoreDoesNothing.js +2 -2
- package/dist/esm/StoreDropdown.js +2 -2
- package/dist/esm/StoreImageBottom.js +2 -2
- package/dist/esm/StoreImages.js +2 -2
- package/dist/esm/StoreLayoutWithBorder.js +18 -0
- package/dist/esm/StoreNegativeBack.js +4 -4
- package/dist/esm/StoreOnImage.js +2 -2
- package/dist/esm/StoreRight.js +2 -2
- package/dist/esm/StoreScroll.js +1 -1
- package/dist/esm/StoreSimple.js +2 -2
- package/dist/esm/StoreSleek.js +2 -2
- package/dist/esm/StoreSpotlight.js +2 -2
- package/dist/esm/StoreSwapImage.js +3 -3
- package/dist/esm/StoreWrap.js +2 -2
- package/dist/esm/StoreZoom.js +2 -2
- package/dist/esm/StripesDivider.js +2 -2
- package/dist/esm/Swap.js +2 -2
- package/dist/esm/TextEntrance.js +4 -4
- package/dist/esm/TextPath.js +1 -1
- package/dist/esm/ThreeColumnTwoRowLeftMergedSmall.js +1 -1
- package/dist/esm/ThreeColumns.js +1 -1
- package/dist/esm/ThreeRows.js +2 -2
- package/dist/esm/ThumbnailPlacementBottom.js +1 -1
- package/dist/esm/ThumbnailPlacementRight.js +2 -2
- package/dist/esm/ThumbnailPlacementTop.js +1 -1
- package/dist/esm/TiltAnimation.js +4 -4
- package/dist/esm/TiltDivider.js +2 -2
- package/dist/esm/TiltEntrance.js +4 -4
- package/dist/esm/TriangleDivider.js +2 -2
- package/dist/esm/TriangularImage.js +1 -1
- package/dist/esm/TurnEntrance.js +6 -6
- package/dist/esm/TwistClick.js +4 -4
- package/dist/esm/TwistHover.js +4 -4
- package/dist/esm/TwoByTwoGridSmall.js +2 -2
- package/dist/esm/TwoRowsSmall.js +3 -3
- package/dist/esm/TypeWriter.js +2 -2
- package/dist/esm/Underline.js +2 -2
- package/dist/esm/UpToDown.js +4 -4
- package/dist/esm/UpToDownSmall.js +7 -7
- package/dist/esm/VideoLink.js +2 -2
- package/dist/esm/VideoMobileLayoutCompact.js +18 -0
- package/dist/esm/VideoMobileLayoutVertical.js +18 -0
- package/dist/esm/VideoPlayerLayoutSmallSlider.js +18 -0
- package/dist/esm/VideoPlayerLayoutStrip.js +18 -0
- package/dist/esm/WavesDivider.js +2 -2
- package/dist/esm/WhatsappStatus.js +1 -1
- package/dist/esm/WindowImage.js +1 -1
- package/dist/esm/WinkEntrance.js +6 -6
- package/dist/esm/WordTwist.js +2 -2
- package/dist/esm/animated/{LimitScaling2Guy.js → LimitScaling2.js} +6 -6
- package/dist/esm/animated/{MaxMinGuy.js → MaxMin.js} +6 -6
- package/dist/esm/animated/{MobileAlgoFastGuy.js → MobileAlgoFast.js} +6 -6
- package/dist/esm/animated/animated.global.css +147 -147
- package/dist/esm/animated/index.js +6 -6
- package/dist/esm/index.js +44 -0
- package/dist/types/AudioPlayerLayoutClassic.d.ts +5 -0
- package/dist/types/AudioPlayerLayoutIcon.d.ts +5 -0
- package/dist/types/IdentityFormLayoutAbove.d.ts +5 -0
- package/dist/types/IdentityFormLayoutBelow.d.ts +5 -0
- package/dist/types/LoyaltyIcon.d.ts +5 -0
- package/dist/types/LoyaltyIconPositionRight.d.ts +5 -0
- package/dist/types/LoyaltyLayoutList.d.ts +5 -0
- package/dist/types/LoyaltyLayoutSide.d.ts +5 -0
- package/dist/types/LoyaltyNumber.d.ts +5 -0
- package/dist/types/LoyaltyWidgetElementIcon.d.ts +5 -0
- package/dist/types/LoyaltyWidgetElementIconText.d.ts +5 -0
- package/dist/types/LoyaltyWidgetElementText.d.ts +5 -0
- package/dist/types/OnImageForButton.d.ts +5 -0
- package/dist/types/OnImageForRibbon.d.ts +5 -0
- package/dist/types/OnlineStoresDots.d.ts +5 -0
- package/dist/types/OnlineStoresLines.d.ts +5 -0
- package/dist/types/RestauransOnlineOrdersItemInfo.d.ts +5 -0
- package/dist/types/StoreLayoutWithBorder.d.ts +5 -0
- package/dist/types/VideoMobileLayoutCompact.d.ts +5 -0
- package/dist/types/VideoMobileLayoutVertical.d.ts +5 -0
- package/dist/types/VideoPlayerLayoutSmallSlider.d.ts +5 -0
- package/dist/types/VideoPlayerLayoutStrip.d.ts +5 -0
- package/dist/types/animated/LimitScaling2.d.ts +7 -0
- package/dist/types/animated/MaxMin.d.ts +7 -0
- package/dist/types/animated/MobileAlgoFast.d.ts +7 -0
- package/dist/types/animated/index.d.ts +6 -6
- package/dist/types/index.d.ts +22 -0
- package/package.json +3 -3
- package/src/AlignCenterHorizontal.svg +1 -1
- package/src/AllSides.svg +3 -3
- package/src/AngledTriangleDivider.svg +6 -6
- package/src/ArcEntrance.svg +19 -19
- 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/Aspect43Image.svg +5 -5
- package/src/Aspect45Image.svg +3 -3
- package/src/Aspect54Image.svg +5 -5
- package/src/Aspect916Image.svg +5 -5
- package/src/AudioPlayerLayoutClassic.svg +25 -0
- package/src/AudioPlayerLayoutIcon.svg +24 -0
- package/src/BentoLayoutSmall.svg +2 -2
- package/src/BlankImage.svg +2 -2
- package/src/BlankSection.svg +3 -3
- package/src/BlobsDivider.svg +9 -9
- package/src/Blocks.svg +3 -3
- package/src/BlocksSmall.svg +1 -1
- package/src/BlurAnimation.svg +4 -4
- package/src/Bottom.svg +3 -3
- package/src/BounceAnimation.svg +16 -16
- package/src/BounceEntrance.svg +18 -18
- package/src/Brandbook.svg +3 -3
- package/src/BrushDivider.svg +6 -6
- package/src/ButtonsLayoutIconsIdentity.svg +6 -6
- package/src/ButtonsLayoutRowIdentity.svg +6 -6
- package/src/ButtonsLayoutStackIdentity.svg +2 -2
- package/src/CircleImage.svg +1 -1
- package/src/CircleMarker.svg +6 -6
- package/src/CloudsDivider.svg +13 -13
- package/src/ColorClick.svg +2 -2
- package/src/ColorHover.svg +1 -1
- package/src/CreateAComponent.svg +1 -1
- package/src/CreateAContext.svg +3 -3
- package/src/Cube.svg +11 -11
- package/src/CustomImage.svg +5 -5
- package/src/DesignedSection.svg +2 -2
- package/src/DesignedSectionSmall.svg +4 -4
- package/src/DividerLineTextIdentity.svg +1 -1
- package/src/Doc.svg +1 -1
- package/src/DonutChart.svg +6 -6
- package/src/Dots.svg +27 -27
- package/src/DotsSmall.svg +39 -39
- package/src/Drop.svg +3 -3
- package/src/DunesDivider.svg +11 -11
- package/src/ElipseDivider.svg +3 -3
- package/src/EllipseImage.svg +1 -1
- package/src/EmptyPageImage.svg +2 -2
- package/src/EventInfo.svg +2 -2
- package/src/EventsZoomIn.svg +8 -8
- package/src/ExpandAnimation.svg +15 -15
- package/src/ExpandClick.svg +19 -19
- package/src/ExpandHover.svg +15 -15
- package/src/ExpandScroll.svg +16 -16
- package/src/FadeAnimation.svg +5 -5
- package/src/FadeBackSection.svg +28 -28
- package/src/FadeClick.svg +3 -3
- package/src/FadeHover.svg +3 -3
- package/src/FadeScroll.svg +3 -3
- package/src/FillParallaxScroll.svg +30 -30
- package/src/FlashAnimation.svg +8 -8
- package/src/Flip.svg +4 -4
- package/src/FlipAnimation.svg +19 -19
- package/src/FloatEntrance.svg +12 -12
- package/src/FluidImage.svg +1 -1
- package/src/Fold.svg +12 -12
- package/src/FoldAnimation.svg +15 -15
- package/src/FormLayoutAboveIdentity.svg +4 -4
- package/src/FormLayoutBelowIdentity.svg +4 -4
- package/src/FreeformImage.svg +10 -10
- package/src/GalleryBlur.svg +2 -2
- package/src/GalleryColorIn.svg +4 -4
- package/src/GalleryExpand.svg +10 -10
- package/src/GalleryExpandOut.svg +8 -8
- package/src/GalleryFade.svg +2 -2
- package/src/GalleryFadeIn.svg +5 -5
- package/src/GalleryGrayscale2.svg +2 -2
- package/src/GalleryGreyscale.svg +2 -2
- package/src/GalleryInvert.svg +2 -2
- package/src/GalleryMoveUp.svg +2 -2
- package/src/GalleryNoChange.svg +2 -2
- package/src/GalleryOneColor.svg +2 -2
- package/src/GalleryShrink.svg +17 -17
- package/src/GallerySlideDown.svg +2 -2
- package/src/GallerySlideRight.svg +5 -5
- package/src/GallerySlideUp.svg +2 -2
- package/src/GalleryZoomOut.svg +11 -11
- package/src/GenerateWithAI.svg +3 -3
- package/src/GenerateWithAIOutline.svg +4 -4
- 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 +5 -5
- package/src/IdentityFormLayoutAbove.svg +121 -0
- package/src/IdentityFormLayoutBelow.svg +121 -0
- package/src/ImageLayoutLarge.svg +7 -7
- package/src/ImageLayoutThumbnail.svg +7 -7
- package/src/ImageLayoutTwoColumn.svg +5 -5
- package/src/InvertedElipseDivider.svg +1 -1
- package/src/LayeredElipseDivider.svg +16 -16
- package/src/LayoutTwoColumnSmall.svg +1 -1
- package/src/LeftToRight.svg +4 -4
- package/src/LeftToRightSmall.svg +8 -8
- package/src/LeftWaveDivider.svg +3 -3
- package/src/LetterTwist.svg +3 -3
- package/src/LineChart.svg +1 -1
- package/src/LiquidDivider.svg +3 -3
- package/src/LoyaltyIcon.svg +24 -0
- package/src/LoyaltyIconPositionRight.svg +25 -0
- package/src/LoyaltyLayoutList.svg +26 -0
- package/src/LoyaltyLayoutSide.svg +26 -0
- package/src/LoyaltyNumber.svg +24 -0
- package/src/LoyaltyWidgetElementIcon.svg +24 -0
- package/src/LoyaltyWidgetElementIconText.svg +25 -0
- package/src/LoyaltyWidgetElementText.svg +24 -0
- package/src/Marker.svg +2 -2
- package/src/Marquee.svg +12 -12
- 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/OnImage.svg +2 -2
- package/src/OnImageForButton.svg +45 -0
- package/src/OnImageForRibbon.svg +44 -0
- package/src/OnlineStoresDots.svg +46 -0
- package/src/OnlineStoresLines.svg +45 -0
- package/src/OpticalillusionDivider.svg +21 -21
- package/src/OriginalImage.svg +5 -5
- package/src/PaintDivider.svg +10 -10
- package/src/PaintScribbleDivider.svg +5 -5
- package/src/PanSection.svg +19 -19
- package/src/PeaksDivider.svg +7 -7
- package/src/PentagonImage.svg +1 -1
- package/src/PieChart.svg +6 -6
- package/src/PixelsDivider.svg +25 -25
- package/src/PlantsDivider.svg +7 -7
- package/src/PricingLayoutAbove.svg +16 -16
- package/src/PricingLayoutBelow.svg +11 -11
- package/src/ProductCardLayoutFullSmall.svg +1 -1
- package/src/PullBackSection.svg +26 -26
- package/src/RSVPInvite.svg +4 -4
- package/src/RestauransOnlineOrdersItemInfo.svg +45 -0
- package/src/Reveal.svg +3 -3
- package/src/RevealAnimation.svg +9 -9
- package/src/RhombusImage.svg +1 -1
- package/src/RightWaveDivider.svg +5 -5
- package/src/Roll.svg +10 -10
- package/src/RotateClick.svg +12 -12
- package/src/RotateHover.svg +10 -10
- package/src/RotateSection.svg +18 -18
- 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/SemiCirclesDivider.svg +4 -4
- package/src/SemiElipseDivider.svg +6 -6
- package/src/ShapeEntrance.svg +8 -8
- package/src/ShapeScroll.svg +6 -6
- package/src/Shrink.svg +21 -21
- package/src/ShrinkClick.svg +10 -10
- package/src/ShrinkHover.svg +21 -21
- package/src/ShrinkScroll.svg +1 -1
- package/src/Shuffle.svg +6 -6
- package/src/ShuttersAnimation.svg +12 -12
- package/src/SkewClick.svg +8 -8
- package/src/SkewHover.svg +6 -6
- package/src/Slide.svg +3 -3
- package/src/SlideAnimation.svg +10 -10
- package/src/SnakeTrailAnimation.svg +65 -65
- package/src/SpinAnimation.svg +9 -9
- package/src/SplitGridColumnSmall.svg +1 -1
- package/src/SplitGridRowSmall.svg +3 -3
- package/src/Stagger.svg +6 -6
- package/src/StarImage.svg +1 -1
- package/src/StoreAccordionCollapse.svg +6 -6
- package/src/StoreAsDots.svg +5 -5
- package/src/StoreBelowInfo.svg +2 -2
- package/src/StoreBorder.svg +2 -2
- package/src/StoreBottom.svg +1 -1
- package/src/StoreButtons.svg +2 -2
- package/src/StoreCarousel.svg +4 -4
- package/src/StoreCollapse.svg +3 -3
- package/src/StoreDoesNothing.svg +3 -3
- package/src/StoreDropdown.svg +3 -3
- package/src/StoreImageBottom.svg +19 -19
- package/src/StoreImages.svg +2 -2
- package/src/StoreLayoutWithBorder.svg +55 -0
- package/src/StoreNegativeBack.svg +7 -7
- package/src/StoreOnImage.svg +2 -2
- package/src/StoreRight.svg +5 -5
- package/src/StoreScroll.svg +1 -1
- package/src/StoreSimple.svg +2 -2
- package/src/StoreSleek.svg +2 -2
- package/src/StoreSpotlight.svg +2 -2
- package/src/StoreSwapImage.svg +4 -4
- package/src/StoreWrap.svg +3 -3
- package/src/StoreZoom.svg +14 -14
- package/src/StripesDivider.svg +15 -15
- package/src/Swap.svg +12 -12
- package/src/TextEntrance.svg +6 -6
- package/src/TextPath.svg +3 -3
- package/src/ThreeColumnTwoRowLeftMergedSmall.svg +1 -1
- package/src/ThreeColumns.svg +1 -1
- package/src/ThreeRows.svg +4 -4
- package/src/ThumbnailPlacementBottom.svg +1 -1
- package/src/ThumbnailPlacementRight.svg +2 -2
- package/src/ThumbnailPlacementTop.svg +1 -1
- package/src/TiltAnimation.svg +10 -10
- package/src/TiltDivider.svg +3 -3
- package/src/TiltEntrance.svg +9 -9
- package/src/TriangleDivider.svg +6 -6
- package/src/TriangularImage.svg +1 -1
- package/src/TurnEntrance.svg +14 -14
- package/src/TwistClick.svg +11 -11
- package/src/TwistHover.svg +13 -13
- package/src/TwoByTwoGridSmall.svg +2 -2
- package/src/TwoRowsSmall.svg +4 -4
- package/src/TypeWriter.svg +5 -5
- package/src/Underline.svg +6 -6
- package/src/UpToDown.svg +6 -6
- package/src/UpToDownSmall.svg +11 -11
- package/src/VideoLink.svg +3 -3
- package/src/VideoMobileLayoutCompact.svg +48 -0
- package/src/VideoMobileLayoutVertical.svg +48 -0
- package/src/VideoPlayerLayoutSmallSlider.svg +66 -0
- package/src/VideoPlayerLayoutStrip.svg +25 -0
- package/src/WavesDivider.svg +6 -6
- package/src/WhatsappStatus.svg +1 -1
- package/src/WindowImage.svg +1 -1
- package/src/WinkEntrance.svg +9 -9
- package/src/WordTwist.svg +11 -11
- package/dist/types/animated/LimitScaling2Guy.d.ts +0 -7
- package/dist/types/animated/MaxMinGuy.d.ts +0 -7
- package/dist/types/animated/MobileAlgoFastGuy.d.ts +0 -7
- /package/src/animated/{LimitScaling2Guy.html → LimitScaling2.html} +0 -0
- /package/src/animated/{MaxMinGuy.html → MaxMin.html} +0 -0
- /package/src/animated/{MobileAlgoFastGuy.html → MobileAlgoFast.html} +0 -0
package/dist/esm/TypeWriter.js
CHANGED
|
@@ -12,8 +12,8 @@ const TypeWriter = (props) => /* @__PURE__ */ React.createElement(
|
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
|
|
14
14
|
/* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__c", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M10 21h21v30H10z" })),
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__d", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__g", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__d", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__e)", mask: "url(#TypeWriter__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__f)", d: "M16 0h56v44H16z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__g", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44.003h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44.003H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44.003h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__h", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#TypeWriter__i)", mask: "url(#TypeWriter__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__j)", d: "M16 0h56v44H16z" })))),
|
|
17
17
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31.5 28v18h-1V28z" }),
|
|
18
18
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__f", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__j", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", 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: "TypeWriter__e", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__i", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17600", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M10 21h21v30H10z" })), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__b", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M58 21H31v30h27z" })))
|
|
19
19
|
);
|
package/dist/esm/Underline.js
CHANGED
|
@@ -10,8 +10,8 @@ const Underline = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("path", { fill: "url(#Underline__a)", d: "M15 46.5h42v1H15z" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087
|
|
14
|
-
/* @__PURE__ */ React.createElement("mask", { id: "Underline__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.995h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.995H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.995h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "Underline__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.995h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.995H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.995h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { filter: "url(#Underline__c)", mask: "url(#Underline__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Underline__d)", d: "M16 0h56v44H16z" })),
|
|
16
16
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__a", x1: "15", x2: "57", y1: "47", y2: "47", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__d", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", 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: "Underline__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17635", stdDeviation: "4.2" })))
|
|
17
17
|
);
|
package/dist/esm/UpToDown.js
CHANGED
|
@@ -9,13 +9,13 @@ const UpToDown = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.155 48.93v-32h-1.31v32zM24.82 46.
|
|
13
|
-
/* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDown__a)", d: "M51.157 34.
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M50.5 57.
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M22.155 48.93v-32h-1.31v32zM24.82 46.359 47.449 23.73l.926.927-22.627 22.627z" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDown__a)", d: "M51.157 34.871v22.445h-1.314V34.87z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M50.5 57.973a.66.66 0 0 1-.504-.236l-3.286-3.943 1.009-.842L50.5 56.29l2.781-3.338 1.009.842-3.286 3.943-.104.1a.66.66 0 0 1-.4.136" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDown__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDown__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDown__d)", d: "M0 0h30.315v31.447H0z", transform: "matrix(0 -1 -1 0 45.447 29)" }))),
|
|
16
16
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDown__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "43", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDown__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDown__g)", d: "M0 0h30.315v31.447H0z", transform: "matrix(0 -1 -1 0 74.447 29)" }))),
|
|
17
17
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDown__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "14", y: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDown__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDown__j)", d: "M0 0h30.141v31.266H0z", transform: "matrix(0 -1 -1 0 45.266 58)" }))),
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDown__a", x1: "41.081", x2: "41.081", y1: "34.
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDown__a", x1: "41.081", x2: "41.081", y1: "34.871", y2: "57.316", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDown__d", x1: "26.016", x2: "-1.104", y1: "2.823", y2: "36.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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDown__g", x1: "26.016", x2: "-1.104", y1: "2.823", y2: "36.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: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDown__j", x1: "25.866", x2: "-1.097", y1: "2.806", y2: "35.975", 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: "UpToDown__b" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "14", y: "14", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "UpToDown__e" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "43", y: "14", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "UpToDown__h" }, /* @__PURE__ */ React.createElement("rect", { width: "15", height: "15", x: "14", y: "43", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDown__c", width: "42.56", height: "41.429", x: "8.443", y: "-6.873", 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_9867", stdDeviation: "2.778" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDown__f", width: "42.56", height: "41.429", x: "37.444", y: "-6.873", 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_9867", stdDeviation: "2.778" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDown__i", width: "42.315", height: "41.19", x: "8.475", y: "22.335", 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_9867", stdDeviation: "2.762" })))
|
|
19
19
|
);
|
|
20
20
|
UpToDown.displayName = "UpToDown";
|
|
21
21
|
export {
|
|
@@ -9,13 +9,13 @@ const UpToDownSmall = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M11.693 25.
|
|
13
|
-
/* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__a)", d: "M27 18.
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.653 30.
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__d)", d: "M0 0h16v16.597H0z", transform: "matrix(0 -1 -1 0 23.986 15.
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "22.695", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__g)", d: "M0 0h16v16.597H0z", transform: "matrix(0 -1 -1 0 39.291 15.
|
|
17
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "22.695", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__j)", d: "M0 0h15.908v16.501H0z", transform: "matrix(0 -1 -1 0 23.89 30.
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDownSmall__a", x1: "21.682", x2: "21.682", y1: "18.
|
|
12
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M11.693 25.824V8.935h-.691v16.89zM13.1 24.468l11.942-11.942.489.489-11.942 11.942z" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__a)", d: "M27 18.406v11.846h-.694V18.406z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M26.653 30.598a.35.35 0 0 1-.266-.125l-1.735-2.08.533-.445 1.468 1.762 1.468-1.762.532.444-1.734 2.081-.055.053a.35.35 0 0 1-.211.072" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__d)", d: "M0 0h16v16.597H0z", transform: "matrix(0 -1 -1 0 23.986 15.309)" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "22.695", y: "7.391", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__g)", d: "M0 0h16v16.597H0z", transform: "matrix(0 -1 -1 0 39.291 15.309)" }))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#UpToDownSmall__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "22.695", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.056" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#UpToDownSmall__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#UpToDownSmall__j)", d: "M0 0h15.908v16.501H0z", transform: "matrix(0 -1 -1 0 23.89 30.613)" }))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDownSmall__a", x1: "21.682", x2: "21.682", y1: "18.406", y2: "30.252", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "UpToDownSmall__d", x1: "13.73", x2: "-.583", y1: "1.49", y2: "19.096", 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: "UpToDownSmall__g", x1: "13.73", x2: "-.583", y1: "1.49", y2: "19.096", 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: "UpToDownSmall__j", x1: "13.652", x2: "-.579", y1: "1.481", y2: "18.987", 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: "UpToDownSmall__b" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "7.391", fill: "#fff", rx: "1.056" })), /* @__PURE__ */ React.createElement("clipPath", { id: "UpToDownSmall__e" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "22.695", y: "7.391", fill: "#fff", rx: "1.056" })), /* @__PURE__ */ React.createElement("clipPath", { id: "UpToDownSmall__h" }, /* @__PURE__ */ React.createElement("rect", { width: "7.917", height: "7.917", x: "7.389", y: "22.695", fill: "#fff", rx: "1.056" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDownSmall__c", width: "22.462", height: "21.865", x: "4.456", y: "-3.624", 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_9887", stdDeviation: "1.466" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDownSmall__f", width: "22.462", height: "21.865", x: "19.762", y: "-3.624", 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_9887", stdDeviation: "1.466" })), /* @__PURE__ */ React.createElement("filter", { id: "UpToDownSmall__i", width: "22.333", height: "21.738", x: "4.473", y: "11.791", 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_9887", stdDeviation: "1.458" })))
|
|
19
19
|
);
|
|
20
20
|
UpToDownSmall.displayName = "UpToDownSmall";
|
|
21
21
|
export {
|
package/dist/esm/VideoLink.js
CHANGED
|
@@ -11,8 +11,8 @@ const VideoLink = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoLink__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoLink__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoLink__c)", d: "M7 4h61v51H7z" }))),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoLink__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "26", height: "26", x: "13", y: "23", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoLink__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoLink__f)", d: "M11 0h61v51H11z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 40v-8l6 4z" })),
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.21 34.
|
|
15
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.1 33.
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M46.21 34.648a.75.75 0 1 1 1.06 1.06l-.41.41a2.127 2.127 0 0 0-.002 3.008 2.135 2.135 0 0 0 3.012.002l.41-.41a.751.751 0 0 1 1.06 1.06l-.41.411a3.636 3.636 0 0 1-5.128.002c-1.43-1.418-1.41-3.713-.004-5.13zM51.63 30.738a3.6 3.6 0 0 1 2.56 1.07 3.636 3.636 0 0 1 .003 5.129l-.003.002-.41.41a.75.75 0 0 1-1.06-1.06l.41-.411c.829-.84.825-2.185 0-3.01l-.005-.004a2.1 2.1 0 0 0-1.495-.626c-.533 0-1.082.213-1.5.63l-.41.41a.75.75 0 1 1-1.06-1.06l.41-.41a3.63 3.63 0 0 1 2.56-1.07" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.1 33.847a.75.75 0 0 1 1.06 1.063l-3.26 3.25a.75.75 0 0 1-1.06-1.063z" }),
|
|
16
16
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoLink__c", x1: "59.349", x2: "18.157", y1: "8.578", y2: "71.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-2, #7896ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoLink__f", x1: "63.349", x2: "22.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoLink__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoLink__d" }, /* @__PURE__ */ React.createElement("rect", { width: "26", height: "26", x: "13", y: "23", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoLink__b", width: "81", height: "71", x: "-3", 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_676_18281", stdDeviation: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoLink__e", width: "81", height: "71", x: "1", y: "-10", 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_18281", stdDeviation: "5" })))
|
|
17
17
|
);
|
|
18
18
|
VideoLink.displayName = "VideoLink";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const VideoMobileLayoutCompact = (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(#VideoMobileLayoutCompact__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoMobileLayoutCompact__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 60 16)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoMobileLayoutCompact__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoMobileLayoutCompact__d)", d: "M10.83-.992h66.996v58.164H10.83z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m38.646 35.294-4.37-3.143a.78.78 0 0 0-.84-.052.86.86 0 0 0-.436.756v6.29c0 .319.167.609.436.756a.787.787 0 0 0 .84-.051l4.37-3.145A.87.87 0 0 0 39 36a.87.87 0 0 0-.354-.706", fillRule: "evenodd", clipRule: "evenodd" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoMobileLayoutCompact__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "112", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 112 16)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoMobileLayoutCompact__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoMobileLayoutCompact__g)", d: "M62.83-.992h66.996v58.164H62.83z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutCompact__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutCompact__b" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "16", fill: "#fff", rx: "3", transform: "rotate(90 60 16)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutCompact__e" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "112", y: "16", fill: "#fff", rx: "3", transform: "rotate(90 112 16)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoMobileLayoutCompact__d", x1: "68.324", x2: "20.663", y1: "4.229", y2: "74.281", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoMobileLayoutCompact__g", x1: "120.324", x2: "72.663", y1: "4.229", y2: "74.281", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoMobileLayoutCompact__c", width: "115.693", height: "106.861", x: "-13.519", y: "-25.341", 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_1743_6562", stdDeviation: "12.174" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoMobileLayoutCompact__f", width: "115.693", height: "106.861", x: "38.481", y: "-25.341", 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_1743_6562", stdDeviation: "12.174" })))
|
|
14
|
+
);
|
|
15
|
+
VideoMobileLayoutCompact.displayName = "VideoMobileLayoutCompact";
|
|
16
|
+
export {
|
|
17
|
+
VideoMobileLayoutCompact
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const VideoMobileLayoutVertical = (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(#VideoMobileLayoutVertical__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoMobileLayoutVertical__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "16", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 60 16)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoMobileLayoutVertical__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoMobileLayoutVertical__d)", d: "M10.83-.992h66.996v58.164H10.83z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "m38.646 35.294-4.37-3.143a.78.78 0 0 0-.84-.052.86.86 0 0 0-.436.756v6.29c0 .319.167.609.436.756a.787.787 0 0 0 .84-.051l4.37-3.145A.87.87 0 0 0 39 36a.87.87 0 0 0-.354-.706", fillRule: "evenodd", clipRule: "evenodd" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoMobileLayoutVertical__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "60", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 60 60)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoMobileLayoutVertical__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoMobileLayoutVertical__g)", d: "M10.83 43.008h66.996v58.164H10.83z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutVertical__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutVertical__b" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "16", fill: "#fff", rx: "3", transform: "rotate(90 60 16)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoMobileLayoutVertical__e" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "48", x: "60", y: "60", fill: "#fff", rx: "3", transform: "rotate(90 60 60)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoMobileLayoutVertical__d", x1: "68.324", x2: "20.663", y1: "4.229", y2: "74.281", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoMobileLayoutVertical__g", x1: "68.324", x2: "20.663", y1: "48.229", y2: "118.281", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoMobileLayoutVertical__c", width: "115.693", height: "106.861", x: "-13.519", y: "-25.341", 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_1743_6571", stdDeviation: "12.174" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoMobileLayoutVertical__f", width: "115.693", height: "106.861", x: "-13.519", y: "18.659", 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_1743_6571", stdDeviation: "12.174" })))
|
|
14
|
+
);
|
|
15
|
+
VideoMobileLayoutVertical.displayName = "VideoMobileLayoutVertical";
|
|
16
|
+
export {
|
|
17
|
+
VideoMobileLayoutVertical
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const VideoPlayerLayoutSmallSlider = (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(#VideoPlayerLayoutSmallSlider__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoPlayerLayoutSmallSlider__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "37.5", y: "27.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 37.5 27.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoPlayerLayoutSmallSlider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoPlayerLayoutSmallSlider__d)", d: "M15 21.586h36.727v23.412H15z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoPlayerLayoutSmallSlider__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "63.5", y: "27.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 63.5 27.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoPlayerLayoutSmallSlider__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoPlayerLayoutSmallSlider__g)", d: "M35.522 21.586h42.205v26.64H35.522z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VideoPlayerLayoutSmallSlider__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "89.5", y: "27.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 89.5 27.5)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoPlayerLayoutSmallSlider__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoPlayerLayoutSmallSlider__j)", d: "M66.262 21.586h37.465v23.412H66.262z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "VideoPlayerLayoutSmallSlider__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoPlayerLayoutSmallSlider__b" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "37.5", y: "27.5", fill: "#fff", rx: "3", transform: "rotate(90 37.5 27.5)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoPlayerLayoutSmallSlider__e" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "63.5", y: "27.5", fill: "#fff", rx: "3", transform: "rotate(90 63.5 27.5)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoPlayerLayoutSmallSlider__h" }, /* @__PURE__ */ React.createElement("rect", { width: "17", height: "23", x: "89.5", y: "27.5", fill: "#fff", rx: "3", transform: "rotate(90 89.5 27.5)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoPlayerLayoutSmallSlider__d", x1: "46.518", x2: "30.026", y1: "23.687", y2: "56.699", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoPlayerLayoutSmallSlider__g", x1: "71.741", x2: "53.087", y1: "23.977", y2: "61.687", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoPlayerLayoutSmallSlider__j", x1: "98.413", x2: "82.12", y1: "23.687", y2: "56.958", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoPlayerLayoutSmallSlider__c", width: "60.727", height: "47.414", x: "3", y: "9.586", 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_1743_6541", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoPlayerLayoutSmallSlider__f", width: "66.205", height: "50.641", x: "23.521", y: "9.586", 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_1743_6541", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoPlayerLayoutSmallSlider__i", width: "61.465", height: "47.414", x: "54.262", y: "9.586", 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_1743_6541", stdDeviation: "6" })))
|
|
14
|
+
);
|
|
15
|
+
VideoPlayerLayoutSmallSlider.displayName = "VideoPlayerLayoutSmallSlider";
|
|
16
|
+
export {
|
|
17
|
+
VideoPlayerLayoutSmallSlider
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const VideoPlayerLayoutStrip = (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(#VideoPlayerLayoutStrip__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "30", x: "14", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VideoPlayerLayoutStrip__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VideoPlayerLayoutStrip__c)", d: "M14 7h58v49.374H14z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M16.5 36.002a.5.5 0 0 0 .2.4l4 3 .6-.8-3.467-2.6 3.467-2.6-.6-.8-4 3a.5.5 0 0 0-.2.4M55.5 36.002a.5.5 0 0 1-.2.4l-4 3-.6-.8 3.467-2.6-3.467-2.6.6-.8 4 3a.5.5 0 0 1 .2.4" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "VideoPlayerLayoutStrip__c", x1: "63.774", x2: "23.614", y1: "11.432", y2: "71.632", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VideoPlayerLayoutStrip__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "30", x: "14", y: "21", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "VideoPlayerLayoutStrip__b", width: "82", height: "73.375", 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_1743_6556", stdDeviation: "6" })))
|
|
14
|
+
);
|
|
15
|
+
VideoPlayerLayoutStrip.displayName = "VideoPlayerLayoutStrip";
|
|
16
|
+
export {
|
|
17
|
+
VideoPlayerLayoutStrip
|
|
18
|
+
};
|
package/dist/esm/WavesDivider.js
CHANGED
|
@@ -10,8 +10,8 @@ const WavesDivider = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("mask", { id: "WavesDivider__a", width: "110", height: "60", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M102 0H8a8 8 0 0 0-8 8v44a8 8 0 0 0 8 8h94a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8" })),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#WavesDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "WavesDivider__b", width: "174", height: "41", x: "-32", y: "35", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M125.593 37.
|
|
14
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "WavesDivider__c", width: "167.408", height: "73.
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#WavesDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "WavesDivider__b", width: "174", height: "41", x: "-32", y: "35", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M125.593 37.492h.002c4.44-3.023 9.867-3.023 14.306 0 3.83 2.608 1.984 8.6-2.65 8.6h-18.013a8 8 0 0 0-8 8v13.756a8 8 0 0 1-8 8H4.865a8 8 0 0 1-8-8V54.092a8 8 0 0 0-8-8h-16.11c-4.634 0-6.48-5.992-2.65-8.6 4.44-3.023 9.868-3.023 14.307 0l3.314 2.256c5.565 3.79 12.372 3.79 17.937 0l3.314-2.256c4.44-3.023 9.867-3.023 14.307 0l3.313 2.256c5.566 3.79 12.372 3.79 17.938 0l3.313-2.256c4.44-3.023 9.867-3.023 14.307 0l3.313 2.256c5.566 3.79 12.373 3.79 17.939 0l3.313-2.256c4.44-3.023 9.867-3.023 14.307 0l3.313 2.256c5.566 3.79 12.372 3.79 17.938 0l3.312-2.255z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#WavesDivider__b)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#WavesDivider__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "139.408", height: "45.936", x: "-16.859", y: "27.711", fill: "var(--wds-illustration-color-1, #002291)", rx: "8" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#WavesDivider__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "157.866", height: "79.486", x: "-35.893", y: "-21.857", fill: "url(#WavesDivider__e)", rx: "8" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "WavesDivider__c", width: "167.408", height: "73.936", x: "-30.859", y: "13.711", 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_744_15354", stdDeviation: "7" })), /* @__PURE__ */ React.createElement("filter", { id: "WavesDivider__d", width: "187.866", height: "109.486", x: "-50.893", y: "-36.857", 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_744_15354", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "WavesDivider__e", x1: "99.584", x2: "51.768", y1: "-14.723", y2: "106.457", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })))
|
|
15
15
|
);
|
|
16
16
|
WavesDivider.displayName = "WavesDivider";
|
|
17
17
|
export {
|
|
@@ -11,7 +11,7 @@ const WhatsappStatus = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#WhatsappStatus__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WhatsappStatus__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WhatsappStatus__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M78 27a4 4 0 1 1-8 0 4 4 0 0 1 8 0M92 25v1H82v-1zM101 29v1H82v-1z" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M96 63.296v1.083c-.07.27-.09.552-.154.825-.873 3.745-5.2 5.618-8.594 3.772L84.084 70H84l1.048-3.107c-1.493-2.569-.94-5.79 1.408-7.634 3.389-2.66 8.408-.883 9.39 3.253zm-10.447 5.205 1.865-.582c4.09 2.62 9.174-1.641 7.15-6.095-2.048-4.504-8.945-3.31-9.346 1.582-.1 1.212.248 2.323.914 3.324z" }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M87.972 61.
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M87.972 61.018c.2-.04.615-.056.735.127.067.103.531 1.344.525 1.419-.025.277-.562.597-.536.835.016.135.415.687.525.817.282.332 1.099 1.03 1.52 1.114.353.07.56-.45.808-.637.173-.13.253-.074.45.014.24.109.839.408 1.034.555.312.234.021.876-.224 1.097-.848.767-2.001.284-2.882-.18-1.07-.566-2.722-2.42-2.778-3.657-.021-.455.326-1.404.823-1.504" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WhatsappStatus__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", 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: "WhatsappStatus__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ React.createElement("filter", { id: "WhatsappStatus__b", width: "140.417", height: "135.417", x: "52.292", y: "-12.708", 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_18311", stdDeviation: "6.354" })))
|
|
16
16
|
);
|
|
17
17
|
WhatsappStatus.displayName = "WhatsappStatus";
|
package/dist/esm/WindowImage.js
CHANGED
|
@@ -10,7 +10,7 @@ const WindowImage = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#WindowImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#WindowImage__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "var(--wds-illustration-color-6, #002296)", rx: "4" })), /* @__PURE__ */ React.createElement("path", { fill: "url(#WindowImage__c)", d: "M43.84 28.004 26.5 56l30.925-4.605z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#WindowImage__d)", d: "M75 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.336C39.843 50.978 11 60 11 60v8.181h64z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#WindowImage__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "17.996", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "6.922" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WindowImage__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WindowImage__g)", d: "M27.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" })))),
|
|
13
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WindowImage__c", x1: "34.522", x2: "59.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: "WindowImage__d", x1: "18", x2: "68.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: "WindowImage__g", x1: "37.617", x2: "18.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: "WindowImage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 32c0-9.941 8.059-18 18-18s18 8.059 18 18v36H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WindowImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WindowImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "17.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "WindowImage__f", width: "27.261", height: "27.
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WindowImage__c", x1: "34.522", x2: "59.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: "WindowImage__d", x1: "18", x2: "68.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: "WindowImage__g", x1: "37.617", x2: "18.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: "WindowImage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 32c0-9.941 8.059-18 18-18s18 8.059 18 18v36H23z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WindowImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "62", height: "58", x: "10", y: "12", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WindowImage__e" }, /* @__PURE__ */ React.createElement("rect", { width: "13.844", height: "13.944", x: "17.996", y: "24", fill: "#fff", rx: "6.922" })), /* @__PURE__ */ React.createElement("filter", { id: "WindowImage__f", width: "27.261", height: "27.26", x: "15.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_19017", stdDeviation: "1.099" })))
|
|
14
14
|
);
|
|
15
15
|
WindowImage.displayName = "WindowImage";
|
|
16
16
|
export {
|
package/dist/esm/WinkEntrance.js
CHANGED
|
@@ -10,13 +10,13 @@ const WinkEntrance = (props) => /* @__PURE__ */ React.createElement(
|
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WinkEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__c)", d: "
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#WinkEntrance__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WinkEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__c)", d: "m3.41 17.68 32.642-32.412L68.694 17.68 36.052 50.09z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#WinkEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "15.793", height: "15.793", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WinkEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__f)", d: "M-5.637 23.41 36.188 4.262 78.013 23.41 36.188 42.558z" }))),
|
|
15
|
-
/* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__g)", d: "M35.5 21.
|
|
16
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 12.
|
|
17
|
-
/* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__h)", d: "M35.5 50.
|
|
18
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 59.
|
|
19
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WinkEntrance__c", x1: "34.353", x2: "41.954", y1: "-7.
|
|
15
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__g)", d: "M35.5 21.27v-8.486h1v8.486z" }),
|
|
16
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 12.285a.5.5 0 0 1 .384.18l2.5 3-.768.64L36 13.566l-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("path", { fill: "url(#WinkEntrance__h)", d: "M35.5 50.73v8.486h1V50.73z" }),
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M36 59.715a.5.5 0 0 0 .384-.18l2.5-3-.768-.64L36 58.435l-2.116-2.54-.768.64 2.5 3 .08.076a.5.5 0 0 0 .304.104" }),
|
|
19
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WinkEntrance__c", x1: "34.353", x2: "41.954", y1: "-7.226", y2: "55.891", 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: "WinkEntrance__f", x1: "34.01", x2: "36.104", y1: "8.696", y2: "46.409", 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: "WinkEntrance__g", x1: "36", x2: "36", y1: "21.27", y2: "12.784", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "WinkEntrance__h", x1: "36", x2: "36", y1: "50.73", y2: "59.216", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WinkEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "19.927", height: "19.927", fill: "#fff", rx: "2", transform: "matrix(.7096 -.7046 .7096 .7046 21.86 36)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WinkEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "15.793", height: "15.793", fill: "#fff", rx: "2", transform: "scale(1.28586 .58869)rotate(-45 82.024 10.176)" })), /* @__PURE__ */ React.createElement("filter", { id: "WinkEntrance__b", width: "75.284", height: "74.82", x: "-1.59", y: "-19.73", 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_19345", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "WinkEntrance__e", width: "93.65", height: "48.297", x: "-10.637", y: "-.738", 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_19345", stdDeviation: "2.5" })))
|
|
20
20
|
);
|
|
21
21
|
WinkEntrance.displayName = "WinkEntrance";
|
|
22
22
|
export {
|
package/dist/esm/WordTwist.js
CHANGED
|
@@ -9,8 +9,8 @@ const WordTwist = (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(#WordTwist__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "WordTwist__b", width: "56", height: "38", x: "8", y: "17", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#000", d: "m44.543 28.
|
|
13
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WordTwist__d", x1: "56.795", x2: "29.492", y1: "20.
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#WordTwist__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "WordTwist__b", width: "56", height: "38", x: "8", y: "17", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#000", d: "m44.543 28.428-2.453.3-1.25-10.198 4.265-.522q1.14-.14 2.061.167.921.306 1.497.989.574.668.695 1.652.122.998-.313 1.82a3.3 3.3 0 0 1-1.27 1.328L51.29 27.6l-2.967.364-3.056-3.318-1.17.144zm.812-8.38-1.812.221.304 2.482 1.812-.222q.627-.076.958-.45.33-.388.259-.959-.07-.57-.481-.853-.413-.297-1.04-.22M39.486 18.696l.757 6.176q.246 2.01-.828 3.286-1.062 1.26-3.187 1.52-2.111.26-3.46-.705-1.35-.978-1.597-2.99l-.757-6.175 2.453-.301.757 6.176q.112.913.742 1.444.628.516 1.598.398.984-.12 1.468-.774.483-.668.371-1.58l-.756-6.176zM24.999 31.055q-1.212.149-2.274-.127a5.5 5.5 0 0 1-1.905-.896 5.1 5.1 0 0 1-1.362-1.541 5.7 5.7 0 0 1-.661-2.09 5.6 5.6 0 0 1 .139-2.175 5.1 5.1 0 0 1 .948-1.825q.669-.805 1.633-1.329a6.1 6.1 0 0 1 2.176-.672 6.1 6.1 0 0 1 2.274.127 5.4 5.4 0 0 1 1.89.897 4.8 4.8 0 0 1 1.362 1.542q.533.92.674 2.074.142 1.155-.151 2.19a4.8 4.8 0 0 1-.95 1.825 5.4 5.4 0 0 1-1.617 1.328 6.1 6.1 0 0 1-2.176.672m-.264-2.154q.885-.108 1.491-.588.62-.495.903-1.255.296-.774.183-1.701-.114-.928-.586-1.593a2.76 2.76 0 0 0-1.178-.985q-.706-.334-1.591-.225-.87.106-1.49.602-.62.482-.919 1.242-.283.759-.17 1.686.114.927.574 1.609a2.96 2.96 0 0 0 1.193.997q.72.318 1.59.211M16.1 31.913l-2.453.3-.477-3.893-4.752-5.817 2.91-.357 2.802 3.725 1.833-4.293 2.896-.355-3.234 6.81zM58.74 54.275l-2.433-.44 1.46-8.06-3.04-.55.37-2.051 8.513 1.541-.371 2.05-3.04-.55zM45.77 51.927l-2.87-.52 4.669-4.573-2.5-5.476 2.885.523 1.428 3.486 2.56-2.764 2.856.517-4.218 4.26 2.755 5.917-2.884-.523-1.699-3.929zM42.476 51.33l-7.38-1.336 1.83-10.11 7.38 1.336-.365 2.022-4.95-.896-.36 1.994 4.68.847-.366 2.023-4.68-.848-.372 2.05 4.95.896zM31.107 49.271l-2.433-.44 1.46-8.06-3.04-.55.37-2.051 8.513 1.541-.371 2.05-3.04-.55z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#WordTwist__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M6.859 16.002h58.838V55.95H6.859z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WordTwist__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WordTwist__d)", d: "M7.867 17.264h57.014v37.849l-48.353-7.941z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WordTwist__d", x1: "56.795", x2: "29.492", y1: "20.661", y2: "73.143", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".784", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "WordTwist__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("filter", { id: "WordTwist__c", width: "73.814", height: "54.649", x: "-.533", y: "8.864", 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_735_14820", stdDeviation: "4.2" })))
|
|
14
14
|
);
|
|
15
15
|
WordTwist.displayName = "WordTwist";
|
|
16
16
|
export {
|