@wix/design-system-illustrations 2.17.0 → 2.18.0

package/dist/types/index.d.ts

@@ -1,287 +0,0 @@
-export { A4Frame } from './A4Frame';
-export { AI } from './AI';
-export { AddAnElement } from './AddAnElement';
-export { AddAnElementSmall } from './AddAnElementSmall';
-export { AiryMouse } from './AiryMouse';
-export { AlignBottomHorizontal } from './AlignBottomHorizontal';
-export { AlignCenterHorizontal } from './AlignCenterHorizontal';
-export { AlignCenterVertical } from './AlignCenterVertical';
-export { AlignLeftVertical } from './AlignLeftVertical';
-export { AlignRightVertical } from './AlignRightVertical';
-export { AlignSpread } from './AlignSpread';
-export { AlignTopHorizontal } from './AlignTopHorizontal';
-export { AlignmentLeftToRight } from './AlignmentLeftToRight';
-export { AlignmentRightToLeft } from './AlignmentRightToLeft';
-export { AllSides } from './AllSides';
-export { AppearClick } from './AppearClick';
-export { AppearHover } from './AppearHover';
-export { ArcEntrance } from './ArcEntrance';
-export { ArcScroll } from './ArcScroll';
-export { AreaChart } from './AreaChart';
-export { Aspect11 } from './Aspect11';
-export { Aspect11Image } from './Aspect11Image';
-export { Aspect12 } from './Aspect12';
-export { Aspect169 } from './Aspect169';
-export { Aspect169Image } from './Aspect169Image';
-export { Aspect23 } from './Aspect23';
-export { Aspect23Image } from './Aspect23Image';
-export { Aspect32 } from './Aspect32';
-export { Aspect32Image } from './Aspect32Image';
-export { Aspect34 } from './Aspect34';
-export { Aspect34Image } from './Aspect34Image';
-export { Aspect3DSection } from './Aspect3DSection';
-export { Aspect3DSpinScroll } from './Aspect3DSpinScroll';
-export { Aspect43 } from './Aspect43';
-export { Aspect43Image } from './Aspect43Image';
-export { Aspect45 } from './Aspect45';
-export { Aspect45Image } from './Aspect45Image';
-export { Aspect54 } from './Aspect54';
-export { Aspect54Image } from './Aspect54Image';
-export { Aspect916 } from './Aspect916';
-export { Aspect916Image } from './Aspect916Image';
-export { BlankImage } from './BlankImage';
-export { BlankSection } from './BlankSection';
-export { BlankSectionOutline } from './BlankSectionOutline';
-export { BlankSectionOutlineSmall } from './BlankSectionOutlineSmall';
-export { BlankSectionSmall } from './BlankSectionSmall';
-export { BlobMouse } from './BlobMouse';
-export { BlobsDivider } from './BlobsDivider';
-export { Blur } from './Blur';
-export { BlurAnimation } from './BlurAnimation';
-export { BlurScroll } from './BlurScroll';
-export { Bottom } from './Bottom';
-export { Bounce } from './Bounce';
-export { BounceAnimation } from './BounceAnimation';
-export { BounceEntrance } from './BounceEntrance';
-export { BounceLoop } from './BounceLoop';
-export { Brandbook } from './Brandbook';
-export { BreathAnimation } from './BreathAnimation';
-export { BreathLoop } from './BreathLoop';
-export { BrushDivider } from './BrushDivider';
-export { ButtonStyleFilled } from './ButtonStyleFilled';
-export { ButtonStyleOutlined } from './ButtonStyleOutlined';
-export { ButtonStylePillFilled } from './ButtonStylePillFilled';
-export { ButtonStylePillOutlined } from './ButtonStylePillOutlined';
-export { ChooseTheLayoutGrid } from './ChooseTheLayoutGrid';
-export { CircleImage } from './CircleImage';
-export { CircleMarker } from './CircleMarker';
-export { ClockWipe } from './ClockWipe';
-export { CloseupSection } from './CloseupSection';
-export { CloudsDivider } from './CloudsDivider';
-export { ColorAnimation } from './ColorAnimation';
-export { ColorClick } from './ColorClick';
-export { ColorHover } from './ColorHover';
-export { ColorTransition } from './ColorTransition';
-export { CrossLoop } from './CrossLoop';
-export { Cube } from './Cube';
-export { CustomImage } from './CustomImage';
-export { DartScroll } from './DartScroll';
-export { DesignedSection } from './DesignedSection';
-export { DesignedSectionSmall } from './DesignedSectionSmall';
-export { Doc } from './Doc';
-export { DonutChart } from './DonutChart';
-export { Drop } from './Drop';
-export { DunesDivider } from './DunesDivider';
-export { ElipseDivider } from './ElipseDivider';
-export { EllipseImage } from './EllipseImage';
-export { EmptyPage } from './EmptyPage';
-export { EmptyPageImage } from './EmptyPageImage';
-export { EventInfo } from './EventInfo';
-export { ExpandAnimation } from './ExpandAnimation';
-export { ExpandClick } from './ExpandClick';
-export { ExpandHover } from './ExpandHover';
-export { ExpandScroll } from './ExpandScroll';
-export { FacebookCover } from './FacebookCover';
-export { FacebookPost } from './FacebookPost';
-export { FacebookStory } from './FacebookStory';
-export { Fade } from './Fade';
-export { FadeAnimation } from './FadeAnimation';
-export { FadeBackSection } from './FadeBackSection';
-export { FadeClick } from './FadeClick';
-export { FadeHover } from './FadeHover';
-export { FadeScroll } from './FadeScroll';
-export { FadeSection } from './FadeSection';
-export { FillParallaxScroll } from './FillParallaxScroll';
-export { FillReveal } from './FillReveal';
-export { FlapLoop } from './FlapLoop';
-export { FlashAnimation } from './FlashAnimation';
-export { FlashLoop } from './FlashLoop';
-export { Flip } from './Flip';
-export { FlipAnimation } from './FlipAnimation';
-export { FlipLoop } from './FlipLoop';
-export { FlipScroll } from './FlipScroll';
-export { FloatEntrance } from './FloatEntrance';
-export { FloatingCardsAnimation } from './FloatingCardsAnimation';
-export { FluidImage } from './FluidImage';
-export { Fold } from './Fold';
-export { FoldAnimation } from './FoldAnimation';
-export { Form } from './Form';
-export { Freeform } from './Freeform';
-export { FreeformImage } from './FreeformImage';
-export { GenerateWithAI } from './GenerateWithAI';
-export { GenerateWithAIOutline } from './GenerateWithAIOutline';
-export { GenerateWithAIOutlineSmall } from './GenerateWithAIOutlineSmall';
-export { GenerateWithAISmall } from './GenerateWithAISmall';
-export { GlideEntrance } from './GlideEntrance';
-export { GlitchAnimation } from './GlitchAnimation';
-export { GrowEntrance } from './GrowEntrance';
-export { HeartImage } from './HeartImage';
-export { HexagonalImage } from './HexagonalImage';
-export { HillDivider } from './HillDivider';
-export { HorizontalBarChart } from './HorizontalBarChart';
-export { HorizontalBarGroupedChart } from './HorizontalBarGroupedChart';
-export { ImageLayoutBlank } from './ImageLayoutBlank';
-export { ImageLayoutLarge } from './ImageLayoutLarge';
-export { ImageLayoutSingleColumn } from './ImageLayoutSingleColumn';
-export { ImageLayoutThumbnail } from './ImageLayoutThumbnail';
-export { ImageLayoutTwoColumn } from './ImageLayoutTwoColumn';
-export { ImagePositionBottom } from './ImagePositionBottom';
-export { ImagePositionLeft } from './ImagePositionLeft';
-export { ImagePositionRight } from './ImagePositionRight';
-export { ImagePositionTop } from './ImagePositionTop';
-export { ImageRatio11 } from './ImageRatio11';
-export { ImageRatio169 } from './ImageRatio169';
-export { InstagramPost } from './InstagramPost';
-export { InstagramReel } from './InstagramReel';
-export { InstagramStory } from './InstagramStory';
-export { InvertedElipseDivider } from './InvertedElipseDivider';
-export { Iris } from './Iris';
-export { JelloLoop } from './JelloLoop';
-export { LandscapeFrame } from './LandscapeFrame';
-export { LayeredElipseDivider } from './LayeredElipseDivider';
-export { LayoutCards } from './LayoutCards';
-export { LayoutCarousel } from './LayoutCarousel';
-export { LayoutList } from './LayoutList';
-export { LayoutSideBySide } from './LayoutSideBySide';
-export { LayoutSidebar } from './LayoutSidebar';
-export { LayoutSingleColumn } from './LayoutSingleColumn';
-export { LayoutTwoColumn } from './LayoutTwoColumn';
-export { LeftWaveDivider } from './LeftWaveDivider';
-export { LetterTwist } from './LetterTwist';
-export { LineChart } from './LineChart';
-export { Lines } from './Lines';
-export { LinkedInBanner } from './LinkedInBanner';
-export { LiquidDivider } from './LiquidDivider';
-export { Logo } from './Logo';
-export { Marker } from './Marker';
-export { Marquee } from './Marquee';
-export { MoveClick } from './MoveClick';
-export { MoveHorizontalHover } from './MoveHorizontalHover';
-export { MoveScroll } from './MoveScroll';
-export { MultiAreaChart } from './MultiAreaChart';
-export { MultiLineChart } from './MultiLineChart';
-export { ObscureMouse } from './ObscureMouse';
-export { OnImage } from './OnImage';
-export { OpticalillusionDivider } from './OpticalillusionDivider';
-export { Original } from './Original';
-export { OriginalImage } from './OriginalImage';
-export { PageNumbers } from './PageNumbers';
-export { PaintDivider } from './PaintDivider';
-export { PaintScribbleDivider } from './PaintScribbleDivider';
-export { PanSection } from './PanSection';
-export { ParallaxScroll } from './ParallaxScroll';
-export { ParallaxSection } from './ParallaxSection';
-export { PeaksDivider } from './PeaksDivider';
-export { PentagonImage } from './PentagonImage';
-export { PieChart } from './PieChart';
-export { PixelsDivider } from './PixelsDivider';
-export { PlantsDivider } from './PlantsDivider';
-export { PokeLoop } from './PokeLoop';
-export { PortraitFrame } from './PortraitFrame';
-export { PresetCollage } from './PresetCollage';
-export { PresetFeatured } from './PresetFeatured';
-export { PresetGrid } from './PresetGrid';
-export { PresetMasonry } from './PresetMasonry';
-export { PresetRows } from './PresetRows';
-export { PresetSlider } from './PresetSlider';
-export { PresetSlideshow } from './PresetSlideshow';
-export { PresetSquares } from './PresetSquares';
-export { PresetThumbnails } from './PresetThumbnails';
-export { PullBackSection } from './PullBackSection';
-export { PulseLoop } from './PulseLoop';
-export { RSVPInvite } from './RSVPInvite';
-export { ResizeMouse } from './ResizeMouse';
-export { ResizeOptionsCrop } from './ResizeOptionsCrop';
-export { ResizeOptionsFit } from './ResizeOptionsFit';
-export { Reveal } from './Reveal';
-export { RevealAnimation } from './RevealAnimation';
-export { RevealScroll } from './RevealScroll';
-export { RevealSection } from './RevealSection';
-export { RhombusImage } from './RhombusImage';
-export { RightWaveDivider } from './RightWaveDivider';
-export { Roll } from './Roll';
-export { RotateClick } from './RotateClick';
-export { RotateHover } from './RotateHover';
-export { RotateSection } from './RotateSection';
-export { RubberMouse } from './RubberMouse';
-export { ScrollEffectsDisappear } from './ScrollEffectsDisappear';
-export { ScrollEffectsFadeOut } from './ScrollEffectsFadeOut';
-export { ScrollEffectsMoveWithPage } from './ScrollEffectsMoveWithPage';
-export { ScrollEffectsStayFixed } from './ScrollEffectsStayFixed';
-export { SemiCirclesDivider } from './SemiCirclesDivider';
-export { SemiElipseDivider } from './SemiElipseDivider';
-export { ShapeEntrance } from './ShapeEntrance';
-export { ShapeRectangle } from './ShapeRectangle';
-export { ShapeRound } from './ShapeRound';
-export { ShapeScroll } from './ShapeScroll';
-export { ShapeSquare } from './ShapeSquare';
-export { Shrink } from './Shrink';
-export { ShrinkClick } from './ShrinkClick';
-export { ShrinkHover } from './ShrinkHover';
-export { ShrinkScroll } from './ShrinkScroll';
-export { Shuffle } from './Shuffle';
-export { ShuttersAnimation } from './ShuttersAnimation';
-export { ShuttersScroll } from './ShuttersScroll';
-export { Skew3DMouse } from './Skew3DMouse';
-export { SkewClick } from './SkewClick';
-export { SkewHover } from './SkewHover';
-export { SkewSection } from './SkewSection';
-export { Slide } from './Slide';
-export { SlideAnimation } from './SlideAnimation';
-export { SlideScroll } from './SlideScroll';
-export { Slides } from './Slides';
-export { SnakeTrailAnimation } from './SnakeTrailAnimation';
-export { SpinAnimation } from './SpinAnimation';
-export { SpinLoop } from './SpinLoop';
-export { SpinScroll } from './SpinScroll';
-export { SquareFrame } from './SquareFrame';
-export { Stagger } from './Stagger';
-export { StarImage } from './StarImage';
-export { StartWithData } from './StartWithData';
-export { StretchScroll } from './StretchScroll';
-export { StripesDivider } from './StripesDivider';
-export { Swap } from './Swap';
-export { SwingLoop } from './SwingLoop';
-export { SwivelMouse } from './SwivelMouse';
-export { TextEntrance } from './TextEntrance';
-export { TextPath } from './TextPath';
-export { Tilt3DMouse } from './Tilt3DMouse';
-export { TiltAnimation } from './TiltAnimation';
-export { TiltDivider } from './TiltDivider';
-export { TiltEntrance } from './TiltEntrance';
-export { TiltScroll } from './TiltScroll';
-export { Track3DMouse } from './Track3DMouse';
-export { TrackMouse } from './TrackMouse';
-export { TriangleDivider } from './TriangleDivider';
-export { TriangularImage } from './TriangularImage';
-export { TurnEntrance } from './TurnEntrance';
-export { TurnScroll } from './TurnScroll';
-export { TwistClick } from './TwistClick';
-export { TwistHover } from './TwistHover';
-export { TypeWriter } from './TypeWriter';
-export { Underline } from './Underline';
-export { VerticalBarChart } from './VerticalBarChart';
-export { VerticalBarGroupedChart } from './VerticalBarGroupedChart';
-export { VideoLink } from './VideoLink';
-export { VideoMobileHorizontal } from './VideoMobileHorizontal';
-export { VideoMobileVertical } from './VideoMobileVertical';
-export { WavesDivider } from './WavesDivider';
-export { WhatsappStatus } from './WhatsappStatus';
-export { WiggleLoop } from './WiggleLoop';
-export { WindowImage } from './WindowImage';
-export { WinkEntrance } from './WinkEntrance';
-export { WordTwist } from './WordTwist';
-export { XPost } from './XPost';
-export { YoutubeBanner } from './YoutubeBanner';
-export { YoutubeThumbnail } from './YoutubeThumbnail';
-export { ZoomSection } from './ZoomSection';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
   "scripts": {
@@ -9,10 +9,22 @@
     "test": "vitest run"
   },
   "devDependencies": {
+    "@typescript-eslint/parser": "^8.58.1",
     "@wix/design-system-tokens": "1.211.0",
+    "dom-serializer": "^1.0.1",
+    "domutils": "^2.8.0",
     "esbuild": "^0.25.0",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jsdoc": "^50.6.3",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.0.0",
+    "htmlparser2": "^6.1.0",
     "svgo": "^3.3.2",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.58.0",
     "vitest": "^4.1.3"
   },
   "peerDependencies": {
@@ -41,5 +53,5 @@
     "access": "public"
   },
   "packageManager": "yarn@4.0.2",
