@universal-tennis/ui-shared 0.1.98 → 0.2.0

package/dist/stories/atoms/Icons/Icons.stories.js

@@ -1,304 +1,304 @@
-import React from 'react';
-import AddIcon from './AddIcon';
-import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
-import AvailabilityNoIcon from './AvailabilityNoIcon';
-import AvailabilityYesIcon from './AvailabilityYesIcon';
-import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
-import BallInMotionIcon from './BallInMotionIcon';
-import CalendarIcon from './CalendarIcon';
-import ClockIcon from './ClockIcon';
-import CloseIcon from './CloseIcon';
-import DeleteIcon from './DeleteIcon';
-import DoublePersonIcon from './DoublePersonIcon';
-import EditIcon from './EditIcon';
-import LeftChevronIcon from './LeftChevronIcon';
-import LocationIcon from './LocationIcon';
-import LineIcon from './LineIcon';
-import MessageIcon from './MessageIcon';
-import PickleballBallIcon from './PickleballBallIcon';
-import RightChevronIcon from './RightChevronIcon';
-import SessionIcon from './SessionIcon';
-import SinglePersonIcon from './SinglePersonIcon';
-import SinglePersonV2Icon from './SinglePersonV2Icon';
-import SocialMediaFacebookIcon from './SocialMediaFacebookIcon';
-import SocialMediaInstagramIcon from './SocialMediaInstagramIcon';
-import SocialMediaTikTokIcon from './SocialMediaTikTokIcon';
-import SocialMediaXIcon from './SocialMediaXIcon';
-import SocialMediaYoutubeIcon from './SocialMediaYoutubeIcon';
-import SwapIcon from './SwapIcon';
-import SwapNoBorderIcon from './SwapNoBorderIcon';
-import TennisBallIcon from './TennisBallIcon';
-import VerifiedIcon from './VerifiedIcon';
-import VisibilityIcon from './VisibilityIcon';
-import VisibilityOffIcon from './VisibilityOffIcon';
-import WinnerIndicatorIcon from './WinnerIndicatorIcon';
-// Default
-export default {
-    title: 'Atoms/Icons',
-};
-// Templates
-function AddIconTemplate(args) {
-    return React.createElement(AddIcon, Object.assign({}, args));
-}
-function AvailabilityMaybeIconTemplate(args) {
-    return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
-}
-function AvailabilityNoIconTemplate(args) {
-    return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
-}
-function AvailabilityYesIconTemplate(args) {
-    return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
-}
-function AvailabilityNotSetIconTemplate(args) {
-    return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
-}
-function BallInMotionIconTemplate(args) {
-    return React.createElement(BallInMotionIcon, Object.assign({}, args));
-}
-function CalendarIconTemplate(args) {
-    return React.createElement(CalendarIcon, Object.assign({}, args));
-}
-function ClockIconTemplate(args) {
-    return React.createElement(ClockIcon, Object.assign({}, args));
-}
-function CloseIconTemplate(args) {
-    return React.createElement(CloseIcon, Object.assign({}, args));
-}
-function DeleteIconTemplate(args) {
-    return React.createElement(DeleteIcon, Object.assign({}, args));
-}
-function DoublePersonIconTemplate(args) {
-    return React.createElement(DoublePersonIcon, Object.assign({}, args));
-}
-function EditIconTemplate(args) {
-    return React.createElement(EditIcon, Object.assign({}, args));
-}
-function LeftChevronIconTemplate(args) {
-    return React.createElement(LeftChevronIcon, Object.assign({}, args));
-}
-function LocationIconTemplate(args) {
-    return React.createElement(LocationIcon, Object.assign({}, args));
-}
-function LineIconTemplate(args) {
-    return React.createElement(LineIcon, Object.assign({}, args));
-}
-function MessageIconTemplate(args) {
-    return React.createElement(MessageIcon, Object.assign({}, args));
-}
-function PickleballBallIconTemplate(args) {
-    return React.createElement(PickleballBallIcon, Object.assign({}, args));
-}
-function RightChevronIconTemplate(args) {
-    return React.createElement(RightChevronIcon, Object.assign({}, args));
-}
-function SessionIconTemplate(args) {
-    return React.createElement(SessionIcon, Object.assign({}, args));
-}
-function SinglePersonIconTemplate(args) {
-    return React.createElement(SinglePersonIcon, Object.assign({}, args));
-}
-function SinglePersonV2IconTemplate(args) {
-    return React.createElement(SinglePersonV2Icon, Object.assign({}, args));
-}
-function SocialMediaFacebookIconTemplate(args) {
-    return React.createElement(SocialMediaFacebookIcon, Object.assign({}, args));
-}
-function SocialMediaInstagramIconTemplate(args) {
-    return React.createElement(SocialMediaInstagramIcon, Object.assign({}, args));
-}
-function SocialMediaTikTokIconTemplate(args) {
-    return React.createElement(SocialMediaTikTokIcon, Object.assign({}, args));
-}
-function SocialMediaXIconTemplate(args) {
-    return React.createElement(SocialMediaXIcon, Object.assign({}, args));
-}
-function SocialMediaYoutubeIconTemplate(args) {
-    return React.createElement(SocialMediaYoutubeIcon, Object.assign({}, args));
-}
-function SwapIconTemplate(args) {
-    return React.createElement(SwapIcon, Object.assign({}, args));
-}
-function SwapNoBorderIconTemplate(args) {
-    return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
-}
-function TennisBallIconTemplate(args) {
-    return React.createElement(TennisBallIcon, Object.assign({}, args));
-}
-function VerifiedIconTemplate(args) {
-    return React.createElement(VerifiedIcon, Object.assign({}, args));
-}
-function VisibilityIconTemplate(args) {
-    return React.createElement(VisibilityIcon, Object.assign({}, args));
-}
-function VisibilityOffIconTemplate(args) {
-    return React.createElement(VisibilityOffIcon, Object.assign({}, args));
-}
-function WinnerIndicatorIconTemplate(args) {
-    return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
-}
-// Stories
-export const Add = AddIconTemplate.bind({});
-Add.args = {
-    size: 150,
-    color: 'navy'
-};
-export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
-AvailabilityMaybe.args = {
-    size: 150,
-    color: 'orange'
-};
-export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
-AvailabilityNo.args = {
-    size: 150,
-    color: 'red'
-};
-export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
-AvailabilityYes.args = {
-    size: 150,
-    color: 'green'
-};
-export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
-AvailabilityNotSet.args = {
-    size: 150,
-    color: 'green'
-};
-export const BallInMotion = BallInMotionIconTemplate.bind({});
-BallInMotion.args = {
-    size: 150,
-    color: 'green'
-};
-export const Calendar = CalendarIconTemplate.bind({});
-Calendar.args = {
-    size: 150,
-    color: 'green'
-};
-export const Clock = ClockIconTemplate.bind({});
-Clock.args = {
-    size: 150,
-    color: 'maroon'
-};
-export const Close = CloseIconTemplate.bind({});
-Close.args = {
-    size: 150,
-    color: 'purple'
-};
-export const Delete = DeleteIconTemplate.bind({});
-Delete.args = {
-    size: 150,
-    color: 'orange'
-};
-export const DoublePerson = DoublePersonIconTemplate.bind({});
-DoublePerson.args = {
-    height: 150,
-    width: 200,
-    color: 'red'
-};
-export const Edit = EditIconTemplate.bind({});
-Edit.args = {
-    size: 150,
-    color: 'green'
-};
-export const LeftChevron = LeftChevronIconTemplate.bind({});
-LeftChevron.args = {
-    size: 150,
-    color: 'grey'
-};
-export const RightChevron = RightChevronIconTemplate.bind({});
-RightChevron.args = {
-    size: 150,
-    color: 'grey'
-};
-export const Location = LocationIconTemplate.bind({});
-Location.args = {
-    size: 150,
-    color: 'grey'
-};
-export const Line = LineIconTemplate.bind({});
-Line.args = {
-    width: 80,
-    height: 2,
-    color: 'grey'
-};
-export const Message = MessageIconTemplate.bind({});
-Message.args = {
-    size: 150,
-    color: 'teal'
-};
-export const Session = SessionIconTemplate.bind({});
-Session.args = {
-    size: 150,
-    color: 'red'
-};
-export const SinglePerson = SinglePersonIconTemplate.bind({});
-SinglePerson.args = {
-    size: 150,
-    color: 'red'
-};
-export const SinglePersonV2 = SinglePersonV2IconTemplate.bind({});
-SinglePersonV2.args = {
-    size: 150,
-    color: 'red'
-};
-export const FacebookIcon = SocialMediaFacebookIconTemplate.bind({});
-FacebookIcon.args = {
-    size: 150,
-    color: 'blue'
-};
-export const InstagramIcon = SocialMediaInstagramIconTemplate.bind({});
-InstagramIcon.args = {
-    size: 150,
-    color: 'green'
-};
-export const TikTokIcon = SocialMediaTikTokIconTemplate.bind({});
-TikTokIcon.args = {
-    size: 150,
-    color: 'pink'
-};
-export const XIcon = SocialMediaXIconTemplate.bind({});
-XIcon.args = {
-    size: 150,
-    color: 'black'
-};
-export const YoutubeIcon = SocialMediaYoutubeIconTemplate.bind({});
-YoutubeIcon.args = {
-    size: 150,
-    color: 'brown'
-};
-export const Swap = SwapIconTemplate.bind({});
-Swap.args = {
-    size: 150,
-    color: 'blue'
-};
-export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
-SwapNoBorder.args = {
-    size: 150,
-    color: 'blue'
-};
-export const TennisBall = TennisBallIconTemplate.bind({});
-TennisBall.args = {
-    size: 150
-};
-export const PickleballBall = PickleballBallIconTemplate.bind({});
-PickleballBall.args = {
-    size: 150
-};
-export const Verified = VerifiedIconTemplate.bind({});
-Verified.args = {
-    size: 150,
-    color: 'black'
-};
-export const Visibility = VisibilityIconTemplate.bind({});
-Visibility.args = {
-    size: 150,
-    color: 'black'
-};
-export const VisibilityOff = VisibilityOffIconTemplate.bind({});
-VisibilityOff.args = {
-    size: 150,
-    color: 'black'
-};
-export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
-WinnerIndicator.args = {
-    isBlack: true
-};
+import React from 'react';
+import AddIcon from './AddIcon';
+import AvailabilityMaybeIcon from './AvailabilityMaybeIcon';
+import AvailabilityNoIcon from './AvailabilityNoIcon';
+import AvailabilityYesIcon from './AvailabilityYesIcon';
+import AvailabilityNotSetIcon from './AvailabilityNotSetIcon';
+import BallInMotionIcon from './BallInMotionIcon';
+import CalendarIcon from './CalendarIcon';
+import ClockIcon from './ClockIcon';
+import CloseIcon from './CloseIcon';
+import DeleteIcon from './DeleteIcon';
+import DoublePersonIcon from './DoublePersonIcon';
+import EditIcon from './EditIcon';
+import LeftChevronIcon from './LeftChevronIcon';
+import LocationIcon from './LocationIcon';
+import LineIcon from './LineIcon';
+import MessageIcon from './MessageIcon';
+import PickleballBallIcon from './PickleballBallIcon';
+import RightChevronIcon from './RightChevronIcon';
+import SessionIcon from './SessionIcon';
+import SinglePersonIcon from './SinglePersonIcon';
+import SinglePersonV2Icon from './SinglePersonV2Icon';
+import SocialMediaFacebookIcon from './SocialMediaFacebookIcon';
+import SocialMediaInstagramIcon from './SocialMediaInstagramIcon';
+import SocialMediaTikTokIcon from './SocialMediaTikTokIcon';
+import SocialMediaXIcon from './SocialMediaXIcon';
+import SocialMediaYoutubeIcon from './SocialMediaYoutubeIcon';
+import SwapIcon from './SwapIcon';
+import SwapNoBorderIcon from './SwapNoBorderIcon';
+import TennisBallIcon from './TennisBallIcon';
+import VerifiedIcon from './VerifiedIcon';
+import VisibilityIcon from './VisibilityIcon';
+import VisibilityOffIcon from './VisibilityOffIcon';
+import WinnerIndicatorIcon from './WinnerIndicatorIcon';
+// Default
+export default {
+    title: 'Atoms/Icons',
+};
+// Templates
+function AddIconTemplate(args) {
+    return React.createElement(AddIcon, Object.assign({}, args));
+}
+function AvailabilityMaybeIconTemplate(args) {
+    return React.createElement(AvailabilityMaybeIcon, Object.assign({}, args));
+}
+function AvailabilityNoIconTemplate(args) {
+    return React.createElement(AvailabilityNoIcon, Object.assign({}, args));
+}
+function AvailabilityYesIconTemplate(args) {
+    return React.createElement(AvailabilityYesIcon, Object.assign({}, args));
+}
+function AvailabilityNotSetIconTemplate(args) {
+    return React.createElement(AvailabilityNotSetIcon, Object.assign({}, args));
+}
+function BallInMotionIconTemplate(args) {
+    return React.createElement(BallInMotionIcon, Object.assign({}, args));
+}
+function CalendarIconTemplate(args) {
+    return React.createElement(CalendarIcon, Object.assign({}, args));
+}
+function ClockIconTemplate(args) {
+    return React.createElement(ClockIcon, Object.assign({}, args));
+}
+function CloseIconTemplate(args) {
+    return React.createElement(CloseIcon, Object.assign({}, args));
+}
+function DeleteIconTemplate(args) {
+    return React.createElement(DeleteIcon, Object.assign({}, args));
+}
+function DoublePersonIconTemplate(args) {
+    return React.createElement(DoublePersonIcon, Object.assign({}, args));
+}
+function EditIconTemplate(args) {
+    return React.createElement(EditIcon, Object.assign({}, args));
+}
+function LeftChevronIconTemplate(args) {
+    return React.createElement(LeftChevronIcon, Object.assign({}, args));
+}
+function LocationIconTemplate(args) {
+    return React.createElement(LocationIcon, Object.assign({}, args));
+}
+function LineIconTemplate(args) {
+    return React.createElement(LineIcon, Object.assign({}, args));
+}
+function MessageIconTemplate(args) {
+    return React.createElement(MessageIcon, Object.assign({}, args));
+}
+function PickleballBallIconTemplate(args) {
+    return React.createElement(PickleballBallIcon, Object.assign({}, args));
+}
+function RightChevronIconTemplate(args) {
+    return React.createElement(RightChevronIcon, Object.assign({}, args));
+}
+function SessionIconTemplate(args) {
+    return React.createElement(SessionIcon, Object.assign({}, args));
+}
+function SinglePersonIconTemplate(args) {
+    return React.createElement(SinglePersonIcon, Object.assign({}, args));
+}
+function SinglePersonV2IconTemplate(args) {
+    return React.createElement(SinglePersonV2Icon, Object.assign({}, args));
+}
+function SocialMediaFacebookIconTemplate(args) {
+    return React.createElement(SocialMediaFacebookIcon, Object.assign({}, args));
+}
+function SocialMediaInstagramIconTemplate(args) {
+    return React.createElement(SocialMediaInstagramIcon, Object.assign({}, args));
+}
+function SocialMediaTikTokIconTemplate(args) {
+    return React.createElement(SocialMediaTikTokIcon, Object.assign({}, args));
+}
+function SocialMediaXIconTemplate(args) {
+    return React.createElement(SocialMediaXIcon, Object.assign({}, args));
+}
+function SocialMediaYoutubeIconTemplate(args) {
+    return React.createElement(SocialMediaYoutubeIcon, Object.assign({}, args));
+}
+function SwapIconTemplate(args) {
+    return React.createElement(SwapIcon, Object.assign({}, args));
+}
+function SwapNoBorderIconTemplate(args) {
+    return React.createElement(SwapNoBorderIcon, Object.assign({}, args));
+}
+function TennisBallIconTemplate(args) {
+    return React.createElement(TennisBallIcon, Object.assign({}, args));
+}
+function VerifiedIconTemplate(args) {
+    return React.createElement(VerifiedIcon, Object.assign({}, args));
+}
+function VisibilityIconTemplate(args) {
+    return React.createElement(VisibilityIcon, Object.assign({}, args));
+}
+function VisibilityOffIconTemplate(args) {
+    return React.createElement(VisibilityOffIcon, Object.assign({}, args));
+}
+function WinnerIndicatorIconTemplate(args) {
+    return React.createElement(WinnerIndicatorIcon, Object.assign({}, args));
+}
+// Stories
+export const Add = AddIconTemplate.bind({});
+Add.args = {
+    size: 150,
+    color: 'navy'
+};
+export const AvailabilityMaybe = AvailabilityMaybeIconTemplate.bind({});
+AvailabilityMaybe.args = {
+    size: 150,
+    color: 'orange'
+};
+export const AvailabilityNo = AvailabilityNoIconTemplate.bind({});
+AvailabilityNo.args = {
+    size: 150,
+    color: 'red'
+};
+export const AvailabilityYes = AvailabilityYesIconTemplate.bind({});
+AvailabilityYes.args = {
+    size: 150,
+    color: 'green'
+};
+export const AvailabilityNotSet = AvailabilityNotSetIconTemplate.bind({});
+AvailabilityNotSet.args = {
+    size: 150,
+    color: 'green'
+};
+export const BallInMotion = BallInMotionIconTemplate.bind({});
+BallInMotion.args = {
+    size: 150,
+    color: 'green'
+};
+export const Calendar = CalendarIconTemplate.bind({});
+Calendar.args = {
+    size: 150,
+    color: 'green'
+};
+export const Clock = ClockIconTemplate.bind({});
+Clock.args = {
+    size: 150,
+    color: 'maroon'
+};
+export const Close = CloseIconTemplate.bind({});
+Close.args = {
+    size: 150,
+    color: 'purple'
+};
+export const Delete = DeleteIconTemplate.bind({});
+Delete.args = {
+    size: 150,
+    color: 'orange'
+};
+export const DoublePerson = DoublePersonIconTemplate.bind({});
+DoublePerson.args = {
+    height: 150,
+    width: 200,
+    color: 'red'
+};
+export const Edit = EditIconTemplate.bind({});
+Edit.args = {
+    size: 150,
+    color: 'green'
+};
+export const LeftChevron = LeftChevronIconTemplate.bind({});
+LeftChevron.args = {
+    size: 150,
+    color: 'grey'
+};
+export const RightChevron = RightChevronIconTemplate.bind({});
+RightChevron.args = {
+    size: 150,
+    color: 'grey'
+};
+export const Location = LocationIconTemplate.bind({});
+Location.args = {
+    size: 150,
+    color: 'grey'
+};
+export const Line = LineIconTemplate.bind({});
+Line.args = {
+    width: 80,
+    height: 2,
+    color: 'grey'
+};
+export const Message = MessageIconTemplate.bind({});
+Message.args = {
+    size: 150,
+    color: 'teal'
+};
+export const Session = SessionIconTemplate.bind({});
+Session.args = {
+    size: 150,
+    color: 'red'
+};
+export const SinglePerson = SinglePersonIconTemplate.bind({});
+SinglePerson.args = {
+    size: 150,
+    color: 'red'
+};
+export const SinglePersonV2 = SinglePersonV2IconTemplate.bind({});
+SinglePersonV2.args = {
+    size: 150,
+    color: 'red'
+};
+export const FacebookIcon = SocialMediaFacebookIconTemplate.bind({});
+FacebookIcon.args = {
+    size: 150,
+    color: 'blue'
+};
+export const InstagramIcon = SocialMediaInstagramIconTemplate.bind({});
+InstagramIcon.args = {
+    size: 150,
+    color: 'green'
+};
+export const TikTokIcon = SocialMediaTikTokIconTemplate.bind({});
+TikTokIcon.args = {
+    size: 150,
+    color: 'pink'
+};
+export const XIcon = SocialMediaXIconTemplate.bind({});
+XIcon.args = {
+    size: 150,
+    color: 'black'
+};
+export const YoutubeIcon = SocialMediaYoutubeIconTemplate.bind({});
+YoutubeIcon.args = {
+    size: 150,
+    color: 'brown'
+};
+export const Swap = SwapIconTemplate.bind({});
+Swap.args = {
+    size: 150,
+    color: 'blue'
+};
+export const SwapNoBorder = SwapNoBorderIconTemplate.bind({});
+SwapNoBorder.args = {
+    size: 150,
+    color: 'blue'
+};
+export const TennisBall = TennisBallIconTemplate.bind({});
+TennisBall.args = {
+    size: 150
+};
+export const PickleballBall = PickleballBallIconTemplate.bind({});
+PickleballBall.args = {
+    size: 150
+};
+export const Verified = VerifiedIconTemplate.bind({});
+Verified.args = {
+    size: 150,
+    color: 'black'
+};
+export const Visibility = VisibilityIconTemplate.bind({});
+Visibility.args = {
+    size: 150,
+    color: 'black'
+};
+export const VisibilityOff = VisibilityOffIconTemplate.bind({});
+VisibilityOff.args = {
+    size: 150,
+    color: 'black'
+};
+export const WinnerIndicator = WinnerIndicatorIconTemplate.bind({});
+WinnerIndicator.args = {
+    isBlack: true
+};
 //# sourceMappingURL=Icons.stories.js.map

