Merge pull request #796 from ibi-group/flex-icon

Add Flex Icon, Update SEPTA Rail Icon
opentripplanner · Dec 11, 2024 · fe714de · fe714de
2 parents 744836d + af5e2c3
commit fe714de
Show file tree

Hide file tree

Showing 10 changed files with 365 additions and 463 deletions.
diff --git a/packages/icons/src/septa/Rail.js b/packages/icons/src/septa/Rail.js
diff --git a/packages/icons/src/standard-mode-icon.js b/packages/icons/src/standard-mode-icon.js
@@ -7,7 +7,8 @@ import {
   StandardGondola,
   StandardRail,
   StandardTram,
-  StandardWalk
+  StandardWalk,
+  StandardFlex
 } from "./standard";
 
 /**
@@ -49,6 +50,8 @@ function StandardModeIcon({ mode, ...props }) {
       return <StandardBus {...props} />;
     case "walk":
       return <StandardWalk {...props} />;
+    case "flex":
+      return <StandardFlex {...props} />;
     default:
       return null;
   }

diff --git a/packages/icons/src/standard/index.js b/packages/icons/src/standard/index.js
@@ -5,6 +5,7 @@ import StandardRail from "./standard-rail";
 import StandardStreetcar from "./standard-streetcar";
 import StandardTram from "./standard-tram";
 import StandardWalk from "./standard-walk";
+import StandardFlex from "./standard-flex";
 
 export {
   StandardBike,
@@ -13,5 +14,6 @@ export {
   StandardRail,
   StandardStreetcar,
   StandardTram,
-  StandardWalk
+  StandardWalk,
+  StandardFlex
 };
diff --git a/packages/icons/src/standard/standard-flex.js b/packages/icons/src/standard/standard-flex.js
@@ -0,0 +1,14 @@
+import React from "react";
+
+const StandardFlex = () => (
+  <svg
+    version="1.1"
+    viewBox="0 0 1200 1200"
+    xmlns="http://www.w3.org/2000/svg"
+    style={{ transform: "scale(140%)" }} // This keeps it roughly in line with the other standard icons
+  >
+    <path d="m331.22 932.53c60.141 14.625 121.08-18.234 141.84-76.547l5.625-15.938h242.63l5.625 15.938c20.766 58.312 81.703 91.219 141.84 76.547 52.781-12.844 91.219-63.469 91.219-120.37v-264.37c0-16.688-3.9375-33.375-11.391-48.375l-91.219-182.53c-16.312-32.766-49.312-53.062-85.781-53.062l-435.61 0.046876c-52.922 0-96 43.078-96 96v452.16c0 56.859 38.391 107.53 91.219 120.37zm508.78-44.531c-39.703 0-72-32.297-72-72s32.297-72 72-72 72 32.297 72 72-32.297 72-72 72zm-144-576h75.469c18.234 0 34.688 10.219 42.938 26.531l72.375 144.71c4.7812 9.4688-2.1562 20.766-12.844 20.766h-177.94zm-204 0h156v192h-156zm-204 48c0-26.531 21.469-48 48-48h108v192h-156zm0 192h624v162.37l-32.062-11.391c-13.078-4.6875-26.531-6.9375-39.938-6.9375-50.531 0-96 32.156-113.06 80.062l-5.625 15.938h-242.63l-5.625-15.938c-17.062-47.859-62.391-80.062-113.06-80.062-13.453 0-26.859 2.3906-39.938 6.9375l-32.062 11.391zm72 192c39.703 0 72 32.297 72 72s-32.297 72-72 72-72-32.297-72-72 32.297-72 72-72z" />
+  </svg>
+);
+
+export default StandardFlex;
diff --git a/packages/icons/src/stories/__snapshots__/classic-mode-icon.story.js.snap b/packages/icons/src/stories/__snapshots__/classic-mode-icon.story.js.snap
@@ -131,6 +131,15 @@ exports[`Icons/ClassicModeIcon ClassicModeIconExamples smoke-test 1`] = `
         </div>
       </td>
     </tr>
+    <tr>
+      <td>
+        FLEX
+      </td>
+      <td>
+        <div>
+        </div>
+      </td>
+    </tr>
     <tr>
       <td>
         GONDOLA

diff --git a/packages/icons/src/stories/__snapshots__/septa-mode-icon.story.js.snap b/packages/icons/src/stories/__snapshots__/septa-mode-icon.story.js.snap
diff --git a/packages/icons/src/stories/__snapshots__/standard-mode-icon.story.js.snap b/packages/icons/src/stories/__snapshots__/standard-mode-icon.story.js.snap
@@ -154,6 +154,23 @@ exports[`Icons/StandardModeIcon StandardModeIconExamples smoke-test 1`] = `
         </div>
       </td>
     </tr>
+    <tr>
+      <td>
+        FLEX
+      </td>
+      <td>
+        <div>
+          <svg version="1.1"
+               viewbox="0 0 1200 1200"
+               xmlns="http://www.w3.org/2000/svg"
+               style="transform: scale(1.4);"
+          >
+            <path d="m331.22 932.53c60.141 14.625 121.08-18.234 141.84-76.547l5.625-15.938h242.63l5.625 15.938c20.766 58.312 81.703 91.219 141.84 76.547 52.781-12.844 91.219-63.469 91.219-120.37v-264.37c0-16.688-3.9375-33.375-11.391-48.375l-91.219-182.53c-16.312-32.766-49.312-53.062-85.781-53.062l-435.61 0.046876c-52.922 0-96 43.078-96 96v452.16c0 56.859 38.391 107.53 91.219 120.37zm508.78-44.531c-39.703 0-72-32.297-72-72s32.297-72 72-72 72 32.297 72 72-32.297 72-72 72zm-144-576h75.469c18.234 0 34.688 10.219 42.938 26.531l72.375 144.71c4.7812 9.4688-2.1562 20.766-12.844 20.766h-177.94zm-204 0h156v192h-156zm-204 48c0-26.531 21.469-48 48-48h108v192h-156zm0 192h624v162.37l-32.062-11.391c-13.078-4.6875-26.531-6.9375-39.938-6.9375-50.531 0-96 32.156-113.06 80.062l-5.625 15.938h-242.63l-5.625-15.938c-17.062-47.859-62.391-80.062-113.06-80.062-13.453 0-26.859 2.3906-39.938 6.9375l-32.062 11.391zm72 192c39.703 0 72 32.297 72 72s-32.297 72-72 72-72-32.297-72-72 32.297-72 72-72z">
+            </path>
+          </svg>
+        </div>
+      </td>
+    </tr>
     <tr>
       <td>
         GONDOLA

diff --git a/packages/icons/src/stories/__snapshots__/trimet-mode-icon-2021.story.js.snap b/packages/icons/src/stories/__snapshots__/trimet-mode-icon-2021.story.js.snap
@@ -141,6 +141,15 @@ exports[`Icons/TrimetModeIcon2021 TrimetModeIcon2021Examples smoke-test 1`] = `
         </div>
       </td>
     </tr>
+    <tr>
+      <td>
+        FLEX
+      </td>
+      <td>
+        <div>
+        </div>
+      </td>
+    </tr>
     <tr>
       <td>
         GONDOLA

diff --git a/packages/icons/src/stories/__snapshots__/trimet-mode-icon.story.js.snap b/packages/icons/src/stories/__snapshots__/trimet-mode-icon.story.js.snap
@@ -99,6 +99,15 @@ exports[`Icons/TrimetModeIcon TrimetModeIconExamples smoke-test 1`] = `
         </div>
       </td>
     </tr>
+    <tr>
+      <td>
+        FLEX
+      </td>
+      <td>
+        <div>
+        </div>
+      </td>
+    </tr>
     <tr>
       <td>
         GONDOLA

diff --git a/packages/icons/src/stories/mode-icon-renderer.js b/packages/icons/src/stories/mode-icon-renderer.js
@@ -9,6 +9,7 @@ const exampleModes = [
   "CAR",
   "CAR_PARK",
   "FERRY",
+  "FLEX",
   "GONDOLA",
   "MICROMOBILITY",
   "MICROMOBILITY_RENT",
-Original file line number
+Diff line change
@@ Expand Up @@
             </div>
           </td>
         </tr>
+        <tr>
+          <td>
+            FLEX
+          </td>
+          <td>
+            <div>
+            </div>
+          </td>
+        </tr>
         <tr>
           <td>
             GONDOLA
@@ Expand Down @@