-  "falconPackageHash": "1843778cd0eebeb084420b369fd635011551544e306987211d088a08"
+  "falconPackageHash": "c2f12cbdd1716c8ebc29ae0dc03842884598f093a80ba849999bd3cf"
 }

package/src/AngledTriangleDivider.svg

@@ -0,0 +1,28 @@
+<svg width="97" height="51" viewBox="0 0 97 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_676_22903)">
+<mask id="mask0_676_22903" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="27" width="97" height="24">
+<path d="M96.8819 50.996L22.6746 27.8546L0.0235457 50.996H96.8819Z" fill="#0070FF"/>
+</mask>
+<g mask="url(#mask0_676_22903)">
+<rect x="-16.7998" y="-0.43952" width="130.505" height="51.8776" fill="#002291"/>
+<g filter="url(#filter0_f_676_22903)">
+<path d="M139.588 49.8923L23.0887 13.5623L-12.4714 49.8923H139.588Z" fill="url(#paint0_linear_676_22903)"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_676_22903" x="-27.5406" y="-1.50693" width="182.198" height="66.4695" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_676_22903"/>
+</filter>
+<linearGradient id="paint0_linear_676_22903" x1="118.022" y1="16.8233" x2="106.443" y2="78.6653" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_676_22903">
+<rect width="96.9008" height="51.0005" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/AvatarCircle.svg