package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IconProps } from "./sharedTypes";
-export default function LeftChevronIcon({ size, color }: IconProps): JSX.Element;
+import React from "react";
+import { IconProps } from "./sharedTypes";
+export default function LeftChevronIcon({ size, color }: IconProps): React.JSX.Element;

package/dist/stories/atoms/Icons/LeftChevronIcon.js

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from "react";
-export default function LeftChevronIcon({ size, color }) {
-    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z" })));
-}
+/* eslint-disable max-len */
+import React from "react";
+export default function LeftChevronIcon({ size, color }) {
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 8 16", fill: color, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M7.84116 0.134474C7.66171 -0.0330075 7.39178 -0.0429963 7.20168 0.0986352L7.13447 0.158843L0.13447 7.65884C-0.0224142 7.82693 -0.0420246 8.07619 0.0756388 8.26457L0.13447 8.34116L7.13447 15.8412C7.32289 16.043 7.63928 16.0539 7.84116 15.8655C8.0206 15.698 8.04916 15.4294 7.92096 15.23L7.86553 15.1588L1.185 7.999L7.86553 0.841161C8.03301 0.661716 8.043 0.391787 7.90136 0.201687L7.84116 0.134474Z" })));
+}
 //# sourceMappingURL=LeftChevronIcon.js.map

