@geops/rvf-mobility-web-component 0.1.8

package/src/utils/translations.ts

@@ -0,0 +1,31 @@
+const translations = {
+  de: {
+    no_stops_found: "Keine Haltestellen gefunden",
+    platform_ferry: "St.",
+    platform_other: "Kan.",
+    platform_rail: "Gl.",
+    stops_search_placeholder: "Haltestellen suchen",
+  },
+  en: {
+    no_stops_found: "No stops found",
+    platform_ferry: "Pier", // pier
+    platform_other: "Std.", // stand
+    platform_rail: "Pl.",
+    stops_search_placeholder: "Search for stop",
+  },
+  fr: {
+    no_stops_found: "Aucun arrêt trouvé",
+    platform_ferry: "Quai",
+    platform_other: "Quai",
+    platform_rail: "Voie",
+    stops_search_placeholder: "Chercher un arrêt",
+  },
+  it: {
+    no_stops_found: "Nessuna fermata trovata",
+    platform_ferry: "Imb.", // imbarcadero
+    platform_other: "Cor.", // corsia
+    platform_rail: "Bin.",
+    stops_search_placeholder: "Ricerca delle fermate",
+  },
+};
+export default translations;

package/tailwind.config.mjs

@@ -0,0 +1,56 @@
+import containerQueries from "@tailwindcss/container-queries";
+
+const minScreenSize = 768;
+const maxScreenSize = 1024;
+
+const getClamp = (min, max) => {
+  return (
+    "clamp(" +
+    min +
+    "px, calc(" +
+    min +
+    "px + (" +
+    max +
+    "-" +
+    min +
+    ") * (100vw - " +
+    minScreenSize +
+    "px)/( " +
+    maxScreenSize +
+    "-" +
+    minScreenSize +
+    ")), " +
+    max +
+    "px )"
+  );
+};
+
+export default {
+  colors: {
+    darkgray: "#464646", // dark grey
+    grey: "#7C7C7C", // grey
+    lightgrey: "#D0D0D0", // light grey
+    red: "#E3000B", // rvf rot
+    ultradarkgray: "#2D2D2C", // another grey with no name
+    ultralightgrey: "#F5F5F5", // ultralight grey
+  },
+  plugins: [containerQueries],
+  theme: {
+    fontFamily: {
+      sans: [
+        "'Source Sans Pro'",
+        "'Source Sans 3'",
+        "source-sans-pro",
+        "sans-serif",
+      ],
+    },
+    fontSize: {
+      "2xl": getClamp(29, 39), // h2
+      "3xl": getClamp(35, 48), // h1
+      base: getClamp(16, 20), // p
+      lg: getClamp(19, 25), // H4
+      sm: getClamp(13, 15), // small
+      xl: getClamp(24, 31), // h3
+    },
+  },
+};