@@ -0,0 +1,32 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1164_9514)">
+<g opacity="0.5">
+<g clip-path="url(#clip1_1164_9514)">
+<rect x="16" y="16" width="40" height="40" rx="19.5027" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9514)">
+<path d="M38.9116 0.524076C37.4168 0.821238 35.9411 1.23343 34.5038 1.76065C28.6011 3.94624 23.3692 8.10651 19.9195 13.9635C12.0333 27.3358 16.422 44.4658 29.7222 52.2207C43.0224 59.9757 60.1939 55.4128 68.0801 42.0405C75.9663 28.6586 71.5776 11.5287 58.287 3.78328C52.2118 0.236499 45.3413 -0.731675 38.9116 0.524076Z" fill="url(#paint0_linear_1164_9514)"/>
+</g>
+</g>
+</g>
+<circle cx="36" cy="32" r="8" fill="#002296"/>
+<circle cx="36" cy="62" r="20" fill="#002296"/>
+</g>
+<defs>
+<filter id="filter0_f_1164_9514" x="4" y="-12" width="80" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9514"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9514" x1="64.0578" y1="5.02654" x2="16.1548" y2="66.153" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9514">
+<rect x="16" y="16" width="40" height="40" rx="20" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1164_9514">
+<rect x="16" y="16" width="40" height="40" rx="19.5027" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/AvatarSquare.svg