package/dist/stories/atoms/Icons/LineIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IconProps } from './sharedTypes';
-export default function LineIcon({ width, height, color }: IconProps): JSX.Element;
+import React from 'react';
+import { IconProps } from './sharedTypes';
+export default function LineIcon({ width, height, color }: IconProps): React.JSX.Element;

package/dist/stories/atoms/Icons/LineIcon.js

@@ -1,7 +1,7 @@
-/* eslint-disable max-len */
-import React from 'react';
-export default function LineIcon({ width, height, color }) {
-    return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 83 1", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("line", { x1: "83", y1: "0.5", x2: "4.37114e-08", y2: "0.500007", stroke: color })));
-}
+/* eslint-disable max-len */
+import React from 'react';
+export default function LineIcon({ width, height, color }) {
+    return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 83 1", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("line", { x1: "83", y1: "0.5", x2: "4.37114e-08", y2: "0.500007", stroke: color })));
+}
 //# sourceMappingURL=LineIcon.js.map

package/dist/stories/atoms/Icons/LocationIcon.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IconProps } from './sharedTypes';
-export default function LocationIcon({ size, color }: IconProps): JSX.Element;
+import React from 'react';
+import { IconProps } from './sharedTypes';
+export default function LocationIcon({ size, color }: IconProps): React.JSX.Element;