From a6f6f189e595f99724a79cd0baa085418c734c12 Mon Sep 17 00:00:00 2001 From: binh-dam-ibigroup <56846598+binh-dam-ibigroup@users.noreply.github.com> Date: Tue, 28 Apr 2020 16:09:28 -0400 Subject: [PATCH] feat(icons): Add 'classic' and 'mod' icon files. --- .../icons/src/classic-modes/classic-bike.js | 16 +++++++ .../icons/src/classic-modes/classic-bus.js | 21 +++++++++ .../icons/src/classic-modes/classic-car.js | 15 +++++++ .../icons/src/classic-modes/classic-ferry.js | 18 ++++++++ .../src/classic-modes/classic-gondola.js | 19 ++++++++ .../classic-modes/classic-micromobility.js | 15 +++++++ .../icons/src/classic-modes/classic-tram.js | 18 ++++++++ .../icons/src/classic-modes/classic-walk.js | 19 ++++++++ packages/icons/src/classic-modes/index.js | 19 ++++++++ packages/icons/src/index.js | 43 +++++++++++++++++++ packages/icons/src/mod/index.js | 19 ++++++++ packages/icons/src/mod/mod-bike.js | 16 +++++++ packages/icons/src/mod/mod-bus.js | 20 +++++++++ packages/icons/src/mod/mod-gondola.js | 9 ++++ packages/icons/src/mod/mod-rail.js | 9 ++++ packages/icons/src/mod/mod-streetcar.js | 9 ++++ packages/icons/src/mod/mod-tram.js | 9 ++++ packages/icons/src/mod/mod-transit.js | 6 +++ packages/icons/src/mod/mod-walk.js | 11 +++++ packages/icons/src/trimet/Bus copy.js | 19 ++++++++ 20 files changed, 330 insertions(+) create mode 100644 packages/icons/src/classic-modes/classic-bike.js create mode 100644 packages/icons/src/classic-modes/classic-bus.js create mode 100644 packages/icons/src/classic-modes/classic-car.js create mode 100644 packages/icons/src/classic-modes/classic-ferry.js create mode 100644 packages/icons/src/classic-modes/classic-gondola.js create mode 100644 packages/icons/src/classic-modes/classic-micromobility.js create mode 100644 packages/icons/src/classic-modes/classic-tram.js create mode 100644 packages/icons/src/classic-modes/classic-walk.js create mode 100644 packages/icons/src/classic-modes/index.js create mode 100644 packages/icons/src/mod/index.js create mode 100644 packages/icons/src/mod/mod-bike.js create mode 100644 packages/icons/src/mod/mod-bus.js create mode 100644 packages/icons/src/mod/mod-gondola.js create mode 100644 packages/icons/src/mod/mod-rail.js create mode 100644 packages/icons/src/mod/mod-streetcar.js create mode 100644 packages/icons/src/mod/mod-tram.js create mode 100644 packages/icons/src/mod/mod-transit.js create mode 100644 packages/icons/src/mod/mod-walk.js create mode 100755 packages/icons/src/trimet/Bus copy.js diff --git a/packages/icons/src/classic-modes/classic-bike.js b/packages/icons/src/classic-modes/classic-bike.js new file mode 100644 index 000000000..f0b758688 --- /dev/null +++ b/packages/icons/src/classic-modes/classic-bike.js @@ -0,0 +1,16 @@ +import React from "react"; + +const ClassicBike = ({ title, ...props }) => ( + + + +); + +export default ClassicBike; diff --git a/packages/icons/src/classic-modes/classic-bus.js b/packages/icons/src/classic-modes/classic-bus.js new file mode 100644 index 000000000..08a65088c --- /dev/null +++ b/packages/icons/src/classic-modes/classic-bus.js @@ -0,0 +1,21 @@ +import React from "react"; + +const ClassicBus = ({ title, ...props }) => ( + + + + + + + + +); + +export default ClassicBus; diff --git a/packages/icons/src/classic-modes/classic-car.js b/packages/icons/src/classic-modes/classic-car.js new file mode 100644 index 000000000..86b5e417f --- /dev/null +++ b/packages/icons/src/classic-modes/classic-car.js @@ -0,0 +1,15 @@ +import React from "react"; + +const ClassicCar = ({ title, ...props }) => ( + + + +); + +export default ClassicCar; diff --git a/packages/icons/src/classic-modes/classic-ferry.js b/packages/icons/src/classic-modes/classic-ferry.js new file mode 100644 index 000000000..3046e6a11 --- /dev/null +++ b/packages/icons/src/classic-modes/classic-ferry.js @@ -0,0 +1,18 @@ +import React from "react"; + +const ClassicFerry = ({ title, ...props }) => ( + + + + + +); + +export default ClassicFerry; diff --git a/packages/icons/src/classic-modes/classic-gondola.js b/packages/icons/src/classic-modes/classic-gondola.js new file mode 100644 index 000000000..2f5160339 --- /dev/null +++ b/packages/icons/src/classic-modes/classic-gondola.js @@ -0,0 +1,19 @@ +import React from "react"; + +const ClassicGondola = ({ title, ...props }) => ( + + + + + + +); + +export default ClassicGondola; diff --git a/packages/icons/src/classic-modes/classic-micromobility.js b/packages/icons/src/classic-modes/classic-micromobility.js new file mode 100644 index 000000000..08304c4d6 --- /dev/null +++ b/packages/icons/src/classic-modes/classic-micromobility.js @@ -0,0 +1,15 @@ +import React from "react"; + +const ClassicMicromobility = ({ title, ...props }) => ( + + + +); + +export default ClassicMicromobility; diff --git a/packages/icons/src/classic-modes/classic-tram.js b/packages/icons/src/classic-modes/classic-tram.js new file mode 100644 index 000000000..b1df0585a --- /dev/null +++ b/packages/icons/src/classic-modes/classic-tram.js @@ -0,0 +1,18 @@ +import React from "react"; + +const ClassicTram = ({ title, ...props }) => ( + + + + + +); + +export default ClassicTram; diff --git a/packages/icons/src/classic-modes/classic-walk.js b/packages/icons/src/classic-modes/classic-walk.js new file mode 100644 index 000000000..69e5777ee --- /dev/null +++ b/packages/icons/src/classic-modes/classic-walk.js @@ -0,0 +1,19 @@ +import React from "react"; + +const ClassicWalk = ({ title, ...props }) => ( + + + + +); + +export default ClassicWalk; diff --git a/packages/icons/src/classic-modes/index.js b/packages/icons/src/classic-modes/index.js new file mode 100644 index 000000000..bcd5b6e4f --- /dev/null +++ b/packages/icons/src/classic-modes/index.js @@ -0,0 +1,19 @@ +import ClassicBike from "./classic-bike"; +import ClassicBus from "./classic-bus"; +import ClassicCar from "./classic-car"; +import ClassicFerry from "./classic-ferry"; +import ClassicGondola from "./classic-gondola"; +import ClassicMicromobility from "./classic-micromobility"; +import ClassicTram from "./classic-tram"; +import ClassicWalk from "./classic-walk"; + +export { + ClassicBike, + ClassicBus, + ClassicCar, + ClassicFerry, + ClassicGondola, + ClassicMicromobility, + ClassicTram, + ClassicWalk +}; diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index e04f3bb1a..8f658075f 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -1,10 +1,23 @@ +import * as classicModes from "./classic-modes"; import * as companies from "./companies"; import * as directions from "./directions"; import * as generic from "./generic"; +import * as modModes from "./mod"; import * as trimet from "./trimet"; import TriMetLegIcon from "./trimet-leg-icon"; import TriMetModeIcon from "./trimet-mode-icon"; +const { + ClassicBike, + ClassicBus, + ClassicCar, + ClassicFerry, + ClassicGondola, + ClassicMicromobility, + ClassicTram, + ClassicWalk +} = classicModes; + const { Biketown, Bird, @@ -21,6 +34,7 @@ const { Spin, Uber } = companies; + const { CircleClockwise, CircleCounterclockwise, @@ -35,7 +49,20 @@ const { UTurnLeft, UTurnRight } = directions; + const { ArrowDown, ArrowLeft, Refresh, Star } = generic; + +const { + ModBike, + ModBus, + ModGondola, + ModRail, + ModStreetcar, + ModTram, + ModTransit, + ModWalk +} = modModes; + const { Accessible, AerialTram, @@ -110,6 +137,14 @@ export { Circle, CircleClockwise, CircleCounterclockwise, + ClassicBike, + ClassicBus, + ClassicCar, + ClassicFerry, + ClassicGondola, + ClassicMicromobility, + ClassicTram, + ClassicWalk, Elevator, Email, Feedback, @@ -130,6 +165,14 @@ export { Max, MaxCircle, Micromobility, + ModBike, + ModBus, + ModGondola, + ModRail, + ModStreetcar, + ModTram, + ModTransit, + ModWalk, Parking, Phone, Plane, diff --git a/packages/icons/src/mod/index.js b/packages/icons/src/mod/index.js new file mode 100644 index 000000000..f0f77f82c --- /dev/null +++ b/packages/icons/src/mod/index.js @@ -0,0 +1,19 @@ +import ModBike from "./mod-bike"; +import ModBus from "./mod-bus"; +import ModGondola from "./mod-gondola"; +import ModRail from "./mod-rail"; +import ModStreetcar from "./mod-streetcar"; +import ModTram from "./mod-tram"; +import ModTransit from "./mod-transit"; +import ModWalk from "./mod-walk"; + +export { + ModBike, + ModBus, + ModGondola, + ModRail, + ModStreetcar, + ModTram, + ModTransit, + ModWalk +}; diff --git a/packages/icons/src/mod/mod-bike.js b/packages/icons/src/mod/mod-bike.js new file mode 100644 index 000000000..a120fe882 --- /dev/null +++ b/packages/icons/src/mod/mod-bike.js @@ -0,0 +1,16 @@ +import React from "react"; + +const ModBike = ({ title, ...props }) => ( + + + + + + + + + + +); + +export default ModBike; diff --git a/packages/icons/src/mod/mod-bus.js b/packages/icons/src/mod/mod-bus.js new file mode 100644 index 000000000..8ad936e16 --- /dev/null +++ b/packages/icons/src/mod/mod-bus.js @@ -0,0 +1,20 @@ +import React from "react"; + +const ModBus = ({ title, ...props }) => ( + + + + + + + + + + + + + + +); + +export default ModBus; diff --git a/packages/icons/src/mod/mod-gondola.js b/packages/icons/src/mod/mod-gondola.js new file mode 100644 index 000000000..bc056c6cb --- /dev/null +++ b/packages/icons/src/mod/mod-gondola.js @@ -0,0 +1,9 @@ +import React from "react"; + +const ModGondola = ({ title, ...props }) => ( + + + +); + +export default ModGondola; diff --git a/packages/icons/src/mod/mod-rail.js b/packages/icons/src/mod/mod-rail.js new file mode 100644 index 000000000..f7f3cda8c --- /dev/null +++ b/packages/icons/src/mod/mod-rail.js @@ -0,0 +1,9 @@ +import React from "react"; + +const ModRail = ({ title, ...props }) => ( + + + +); + +export default ModRail; diff --git a/packages/icons/src/mod/mod-streetcar.js b/packages/icons/src/mod/mod-streetcar.js new file mode 100644 index 000000000..16621b353 --- /dev/null +++ b/packages/icons/src/mod/mod-streetcar.js @@ -0,0 +1,9 @@ +import React from "react"; + +const ModStreetcar = ({ title, ...props }) => ( + + + +); + +export default ModStreetcar; diff --git a/packages/icons/src/mod/mod-tram.js b/packages/icons/src/mod/mod-tram.js new file mode 100644 index 000000000..73b2598bb --- /dev/null +++ b/packages/icons/src/mod/mod-tram.js @@ -0,0 +1,9 @@ +import React from "react"; + +const ModTram = ({ title, ...props }) => ( + + + +); + +export default ModTram; diff --git a/packages/icons/src/mod/mod-transit.js b/packages/icons/src/mod/mod-transit.js new file mode 100644 index 000000000..0a83bf4d8 --- /dev/null +++ b/packages/icons/src/mod/mod-transit.js @@ -0,0 +1,6 @@ +import ModBus from "./mod-bus"; + +// TODO: Find a better general transit icon to use than the bus icon. +const ModTransit = ModBus; + +export default ModTransit; diff --git a/packages/icons/src/mod/mod-walk.js b/packages/icons/src/mod/mod-walk.js new file mode 100644 index 000000000..e39ae1953 --- /dev/null +++ b/packages/icons/src/mod/mod-walk.js @@ -0,0 +1,11 @@ +import React from "react"; + +const ModWalk = ({ title, ...props }) => ( + + + + + +); + +export default ModWalk; diff --git a/packages/icons/src/trimet/Bus copy.js b/packages/icons/src/trimet/Bus copy.js new file mode 100755 index 000000000..2247eae3b --- /dev/null +++ b/packages/icons/src/trimet/Bus copy.js @@ -0,0 +1,19 @@ +import React from "react"; + +const SvgBus = ({ title, ...props }) => ( + + {title ? {title} : null} + {/* Original + + */} + {/* Fill as much as possible. + + */} + {/* Accommodate circle + + */} + + +); + +export default SvgBus;