@@ -0,0 +1,32 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1164_9528)">
+<g opacity="0.5">
+<g clip-path="url(#clip1_1164_9528)">
+<rect width="40" height="40" rx="3" transform="matrix(-1 8.74228e-08 8.74228e-08 1 56 16)" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9528)">
+<path d="M72 56L72 0L16 -6.67793e-07L16 56L72 56Z" fill="url(#paint0_linear_1164_9528)"/>
+</g>
+</g>
+</g>
+<circle cx="36" cy="32" r="8" fill="#002296"/>
+<circle cx="36" cy="62" r="20" fill="#002296"/>
+</g>
+<defs>
+<filter id="filter0_f_1164_9528" x="10" y="-6" width="68" height="68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1164_9528"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9528" x1="66.9735" y1="7.94221" x2="5.84703" y2="55.8452" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9528">
+<rect x="16" y="16" width="40" height="40" rx="3" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1164_9528">
+<rect width="40" height="40" rx="3" transform="matrix(-1 8.74228e-08 8.74228e-08 1 56 16)" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/BlogEditorial.svg

@@ -0,0 +1,26 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1164_9574)">
+<rect x="14" y="20" width="44" height="32" rx="3" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9574)">
+<rect x="14" width="58" height="52" fill="url(#paint0_linear_1164_9574)"/>
+</g>
+</g>
+<path d="M27 19L29 19L29 53L27 53L27 19Z" fill="#F8F6F6"/>
+<path d="M43 19L45 19L45 53L43 53L43 19Z" fill="#F8F6F6"/>
+<path d="M59 35V37H13V35H59Z" fill="#F8F6F6"/>
+<defs>
+<filter id="filter0_f_1164_9574" x="2" y="-12" width="82" height="76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9574"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9574" x1="63.7741" y1="4.6675" x2="20.6773" y2="66.0066" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9574">
+<rect x="14" y="20" width="44" height="32" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/BlogFullPost.svg

