@woosmap/ui 4.221.0 → 4.223.0

package/src/components/Icon/Icon.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Icon from '@/components/Icon/Icon';
+import Icon from './Icon';
 
 const Story = {
     title: 'base/Icon',

package/src/components/Icon/Icon.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import Icon from '@/components/Icon/Icon';
+import Icon from './Icon';
 
 it('renders an icon component', () => {
     const { getByTestId } = render(<Icon icon="marker" size={64} />);

package/src/components/Icon/WebSiteIcon.js

@@ -1,242 +1,242 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import { ReactComponent as MarkerPadLock } from '@/icons/marker-pad-lock.svg';
-import { ReactComponent as MarkerRouteTruck } from '@/icons/marker-route-truck.svg';
-import { ReactComponent as ArrowsMarker } from '@/icons/arrows-marker.svg';
-import { ReactComponent as CloudMarkerArrow } from '@/icons/cloud-marker-arrow.svg';
-import { ReactComponent as SignalMarker } from '@/icons/signal-marker.svg';
-import { ReactComponent as LikeMarker } from '@/icons/like-marker.svg';
-import { ReactComponent as UserCentric } from '@/icons/user-centric.svg';
-import { ReactComponent as CreditCardCheck } from '@/icons/credit-card-check.svg';
-import { ReactComponent as PuzzlesPlus } from '@/icons/puzzles-plus.svg';
-import { ReactComponent as Autocomplete } from '@/icons/autocomplete.svg';
-import { ReactComponent as AutocompleteCheck } from '@/icons/autocomplete-check.svg';
-import { ReactComponent as Automotive } from '@/icons/automotive.svg';
-import { ReactComponent as Buildings } from '@/icons/buildings.svg';
-import { ReactComponent as Battery } from '@/icons/battery.svg';
-import { ReactComponent as Blog } from '@/icons/blog.svg';
-import { ReactComponent as Book } from '@/icons/book.svg';
-import { ReactComponent as Calendar } from '@/icons/calendar.svg';
-import { ReactComponent as Care } from '@/icons/care.svg';
-import { ReactComponent as Cars } from '@/icons/cars.svg';
-import { ReactComponent as Cb } from '@/icons/cb.svg';
-import { ReactComponent as ChatLove } from '@/icons/chat-love.svg';
-import { ReactComponent as ChatConversation } from '@/icons/chat-conversation.svg';
-import { ReactComponent as Circle } from '@/icons/circle.svg';
-import { ReactComponent as Check } from '@/icons/check.svg';
-import { ReactComponent as CheckBig } from '@/icons/check-big.svg';
-import { ReactComponent as CallToAction } from '@/icons/call-to-action.svg';
-import { ReactComponent as Cube } from '@/icons/cube.svg';
-import { ReactComponent as CubeBig } from '@/icons/cube-big.svg';
-import { ReactComponent as CustomersServices } from '@/icons/customers-services.svg';
-import { ReactComponent as Customize } from '@/icons/customize.svg';
-import { ReactComponent as DeliveryTime } from '@/icons/delivery-time.svg';
-import { ReactComponent as DeliveryVan } from '@/icons/delivery-van.svg';
-import { ReactComponent as Demo } from '@/icons/demo.svg';
-import { ReactComponent as Ecommerce } from '@/icons/e-commerce.svg';
-import { ReactComponent as ElectricCharge } from '@/icons/electric-charge.svg';
-import { ReactComponent as Elephant } from '@/icons/elephant.svg';
-import { ReactComponent as EmailContact } from '@/icons/email-contact.svg';
-import { ReactComponent as Equalizer } from '@/icons/equalizer.svg';
-import { ReactComponent as Escalator } from '@/icons/escalator.svg';
-import { ReactComponent as Funnel } from '@/icons/funnel.svg';
-import { ReactComponent as GasPump } from '@/icons/gas-pump.svg';
-import { ReactComponent as Gdpr } from '@/icons/gdpr.svg';
-import { ReactComponent as Github } from '@/icons/github.svg';
-import { ReactComponent as Green } from '@/icons/green.svg';
-import { ReactComponent as Heart } from '@/icons/heart.svg';
-import { ReactComponent as HouseInsurance } from '@/icons/house-insurance.svg';
-import { ReactComponent as IndoorOutdoor } from '@/icons/indoor-outdoor.svg';
-import { ReactComponent as InformationRound } from '@/icons/information-round.svg';
-import { ReactComponent as Institution } from '@/icons/institution.svg';
-import { ReactComponent as Integrations } from '@/icons/integrations.svg';
-import { ReactComponent as Itinerary } from '@/icons/itinerary.svg';
-import { ReactComponent as Like } from '@/icons/like.svg';
-import { ReactComponent as Logistics } from '@/icons/logistics.svg';
-import { ReactComponent as Lotus } from '@/icons/lotus.svg';
-import { ReactComponent as Map3d } from '@/icons/map-3d.svg';
-import { ReactComponent as MapHd } from '@/icons/map-hd.svg';
-import { ReactComponent as MapIndoor } from '@/icons/map-indoor.svg';
-import { ReactComponent as MapLocation } from '@/icons/map-location.svg';
-import { ReactComponent as MapMarkers } from '@/icons/map-markers.svg';
-import { ReactComponent as Markers } from '@/icons/markers.svg';
-import { ReactComponent as MarkerArrow } from '@/icons/marker-arrow.svg';
-import { ReactComponent as MarkerApp } from '@/icons/marker-app.svg';
-import { ReactComponent as MarkerCreditCard } from '@/icons/marker-credit-card.svg';
-import { ReactComponent as MarkerCity } from '@/icons/marker-city.svg';
-import { ReactComponent as MarkerGeofence } from '@/icons/marker-geofence.svg';
-import { ReactComponent as MarkerHouse } from '@/icons/marker-house.svg';
-import { ReactComponent as MarkerInfinite } from '@/icons/markers-infinite.svg';
-import { ReactComponent as MarkerMap } from '@/icons/marker-map.svg';
-import { ReactComponent as MarkerMatrix } from '@/icons/marker-matrix.svg';
-import { ReactComponent as MarkerMultiple } from '@/icons/marker-multiple.svg';
-import { ReactComponent as MarkerPlay } from '@/icons/marker-play.svg';
-import { ReactComponent as MarkerRoad } from '@/icons/marker-road.svg';
-import { ReactComponent as MarkerSearch } from '@/icons/marker-search.svg';
-import { ReactComponent as MarkerShop } from '@/icons/marker-shop.svg';
-import { ReactComponent as MobileRocket } from '@/icons/mobile-rocket.svg';
-import { ReactComponent as Notification } from '@/icons/notification.svg';
-import { ReactComponent as NotificationPosition } from '@/icons/notification-position.svg';
-import { ReactComponent as OpenSource } from '@/icons/open-source.svg';
-import { ReactComponent as Package } from '@/icons/package.svg';
-import { ReactComponent as PackageReturn } from '@/icons/package-return.svg';
-import { ReactComponent as Parking } from '@/icons/parking.svg';
-import { ReactComponent as PieChart } from '@/icons/pie-chart.svg';
-import { ReactComponent as PlaceReview } from '@/icons/place-review.svg';
-import { ReactComponent as Plane } from '@/icons/plane.svg';
-import { ReactComponent as Position } from '@/icons/position.svg';
-import { ReactComponent as PuzzleStar } from '@/icons/puzzle-star.svg';
-import { ReactComponent as Quote } from '@/icons/quote.svg';
-import { ReactComponent as Refresh } from '@/icons/refresh.svg';
-import { ReactComponent as Repair } from '@/icons/repair.svg';
-import { ReactComponent as Responsive } from '@/icons/responsive.svg';
-import { ReactComponent as Restaurant } from '@/icons/restaurant.svg';
-import { ReactComponent as Rocket } from '@/icons/rocket.svg';
-import { ReactComponent as SaveTime } from '@/icons/save-time.svg';
-import { ReactComponent as SaveMoney } from '@/icons/save-money.svg';
-import { ReactComponent as SearchSettings } from '@/icons/search-settings.svg';
-import { ReactComponent as SearchUser } from '@/icons/search-user.svg';
-import { ReactComponent as Schedule } from '@/icons/schedule.svg';
-import { ReactComponent as ScooterDelivery } from '@/icons/scooter-delivery.svg';
-import { ReactComponent as SecuritPositionZone } from '@/icons/security-position-zone.svg';
-import { ReactComponent as Security } from '@/icons/security.svg';
-import { ReactComponent as SecurityTools } from '@/icons/security-tools.svg';
-import { ReactComponent as SecurityStaff } from '@/icons/security-staff.svg';
-import { ReactComponent as SecurityZone } from '@/icons/security-zone.svg';
-import { ReactComponent as ServiceMarker } from '@/icons/service-marker.svg';
-import { ReactComponent as ShakeHand } from '@/icons/shake-hand.svg';
-import { ReactComponent as Shipping } from '@/icons/shipping.svg';
-import { ReactComponent as Shop } from '@/icons/shop.svg';
-import { ReactComponent as Speed } from '@/icons/speed.svg';
-import { ReactComponent as StarBig } from '@/icons/star-big.svg';
-import { ReactComponent as StarFilledBig } from '@/icons/star-filled-big.svg';
-import { ReactComponent as SupportTime } from '@/icons/support-time.svg';
-import { ReactComponent as Synchronization } from '@/icons/synchronization.svg';
-import { ReactComponent as Taxi } from '@/icons/taxi.svg';
-import { ReactComponent as Tools } from '@/icons/tools.svg';
-import { ReactComponent as Travel } from '@/icons/travel.svg';
-import { ReactComponent as TshirtMarker } from '@/icons/tshirt-marker.svg';
-import { ReactComponent as UserProfile } from '@/icons/user-profile.svg';
-import { ReactComponent as Wheelchair } from '@/icons/wheelchair.svg';
-import { ReactComponent as Wifi } from '@/icons/wifi.svg';
-import { ReactComponent as World } from '@/icons/world.svg';
-import { ReactComponent as WorldLocation } from '@/icons/world-location.svg';
-import { ReactComponent as WorldTime } from '@/icons/world-time.svg';
-import { ReactComponent as WinPrize } from '@/icons/win-prize.svg';
-import { ReactComponent as Zoom } from '@/icons/zoom.svg';
+import { ReactComponent as MarkerPadLock } from '../../icons/marker-pad-lock.svg';
+import { ReactComponent as MarkerRouteTruck } from '../../icons/marker-route-truck.svg';
+import { ReactComponent as ArrowsMarker } from '../../icons/arrows-marker.svg';
+import { ReactComponent as CloudMarkerArrow } from '../../icons/cloud-marker-arrow.svg';
+import { ReactComponent as SignalMarker } from '../../icons/signal-marker.svg';
+import { ReactComponent as LikeMarker } from '../../icons/like-marker.svg';
+import { ReactComponent as UserCentric } from '../../icons/user-centric.svg';
+import { ReactComponent as CreditCardCheck } from '../../icons/credit-card-check.svg';
+import { ReactComponent as PuzzlesPlus } from '../../icons/puzzles-plus.svg';
+import { ReactComponent as Autocomplete } from '../../icons/autocomplete.svg';
+import { ReactComponent as AutocompleteCheck } from '../../icons/autocomplete-check.svg';
+import { ReactComponent as Automotive } from '../../icons/automotive.svg';
+import { ReactComponent as Buildings } from '../../icons/buildings.svg';
+import { ReactComponent as Battery } from '../../icons/battery.svg';
+import { ReactComponent as Blog } from '../../icons/blog.svg';
+import { ReactComponent as Book } from '../../icons/book.svg';
+import { ReactComponent as Calendar } from '../../icons/calendar.svg';
+import { ReactComponent as Care } from '../../icons/care.svg';
+import { ReactComponent as Cars } from '../../icons/cars.svg';
+import { ReactComponent as Cb } from '../../icons/cb.svg';
+import { ReactComponent as ChatLove } from '../../icons/chat-love.svg';
+import { ReactComponent as ChatConversation } from '../../icons/chat-conversation.svg';
+import { ReactComponent as Circle } from '../../icons/circle.svg';
+import { ReactComponent as Check } from '../../icons/check.svg';
+import { ReactComponent as CheckBig } from '../../icons/check-big.svg';
+import { ReactComponent as CallToAction } from '../../icons/call-to-action.svg';
+import { ReactComponent as Cube } from '../../icons/cube.svg';
+import { ReactComponent as CubeBig } from '../../icons/cube-big.svg';
+import { ReactComponent as CustomersServices } from '../../icons/customers-services.svg';
+import { ReactComponent as Customize } from '../../icons/customize.svg';
+import { ReactComponent as DeliveryTime } from '../../icons/delivery-time.svg';
+import { ReactComponent as DeliveryVan } from '../../icons/delivery-van.svg';
+import { ReactComponent as Demo } from '../../icons/demo.svg';
+import { ReactComponent as Ecommerce } from '../../icons/e-commerce.svg';
+import { ReactComponent as ElectricCharge } from '../../icons/electric-charge.svg';
+import { ReactComponent as Elephant } from '../../icons/elephant.svg';
+import { ReactComponent as EmailContact } from '../../icons/email-contact.svg';
+import { ReactComponent as Equalizer } from '../../icons/equalizer.svg';
+import { ReactComponent as Escalator } from '../../icons/escalator.svg';
+import { ReactComponent as Funnel } from '../../icons/funnel.svg';
+import { ReactComponent as GasPump } from '../../icons/gas-pump.svg';
+import { ReactComponent as Gdpr } from '../../icons/gdpr.svg';
+import { ReactComponent as Github } from '../../icons/github.svg';
+import { ReactComponent as Green } from '../../icons/green.svg';
+import { ReactComponent as Heart } from '../../icons/heart.svg';
+import { ReactComponent as HouseInsurance } from '../../icons/house-insurance.svg';
+import { ReactComponent as IndoorOutdoor } from '../../icons/indoor-outdoor.svg';
+import { ReactComponent as InformationRound } from '../../icons/information-round.svg';
+import { ReactComponent as Institution } from '../../icons/institution.svg';
+import { ReactComponent as Integrations } from '../../icons/integrations.svg';
+import { ReactComponent as Itinerary } from '../../icons/itinerary.svg';
+import { ReactComponent as Like } from '../../icons/like.svg';
+import { ReactComponent as Logistics } from '../../icons/logistics.svg';
+import { ReactComponent as Lotus } from '../../icons/lotus.svg';
+import { ReactComponent as Map3d } from '../../icons/map-3d.svg';
+import { ReactComponent as MapHd } from '../../icons/map-hd.svg';
+import { ReactComponent as MapIndoor } from '../../icons/map-indoor.svg';
+import { ReactComponent as MapLocation } from '../../icons/map-location.svg';
+import { ReactComponent as MapMarkers } from '../../icons/map-markers.svg';
+import { ReactComponent as Markers } from '../../icons/markers.svg';
+import { ReactComponent as MarkerArrow } from '../../icons/marker-arrow.svg';
+import { ReactComponent as MarkerApp } from '../../icons/marker-app.svg';
+import { ReactComponent as MarkerCreditCard } from '../../icons/marker-credit-card.svg';
+import { ReactComponent as MarkerCity } from '../../icons/marker-city.svg';
+import { ReactComponent as MarkerGeofence } from '../../icons/marker-geofence.svg';
+import { ReactComponent as MarkerHouse } from '../../icons/marker-house.svg';
+import { ReactComponent as MarkerInfinite } from '../../icons/markers-infinite.svg';
+import { ReactComponent as MarkerMap } from '../../icons/marker-map.svg';
+import { ReactComponent as MarkerMatrix } from '../../icons/marker-matrix.svg';
+import { ReactComponent as MarkerMultiple } from '../../icons/marker-multiple.svg';
+import { ReactComponent as MarkerPlay } from '../../icons/marker-play.svg';
+import { ReactComponent as MarkerRoad } from '../../icons/marker-road.svg';
+import { ReactComponent as MarkerSearch } from '../../icons/marker-search.svg';
+import { ReactComponent as MarkerShop } from '../../icons/marker-shop.svg';
+import { ReactComponent as MobileRocket } from '../../icons/mobile-rocket.svg';
+import { ReactComponent as Notification } from '../../icons/notification.svg';
+import { ReactComponent as NotificationPosition } from '../../icons/notification-position.svg';
+import { ReactComponent as OpenSource } from '../../icons/open-source.svg';
+import { ReactComponent as Package } from '../../icons/package.svg';
+import { ReactComponent as PackageReturn } from '../../icons/package-return.svg';
+import { ReactComponent as Parking } from '../../icons/parking.svg';
+import { ReactComponent as PieChart } from '../../icons/pie-chart.svg';
+import { ReactComponent as PlaceReview } from '../../icons/place-review.svg';
+import { ReactComponent as Plane } from '../../icons/plane.svg';
+import { ReactComponent as Position } from '../../icons/position.svg';
+import { ReactComponent as PuzzleStar } from '../../icons/puzzle-star.svg';
+import { ReactComponent as Quote } from '../../icons/quote.svg';
+import { ReactComponent as Refresh } from '../../icons/refresh.svg';
+import { ReactComponent as Repair } from '../../icons/repair.svg';
+import { ReactComponent as Responsive } from '../../icons/responsive.svg';
+import { ReactComponent as Restaurant } from '../../icons/restaurant.svg';
+import { ReactComponent as Rocket } from '../../icons/rocket.svg';
+import { ReactComponent as SaveTime } from '../../icons/save-time.svg';
+import { ReactComponent as SaveMoney } from '../../icons/save-money.svg';
+import { ReactComponent as SearchSettings } from '../../icons/search-settings.svg';
+import { ReactComponent as SearchUser } from '../../icons/search-user.svg';
+import { ReactComponent as Schedule } from '../../icons/schedule.svg';
+import { ReactComponent as ScooterDelivery } from '../../icons/scooter-delivery.svg';
+import { ReactComponent as SecuritPositionZone } from '../../icons/security-position-zone.svg';
+import { ReactComponent as Security } from '../../icons/security.svg';
+import { ReactComponent as SecurityTools } from '../../icons/security-tools.svg';
+import { ReactComponent as SecurityStaff } from '../../icons/security-staff.svg';
+import { ReactComponent as SecurityZone } from '../../icons/security-zone.svg';
+import { ReactComponent as ServiceMarker } from '../../icons/service-marker.svg';
+import { ReactComponent as ShakeHand } from '../../icons/shake-hand.svg';
+import { ReactComponent as Shipping } from '../../icons/shipping.svg';
+import { ReactComponent as Shop } from '../../icons/shop.svg';
+import { ReactComponent as Speed } from '../../icons/speed.svg';
+import { ReactComponent as StarBig } from '../../icons/star-big.svg';
+import { ReactComponent as StarFilledBig } from '../../icons/star-filled-big.svg';
+import { ReactComponent as SupportTime } from '../../icons/support-time.svg';
+import { ReactComponent as Synchronization } from '../../icons/synchronization.svg';
+import { ReactComponent as Taxi } from '../../icons/taxi.svg';
+import { ReactComponent as Tools } from '../../icons/tools.svg';
+import { ReactComponent as Travel } from '../../icons/travel.svg';
+import { ReactComponent as TshirtMarker } from '../../icons/tshirt-marker.svg';
+import { ReactComponent as UserProfile } from '../../icons/user-profile.svg';
+import { ReactComponent as Wheelchair } from '../../icons/wheelchair.svg';
+import { ReactComponent as Wifi } from '../../icons/wifi.svg';
+import { ReactComponent as World } from '../../icons/world.svg';
+import { ReactComponent as WorldLocation } from '../../icons/world-location.svg';
+import { ReactComponent as WorldTime } from '../../icons/world-time.svg';
+import { ReactComponent as WinPrize } from '../../icons/win-prize.svg';
+import { ReactComponent as Zoom } from '../../icons/zoom.svg';
 
-import { ReactComponent as ArrowLink } from '@/icons/arrow-link.svg';
+import { ReactComponent as ArrowLink } from '../../icons/arrow-link.svg';
 
-import { ReactComponent as Woosmap } from '@/icons/woosmap.svg';
+import { ReactComponent as Woosmap } from '../../icons/woosmap.svg';
 
-import { ReactComponent as MapRoute } from '@/icons/map-route.svg';
-import { ReactComponent as MapWalk } from '@/icons/map-walk.svg';
-import { ReactComponent as MapBike } from '@/icons/map-bike.svg';
-import { ReactComponent as MapTrain } from '@/icons/map-train.svg';
-import { ReactComponent as MapCar } from '@/icons/map-car.svg';
-import { ReactComponent as MapSwitch } from '@/icons/map-switch.svg';
-import { ReactComponent as MapItinerary } from '@/icons/map-itinerary.svg';
-import { ReactComponent as MapClose } from '@/icons/map-close.svg';
-import { ReactComponent as MapOrigin } from '@/icons/map-origin.svg';
-import { ReactComponent as MapPin } from '@/icons/map-pin.svg';
-import { ReactComponent as MapMarker } from '@/icons/map-marker.svg';
-import { ReactComponent as MapPushPin } from '@/icons/map-push-pin.svg';
-import { ReactComponent as MapSearch } from '@/icons/map-search.svg';
-import { ReactComponent as MapArrowTop } from '@/icons/map-arrow-top.svg';
-import { ReactComponent as MapArrowBottom } from '@/icons/map-arrow-bottom.svg';
-import { ReactComponent as MapBus } from '@/icons/map-bus.svg';
-import { ReactComponent as MapFerry } from '@/icons/map-ferry.svg';
-import { ReactComponent as MapFlight } from '@/icons/map-flight.svg';
-import { ReactComponent as MapSubway } from '@/icons/map-subway.svg';
-import { ReactComponent as MapLightRail } from '@/icons/map-lightrail.svg';
-import { ReactComponent as MapHighSpeedTrain } from '@/icons/map-high-speed-train.svg';
-import { ReactComponent as MapCrosshair } from '@/icons/map-crosshair.svg';
-import { ReactComponent as MapCopy } from '@/icons/map-copy.svg';
-import { ReactComponent as MarkerCoordinates } from '@/icons/marker-coordinates.svg';
-import { ReactComponent as Crosshair } from '@/icons/crosshair.svg';
-import { ReactComponent as EnvironmentalCare } from '@/icons/environmental-care.svg';
-import { ReactComponent as Chart } from '@/icons/chart.svg';
-import { ReactComponent as Earth } from '@/icons/earth.svg';
-import { ReactComponent as CompetitionPrize } from '@/icons/competition-prize.svg';
-import { ReactComponent as WorldLocations } from '@/icons/world-locations.svg';
-import { ReactComponent as MapCursor } from '@/icons/map-cursor.svg';
-import { ReactComponent as ZoneSplittedChecked } from '@/icons/zone-splitted-checked.svg';
-import { ReactComponent as HandCode } from '@/icons/hand-code.svg';
-import { ReactComponent as FormSuccess } from '@/icons/form-success.svg';
-import { ReactComponent as MapIntegration } from '@/icons/map-integration.svg';
-import { ReactComponent as HeartUx } from '@/icons/heart-ux.svg';
-import { ReactComponent as MarkerSeo } from '@/icons/marker-seo.svg';
-import { ReactComponent as ZoneChecked } from '@/icons/zone-checked.svg';
-import { ReactComponent as ZoomPlus } from '@/icons/zoom-plus.svg';
-import { ReactComponent as mobilePuzzleMarker } from '@/icons/mobile-puzzle-marker.svg';
-import { ReactComponent as LikeChat } from '@/icons/like-chat.svg';
-import { ReactComponent as Footprint } from '@/icons/footprint.svg';
-import { ReactComponent as PackageMarker } from '@/icons/package-marker.svg';
-import { ReactComponent as MarkerChecked } from '@/icons/marker-checked.svg';
-import { ReactComponent as MobileLikeMarker } from '@/icons/mobile-like-marker.svg';
-import { ReactComponent as MapPoi } from '@/icons/map-poi.svg';
-import { ReactComponent as RouteInfo } from '@/icons/route-info.svg';
-import { ReactComponent as InputsChecked } from '@/icons/inputs-checked.svg';
-import { ReactComponent as DeliveryZone } from '@/icons/delivery-zone.svg';
-import { ReactComponent as SearchSecurity } from '@/icons/search-security.svg';
-import { ReactComponent as PuzzleMarkerEcosystem } from '@/icons/puzzle-marker-ecosystem.svg';
-import { ReactComponent as ArrowsCrosshair } from '@/icons/arrows-crosshair.svg';
-import { ReactComponent as MarkerData } from '@/icons/marker-data.svg';
-import { ReactComponent as Itinenary } from '@/icons/itinenary.svg';
-import { ReactComponent as PublicTransportsInformation } from '@/icons/public-transports-information.svg';
-import { ReactComponent as RouteInformation } from '@/icons/route-information.svg';
-import { ReactComponent as Transit } from '@/icons/transit.svg';
-import { ReactComponent as PoiHighlight } from '@/icons/poi-highlight.svg';
-import { ReactComponent as MapCustomization } from '@/icons/map-customization.svg';
-import { ReactComponent as MapHeart } from '@/icons/map-heart.svg';
-import { ReactComponent as ArrowsCloud } from '@/icons/arrows-cloud.svg';
-import { ReactComponent as ClientService } from '@/icons/client-service.svg';
-import { ReactComponent as ClockNotification } from '@/icons/clock-notification.svg';
-import { ReactComponent as CloudCrosshair } from '@/icons/cloud-crosshair.svg';
-import { ReactComponent as CloudData } from '@/icons/cloud-data.svg';
-import { ReactComponent as ConsoleSettings } from '@/icons/console-settings.svg';
-import { ReactComponent as DataCloud } from '@/icons/data-cloud.svg';
-import { ReactComponent as EarthClock } from '@/icons/earth-clock.svg';
-import { ReactComponent as LocationInfo } from '@/icons/location-info.svg';
-import { ReactComponent as LogisticsRoute } from '@/icons/logistics-route.svg';
-import { ReactComponent as MapIndoorCloudArrows } from '@/icons/map-indoor-cloud-arrows.svg';
-import { ReactComponent as MapIndoorCustomize } from '@/icons/map-indoor-customize.svg';
-import { ReactComponent as MapIndoorMarker } from '@/icons/map-indoor-marker.svg';
-import { ReactComponent as MapIndoorRoute } from '@/icons/map-indoor-route.svg';
-import { ReactComponent as MarkerCrosshair } from '@/icons/marker-crosshair.svg';
-import { ReactComponent as MavigationArrow } from '@/icons/navigation-arrow.svg';
-import { ReactComponent as NotificationMarker } from '@/icons/notification-marker.svg';
-import { ReactComponent as RouteSignUserStar } from '@/icons/route-sign-user-star.svg';
-import { ReactComponent as SearchCheckFast } from '@/icons/search-check-fast.svg';
-import { ReactComponent as SquarePadlock } from '@/icons/square-padlock.svg';
-import { ReactComponent as StockAvailability } from '@/icons/stock-availability.svg';
-import { ReactComponent as StoreGog } from '@/icons/store-cog.svg';
-import { ReactComponent as StoreInfo } from '@/icons/store-info.svg';
-import { ReactComponent as CaretRight } from '@/icons/caret-right.svg';
-import { ReactComponent as CaretBottom } from '@/icons/caret-bottom.svg';
-import { ReactComponent as CaretTop } from '@/icons/caret-top.svg';
+import { ReactComponent as MapRoute } from '../../icons/map-route.svg';
+import { ReactComponent as MapWalk } from '../../icons/map-walk.svg';
+import { ReactComponent as MapBike } from '../../icons/map-bike.svg';
+import { ReactComponent as MapTrain } from '../../icons/map-train.svg';
+import { ReactComponent as MapCar } from '../../icons/map-car.svg';
+import { ReactComponent as MapSwitch } from '../../icons/map-switch.svg';
+import { ReactComponent as MapItinerary } from '../../icons/map-itinerary.svg';
+import { ReactComponent as MapClose } from '../../icons/map-close.svg';
+import { ReactComponent as MapOrigin } from '../../icons/map-origin.svg';
+import { ReactComponent as MapPin } from '../../icons/map-pin.svg';
+import { ReactComponent as MapMarker } from '../../icons/map-marker.svg';
+import { ReactComponent as MapPushPin } from '../../icons/map-push-pin.svg';
+import { ReactComponent as MapSearch } from '../../icons/map-search.svg';
+import { ReactComponent as MapArrowTop } from '../../icons/map-arrow-top.svg';
+import { ReactComponent as MapArrowBottom } from '../../icons/map-arrow-bottom.svg';
+import { ReactComponent as MapBus } from '../../icons/map-bus.svg';
+import { ReactComponent as MapFerry } from '../../icons/map-ferry.svg';
+import { ReactComponent as MapFlight } from '../../icons/map-flight.svg';
+import { ReactComponent as MapSubway } from '../../icons/map-subway.svg';
+import { ReactComponent as MapLightRail } from '../../icons/map-lightrail.svg';
+import { ReactComponent as MapHighSpeedTrain } from '../../icons/map-high-speed-train.svg';
+import { ReactComponent as MapCrosshair } from '../../icons/map-crosshair.svg';
+import { ReactComponent as MapCopy } from '../../icons/map-copy.svg';
+import { ReactComponent as MarkerCoordinates } from '../../icons/marker-coordinates.svg';
+import { ReactComponent as Crosshair } from '../../icons/crosshair.svg';
+import { ReactComponent as EnvironmentalCare } from '../../icons/environmental-care.svg';
+import { ReactComponent as Chart } from '../../icons/chart.svg';
+import { ReactComponent as Earth } from '../../icons/earth.svg';
+import { ReactComponent as CompetitionPrize } from '../../icons/competition-prize.svg';
+import { ReactComponent as WorldLocations } from '../../icons/world-locations.svg';
+import { ReactComponent as MapCursor } from '../../icons/map-cursor.svg';
+import { ReactComponent as ZoneSplittedChecked } from '../../icons/zone-splitted-checked.svg';
+import { ReactComponent as HandCode } from '../../icons/hand-code.svg';
+import { ReactComponent as FormSuccess } from '../../icons/form-success.svg';
+import { ReactComponent as MapIntegration } from '../../icons/map-integration.svg';
+import { ReactComponent as HeartUx } from '../../icons/heart-ux.svg';
+import { ReactComponent as MarkerSeo } from '../../icons/marker-seo.svg';
+import { ReactComponent as ZoneChecked } from '../../icons/zone-checked.svg';
+import { ReactComponent as ZoomPlus } from '../../icons/zoom-plus.svg';
+import { ReactComponent as mobilePuzzleMarker } from '../../icons/mobile-puzzle-marker.svg';
+import { ReactComponent as LikeChat } from '../../icons/like-chat.svg';
+import { ReactComponent as Footprint } from '../../icons/footprint.svg';
+import { ReactComponent as PackageMarker } from '../../icons/package-marker.svg';
+import { ReactComponent as MarkerChecked } from '../../icons/marker-checked.svg';
+import { ReactComponent as MobileLikeMarker } from '../../icons/mobile-like-marker.svg';
+import { ReactComponent as MapPoi } from '../../icons/map-poi.svg';
+import { ReactComponent as RouteInfo } from '../../icons/route-info.svg';
+import { ReactComponent as InputsChecked } from '../../icons/inputs-checked.svg';
+import { ReactComponent as DeliveryZone } from '../../icons/delivery-zone.svg';
+import { ReactComponent as SearchSecurity } from '../../icons/search-security.svg';
+import { ReactComponent as PuzzleMarkerEcosystem } from '../../icons/puzzle-marker-ecosystem.svg';
+import { ReactComponent as ArrowsCrosshair } from '../../icons/arrows-crosshair.svg';
+import { ReactComponent as MarkerData } from '../../icons/marker-data.svg';
+import { ReactComponent as Itinenary } from '../../icons/itinenary.svg';
+import { ReactComponent as PublicTransportsInformation } from '../../icons/public-transports-information.svg';
+import { ReactComponent as RouteInformation } from '../../icons/route-information.svg';
+import { ReactComponent as Transit } from '../../icons/transit.svg';
+import { ReactComponent as PoiHighlight } from '../../icons/poi-highlight.svg';
+import { ReactComponent as MapCustomization } from '../../icons/map-customization.svg';
+import { ReactComponent as MapHeart } from '../../icons/map-heart.svg';
+import { ReactComponent as ArrowsCloud } from '../../icons/arrows-cloud.svg';
+import { ReactComponent as ClientService } from '../../icons/client-service.svg';
+import { ReactComponent as ClockNotification } from '../../icons/clock-notification.svg';
+import { ReactComponent as CloudCrosshair } from '../../icons/cloud-crosshair.svg';
+import { ReactComponent as CloudData } from '../../icons/cloud-data.svg';
+import { ReactComponent as ConsoleSettings } from '../../icons/console-settings.svg';
+import { ReactComponent as DataCloud } from '../../icons/data-cloud.svg';
+import { ReactComponent as EarthClock } from '../../icons/earth-clock.svg';
+import { ReactComponent as LocationInfo } from '../../icons/location-info.svg';
+import { ReactComponent as LogisticsRoute } from '../../icons/logistics-route.svg';
+import { ReactComponent as MapIndoorCloudArrows } from '../../icons/map-indoor-cloud-arrows.svg';
+import { ReactComponent as MapIndoorCustomize } from '../../icons/map-indoor-customize.svg';
+import { ReactComponent as MapIndoorMarker } from '../../icons/map-indoor-marker.svg';
+import { ReactComponent as MapIndoorRoute } from '../../icons/map-indoor-route.svg';
+import { ReactComponent as MarkerCrosshair } from '../../icons/marker-crosshair.svg';
+import { ReactComponent as MavigationArrow } from '../../icons/navigation-arrow.svg';
+import { ReactComponent as NotificationMarker } from '../../icons/notification-marker.svg';
+import { ReactComponent as RouteSignUserStar } from '../../icons/route-sign-user-star.svg';
+import { ReactComponent as SearchCheckFast } from '../../icons/search-check-fast.svg';
+import { ReactComponent as SquarePadlock } from '../../icons/square-padlock.svg';
+import { ReactComponent as StockAvailability } from '../../icons/stock-availability.svg';
+import { ReactComponent as StoreGog } from '../../icons/store-cog.svg';
+import { ReactComponent as StoreInfo } from '../../icons/store-info.svg';
+import { ReactComponent as CaretRight } from '../../icons/caret-right.svg';
+import { ReactComponent as CaretBottom } from '../../icons/caret-bottom.svg';
+import { ReactComponent as CaretTop } from '../../icons/caret-top.svg';
 
-import { ReactComponent as Stores } from '@/icons/stores.svg';
-import { ReactComponent as Traffic } from '@/icons/traffic.svg';
-import { ReactComponent as Geofencing } from '@/icons/geofencing.svg';
-import { ReactComponent as StoreLocator } from '@/icons/storelocator.svg';
-import { ReactComponent as MultiSearch } from '@/icons/multisearch.svg';
-import { ReactComponent as Mapping } from '@/icons/mapping.svg';
-import { ReactComponent as Connectors } from '@/icons/connectors.svg';
-import { ReactComponent as Showcases } from '@/icons/showcases.svg';
-import { ReactComponent as Indoor } from '@/icons/indoor.svg';
-import { ReactComponent as Address } from '@/icons/address.svg';
-import { ReactComponent as Distance } from '@/icons/distance.svg';
-import { ReactComponent as Geolocation } from '@/icons/geolocation.svg';
-import { ReactComponent as Localities } from '@/icons/localities.svg';
-import { ReactComponent as Map } from '@/icons/map.svg';
+import { ReactComponent as Stores } from '../../icons/stores.svg';
+import { ReactComponent as Traffic } from '../../icons/traffic.svg';
+import { ReactComponent as Geofencing } from '../../icons/geofencing.svg';
+import { ReactComponent as StoreLocator } from '../../icons/storelocator.svg';
+import { ReactComponent as MultiSearch } from '../../icons/multisearch.svg';
+import { ReactComponent as Mapping } from '../../icons/mapping.svg';
+import { ReactComponent as Connectors } from '../../icons/connectors.svg';
+import { ReactComponent as Showcases } from '../../icons/showcases.svg';
+import { ReactComponent as Indoor } from '../../icons/indoor.svg';
+import { ReactComponent as Address } from '../../icons/address.svg';
+import { ReactComponent as Distance } from '../../icons/distance.svg';
+import { ReactComponent as Geolocation } from '../../icons/geolocation.svg';
+import { ReactComponent as Localities } from '../../icons/localities.svg';
+import { ReactComponent as Map } from '../../icons/map.svg';
 
-import { ReactComponent as SocialFacebook } from '@/icons/social-facebook.svg';
-import { ReactComponent as SocialGithub } from '@/icons/social-github.svg';
-import { ReactComponent as SocialGoogle } from '@/icons/social-google.svg';
-import { ReactComponent as SocialLinkedin } from '@/icons/social-linkedin.svg';
-import { ReactComponent as SocialTwitter } from '@/icons/social-twitter.svg';
+import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
+import { ReactComponent as SocialGithub } from '../../icons/social-github.svg';
+import { ReactComponent as SocialGoogle } from '../../icons/social-google.svg';
+import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
+import { ReactComponent as SocialTwitter } from '../../icons/social-twitter.svg';
 
 const WebsiteIcons = {
     autocomplete: Autocomplete,

package/src/components/InfoMessage/Flash.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import Icon from '@/components/Icon/Icon';
+import Icon from '../Icon/Icon';
 
 export default class Flash extends Component {
     render() {

package/src/components/InfoMessage/InfoMessage.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import Button from '@/components/Button/Button';
-import Modal from '@/components/Modal/Modal';
+import Button from '../Button/Button';
+import Modal from '../Modal/Modal';
 
 export default class InfoMessage extends Component {
     constructor(props) {

package/src/components/InfoMessage/InfoMessage.stories.js

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import React from "react";
-import InfoMessage from "@/components/InfoMessage/InfoMessage";
+import InfoMessage from "../InfoMessage/InfoMessage";
 
 const Story = {
   title: "base/InfoMessage",

package/src/components/InfoMessage/InfoMessage.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import InfoMessage from '@/components/InfoMessage/InfoMessage';
+import InfoMessage from './InfoMessage';
 
 it('renders a InfoMessage component ', () => {
     const { container } = render(<InfoMessage actionLabel="action">Content</InfoMessage>);

package/src/components/Input/Input.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import uniqueId from '@/components/uniqueid';
-import Icon from '@/components/Icon/Icon';
+import uniqueId from '../uniqueid';
+import Icon from '../Icon/Icon';
 
 export default class Input extends Component {
     constructor(props) {

package/src/components/Input/Input.password.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import Input from '@/components/Input/Input';
+import Input from './Input';
 
 it('renders an input password component ', () => {
     const { getByTestId } = render(<Input type="password" />);

package/src/components/Input/Input.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Input from '@/components/Input/Input';
+import Input from './Input';
 
 const Story = {
     title: 'base/Input',

package/src/components/Input/Input.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import Input from '@/components/Input/Input';
+import Input from './Input';
 
 it('renders an input component ', () => {
     const { container } = render(<Input>input</Input>);