@@ -0,0 +1,49 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="14" y="14" width="44" height="44" rx="3" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g>
+<g opacity="0.5">
+<g clip-path="url(#clip0_1164_9615)">
+<rect width="44" height="44" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 14 14)" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9615)">
+<path d="M72 58L72 -3.8147e-06L14 -1.27944e-06L14 58L72 58Z" fill="url(#paint0_linear_1164_9615)"/>
+</g>
+</g>
+</g>
+<g clip-path="url(#clip1_1164_9615)">
+<rect width="12" height="38" rx="3" transform="matrix(-4.31207e-08 1 1 4.43102e-08 17 28)" fill="#002291"/>
+<g filter="url(#filter1_f_1164_9615)">
+<path d="M72 40L72 -3.8147e-06L17 -1.4435e-06L17 40L72 40Z" fill="url(#paint1_linear_1164_9615)"/>
+</g>
+</g>
+<path d="M28 20V21H20V20H28Z" fill="#002296"/>
+<path d="M36 24V25H20V24H36Z" fill="#002296"/>
+<path d="M52 47V48H20V47H52Z" fill="#002296"/>
+<path d="M52 43V44H20V43H52Z" fill="#002296"/>
+<path d="M36 51V52H20V51H36Z" fill="#002296"/>
+<defs>
+<filter id="filter0_f_1164_9615" x="2" y="-12" width="82" height="82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9615"/>
+</filter>
+<filter id="filter1_f_1164_9615" x="11" y="-6" width="67" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1164_9615"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9615" x1="66.7939" y1="8.22586" x2="3.48442" y2="57.8397" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1164_9615" x1="67.0632" y1="5.67301" x2="22.2229" y2="53.9905" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9615">
+<rect width="44" height="44" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 14 14)" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1164_9615">
+<rect width="12" height="38" rx="3" transform="matrix(-4.31207e-08 1 1 4.43102e-08 17 28)" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/BlogMagazine.svg

@@ -0,0 +1,25 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1164_9602)">
+<rect x="14" y="14" width="44" height="44" rx="3" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9602)">
+<rect x="14" width="58" height="58" fill="url(#paint0_linear_1164_9602)"/>
+</g>
+</g>
+<path d="M59 35V37L13 37V35L59 35Z" fill="#F8F6F6"/>
+<path d="M35 13L37 13L37 59L35 59L35 13Z" fill="#F8F6F6"/>
+<defs>
+<filter id="filter0_f_1164_9602" x="2" y="-12" width="82" height="82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9602"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9602" x1="63.7741" y1="5.20606" x2="14.1603" y2="68.5156" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9602">
+<rect x="14" y="14" width="44" height="44" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/BlogOneColumn.svg

@@ -0,0 +1,32 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="14" y="14" width="44" height="44" rx="3" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g>
+<g opacity="0.5">
+<g clip-path="url(#clip0_1164_9635)">
+<rect width="44" height="44" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 14 14)" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9635)">
+<path d="M72 58L72 -3.8147e-06L14 -1.27944e-06L14 58L72 58Z" fill="url(#paint0_linear_1164_9635)"/>
+</g>
+</g>
+</g>
+<path d="M32 20V21H20V20H32Z" fill="#002296"/>
+<path d="M52 24V25H20V24H52Z" fill="#002296"/>
+<path d="M52 28V29H20V28H52Z" fill="#002296"/>
+<path d="M36 32V33H20V32H36Z" fill="#002296"/>
+<path d="M52 51V52H20V51H52Z" fill="#002296"/>
+<path d="M32 47V48H20V47H32Z" fill="#002296"/>
+<rect x="13" y="39" width="46" height="2" fill="#F8F6F6"/>
+<defs>
+<filter id="filter0_f_1164_9635" x="2" y="-12" width="82" height="82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9635"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9635" x1="66.7939" y1="8.22586" x2="3.48442" y2="57.8397" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9635">
+<rect width="44" height="44" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 14 14)" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/BlogTag.svg

@@ -0,0 +1,23 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.8673 42H24.1153V32.88H20.6753V30.56H30.3073V32.88H26.8673V42ZM40.7512 42H37.7912L37.0392 39.92H32.3832L31.6312 42H28.7672L33.2312 30.56H36.2872L40.7512 42ZM33.2312 37.632H36.2072L34.7192 33.536L33.2312 37.632ZM51.9993 42H49.4713V40.88C48.7353 41.7973 47.6686 42.256 46.2713 42.256C45.45 42.256 44.682 42.1173 43.9673 41.84C43.2633 41.552 42.6446 41.1467 42.1113 40.624C41.5886 40.0907 41.178 39.456 40.8793 38.72C40.5913 37.984 40.4473 37.168 40.4473 36.272C40.4473 35.408 40.602 34.6133 40.9113 33.888C41.2206 33.1627 41.6526 32.5333 42.2073 32C42.7726 31.4667 43.4393 31.0507 44.2073 30.752C44.9753 30.4533 45.8126 30.304 46.7193 30.304C47.7433 30.304 48.682 30.5013 49.5353 30.896C50.3886 31.2907 51.0766 31.8027 51.5993 32.432L49.8393 34.24C49.4873 33.7707 49.034 33.4027 48.4793 33.136C47.9353 32.8587 47.3486 32.72 46.7193 32.72C46.0686 32.72 45.4873 32.8747 44.9753 33.184C44.4633 33.4827 44.0633 33.8987 43.7753 34.432C43.4873 34.9653 43.3433 35.5787 43.3433 36.272C43.3433 36.9867 43.4873 37.616 43.7753 38.16C44.0633 38.704 44.4633 39.1307 44.9753 39.44C45.4873 39.7493 46.074 39.904 46.7353 39.904C47.3113 39.904 47.8393 39.7973 48.3193 39.584C48.7993 39.3707 49.178 39.04 49.4553 38.592V37.712H46.5433V35.552H51.9993V42Z" fill="#002291"/>
+<mask id="mask0_1164_9673" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="30" width="32" height="13">
+<path d="M26.8673 42H24.1153V32.88H20.6753V30.56H30.3073V32.88H26.8673V42ZM40.7512 42H37.7912L37.0392 39.92H32.3832L31.6312 42H28.7672L33.2312 30.56H36.2872L40.7512 42ZM33.2312 37.632H36.2072L34.7192 33.536L33.2312 37.632ZM51.9993 42H49.4713V40.88C48.7353 41.7973 47.6686 42.256 46.2713 42.256C45.45 42.256 44.682 42.1173 43.9673 41.84C43.2633 41.552 42.6446 41.1467 42.1113 40.624C41.5886 40.0907 41.178 39.456 40.8793 38.72C40.5913 37.984 40.4473 37.168 40.4473 36.272C40.4473 35.408 40.602 34.6133 40.9113 33.888C41.2206 33.1627 41.6526 32.5333 42.2073 32C42.7726 31.4667 43.4393 31.0507 44.2073 30.752C44.9753 30.4533 45.8126 30.304 46.7193 30.304C47.7433 30.304 48.682 30.5013 49.5353 30.896C50.3886 31.2907 51.0766 31.8027 51.5993 32.432L49.8393 34.24C49.4873 33.7707 49.034 33.4027 48.4793 33.136C47.9353 32.8587 47.3486 32.72 46.7193 32.72C46.0686 32.72 45.4873 32.8747 44.9753 33.184C44.4633 33.4827 44.0633 33.8987 43.7753 34.432C43.4873 34.9653 43.3433 35.5787 43.3433 36.272C43.3433 36.9867 43.4873 37.616 43.7753 38.16C44.0633 38.704 44.4633 39.1307 44.9753 39.44C45.4873 39.7493 46.074 39.904 46.7353 39.904C47.3113 39.904 47.8393 39.7973 48.3193 39.584C48.7993 39.3707 49.178 39.04 49.4553 38.592V37.712H46.5433V35.552H51.9993V42Z" fill="#002291"/>
+</mask>
+<g mask="url(#mask0_1164_9673)">
+<g filter="url(#filter0_f_1164_9673)">
+<path d="M20 0H72V42H20V0Z" fill="url(#paint0_linear_1164_9673)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1164_9673" x="14" y="-6" width="64" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1164_9673"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9673" x1="64.6251" y1="3.7699" x2="31.1838" y2="56.6027" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAEFF1"/>
+<stop offset="0.5" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002296"/>
+</linearGradient>
+</defs>
+</svg>

package/src/BlogTagButton.svg

@@ -0,0 +1,44 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="11" y="20" width="50" height="32" rx="3" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g>
+<g opacity="0.5">
+<g clip-path="url(#clip0_1164_9655)">
+<rect width="32" height="50" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 11 20)" fill="#002291"/>
+<g filter="url(#filter0_f_1164_9655)">
+<path d="M72 52L72 -3.8147e-06L11 -1.1483e-06L11 52L72 52Z" fill="url(#paint0_linear_1164_9655)"/>
+</g>
+</g>
+</g>
+<path d="M26.8673 42H24.1153V32.88H20.6753V30.56H30.3073V32.88H26.8673V42ZM40.7512 42H37.7912L37.0392 39.92H32.3832L31.6312 42H28.7672L33.2312 30.56H36.2872L40.7512 42ZM33.2312 37.632H36.2072L34.7192 33.536L33.2312 37.632ZM51.9993 42H49.4713V40.88C48.7353 41.7973 47.6686 42.256 46.2713 42.256C45.45 42.256 44.682 42.1173 43.9673 41.84C43.2633 41.552 42.6446 41.1467 42.1113 40.624C41.5886 40.0907 41.178 39.456 40.8793 38.72C40.5913 37.984 40.4473 37.168 40.4473 36.272C40.4473 35.408 40.602 34.6133 40.9113 33.888C41.2206 33.1627 41.6526 32.5333 42.2073 32C42.7726 31.4667 43.4393 31.0507 44.2073 30.752C44.9753 30.4533 45.8126 30.304 46.7193 30.304C47.7433 30.304 48.682 30.5013 49.5353 30.896C50.3886 31.2907 51.0766 31.8027 51.5993 32.432L49.8393 34.24C49.4873 33.7707 49.034 33.4027 48.4793 33.136C47.9353 32.8587 47.3486 32.72 46.7193 32.72C46.0686 32.72 45.4873 32.8747 44.9753 33.184C44.4633 33.4827 44.0633 33.8987 43.7753 34.432C43.4873 34.9653 43.3433 35.5787 43.3433 36.272C43.3433 36.9867 43.4873 37.616 43.7753 38.16C44.0633 38.704 44.4633 39.1307 44.9753 39.44C45.4873 39.7493 46.074 39.904 46.7353 39.904C47.3113 39.904 47.8393 39.7973 48.3193 39.584C48.7993 39.3707 49.178 39.04 49.4553 38.592V37.712H46.5433V35.552H51.9993V42Z" fill="#002291"/>
+<mask id="mask0_1164_9655" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="30" width="32" height="13">
+<path d="M26.8673 42H24.1153V32.88H20.6753V30.56H30.3073V32.88H26.8673V42ZM40.7512 42H37.7912L37.0392 39.92H32.3832L31.6312 42H28.7672L33.2312 30.56H36.2872L40.7512 42ZM33.2312 37.632H36.2072L34.7192 33.536L33.2312 37.632ZM51.9993 42H49.4713V40.88C48.7353 41.7973 47.6686 42.256 46.2713 42.256C45.45 42.256 44.682 42.1173 43.9673 41.84C43.2633 41.552 42.6446 41.1467 42.1113 40.624C41.5886 40.0907 41.178 39.456 40.8793 38.72C40.5913 37.984 40.4473 37.168 40.4473 36.272C40.4473 35.408 40.602 34.6133 40.9113 33.888C41.2206 33.1627 41.6526 32.5333 42.2073 32C42.7726 31.4667 43.4393 31.0507 44.2073 30.752C44.9753 30.4533 45.8126 30.304 46.7193 30.304C47.7433 30.304 48.682 30.5013 49.5353 30.896C50.3886 31.2907 51.0766 31.8027 51.5993 32.432L49.8393 34.24C49.4873 33.7707 49.034 33.4027 48.4793 33.136C47.9353 32.8587 47.3486 32.72 46.7193 32.72C46.0686 32.72 45.4873 32.8747 44.9753 33.184C44.4633 33.4827 44.0633 33.8987 43.7753 34.432C43.4873 34.9653 43.3433 35.5787 43.3433 36.272C43.3433 36.9867 43.4873 37.616 43.7753 38.16C44.0633 38.704 44.4633 39.1307 44.9753 39.44C45.4873 39.7493 46.074 39.904 46.7353 39.904C47.3113 39.904 47.8393 39.7973 48.3193 39.584C48.7993 39.3707 49.178 39.04 49.4553 38.592V37.712H46.5433V35.552H51.9993V42Z" fill="#002291"/>
+</mask>
+<g mask="url(#mask0_1164_9655)">
+<g filter="url(#filter1_f_1164_9655)">
+<path d="M20 0H72V42H20V0Z" fill="url(#paint1_linear_1164_9655)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1164_9655" x="-1" y="-12" width="85" height="76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_1164_9655"/>
+</filter>
+<filter id="filter1_f_1164_9655" x="14" y="-6" width="64" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1164_9655"/>
+</filter>
+<linearGradient id="paint0_linear_1164_9655" x1="66.5247" y1="7.37491" x2="8.27592" y2="60.9233" gradientUnits="userSpaceOnUse">
+<stop offset="0.176006" stop-color="#EAEFF1"/>
+<stop offset="0.576923" stop-color="#B8C4FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1164_9655" x1="64.6251" y1="3.7699" x2="31.1838" y2="56.6027" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EAEFF1"/>
+<stop offset="0.5" stop-color="#7896FF"/>
+<stop offset="0.85" stop-color="#002291"/>
+</linearGradient>
+<clipPath id="clip0_1164_9655">
+<rect width="32" height="50" rx="3" transform="matrix(-4.37114e-08 1 1 4.37114e-08 11 20)" fill="white"/>
+</clipPath>
+</defs>
+</svg>