diff --git a/app/components/footer.tsx b/app/components/footer.tsx
index ebdf8febe..4c1ba86cf 100644
--- a/app/components/footer.tsx
+++ b/app/components/footer.tsx
@@ -1,291 +1,134 @@
-import { t, Trans } from "@lingui/macro";
-import { Box, Link, Theme, Typography } from "@mui/material";
-import { makeStyles } from "@mui/styles";
-import NextLink from "next/link";
-import { forwardRef, ReactNode } from "react";
+import {
+ Footer as SwissFederalCiFooter,
+ FooterSection,
+ FooterSectionButton,
+ FooterSectionSocialMediaButton,
+ FooterSectionSocialMediaButtonGroup,
+ FooterSectionText,
+ FooterSectionTitle,
+} from "@interactivethings/swiss-federal-ci/dist/components";
+import { t } from "@lingui/macro";
+import { Link, SxProps } from "@mui/material";
-import Flex, { FlexProps } from "@/components/flex";
import contentRoutes from "@/content-routes.json";
import { BUILD_COMMIT, BUILD_GITHUB_REPO, BUILD_VERSION } from "@/domain/env";
import { useLocale } from "@/locales/use-locale";
-const Version = () => {
- let commitLink = null;
+const mkVersionLink = () => {
+ let commitLink = "";
+ let href = "";
- if (BUILD_GITHUB_REPO && BUILD_COMMIT) {
- commitLink = (
- <>
- (
-
- {BUILD_COMMIT.substr(0, 7)}
-
- )
-
- );
- } else if (BUILD_COMMIT) {
+ if (BUILD_COMMIT) {
commitLink = `(${BUILD_COMMIT.substr(0, 7)})`;
}
- return (
- <>
- {BUILD_VERSION} {commitLink}
-
- );
-};
+ if (BUILD_GITHUB_REPO) {
+ href = `${BUILD_GITHUB_REPO}/commit/${BUILD_COMMIT}`;
+ }
-const useStyles = makeStyles((theme: Theme) => ({
- root: {
- backgroundColor: theme.palette.grey[200],
- borderTopWidth: "1px",
- borderTopStyle: "solid",
- borderTopColor: theme.palette.grey[100],
- },
- logoContainer: {
- padding: `${theme.spacing(5)} ${theme.spacing(4)}`,
- borderTopWidth: "1px",
- borderBottomWidth: "1px",
- borderTopStyle: "solid",
- borderBottomStyle: "solid",
- borderTopColor: theme.palette.divider,
- borderBottomColor: theme.palette.divider,
- },
-}));
+ return {
+ title: `${BUILD_VERSION} ${commitLink}`,
+ href,
+ external: true,
+ };
+};
-export const Footer = ({ sx }: { sx?: FlexProps["sx"] }) => {
+export const Footer = ({ sx }: { sx?: SxProps }) => {
const locale = useLocale();
- const classes = useStyles();
+ const legalLink = {
+ title: contentRoutes.legal[locale].title,
+ href: contentRoutes.legal[locale].path,
+ external: false,
+ };
+ const imprintLink = {
+ title: contentRoutes.imprint[locale].title,
+ href: contentRoutes.imprint[locale].path,
+ external: false,
+ };
+ const versionLink = mkVersionLink();
return (
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Federal Office for the Environment FOEN
-
-
-
-
-
-
+
+
-
-
-
-
+
+
-
-
-
-
- Changelog
-
-
- Tutorials
-
-
-
- Status
-
-
-
- {contentRoutes.legal[locale].title}
-
-
-
-
- {contentRoutes.imprint[locale].title}
-
-
-
-
-
- );
-};
-
-const useFooterLinkStyles = makeStyles((theme: Theme) => ({
- root: {
- color: theme.palette.primary.main,
- fontSize: "0.875rem",
- textDecoration: "none",
- cursor: "pointer",
- "&:hover": {
- color: theme.palette.primary.hover,
- },
- "&:active": {
- color: theme.palette.primary.hover,
- },
- "&:disabled": {
- cursor: "initial",
- color: theme.palette.primary.disabled,
- },
- },
- bottomLink: {
- fontSize: "0.875rem",
-
- borderTopStyle: "solid",
- borderTopColor: theme.palette.divider,
-
- textDecoration: "none",
- cursor: "pointer",
- "&:hover": {
- color: theme.palette.primary.hover,
- },
- "&:active": {
- color: theme.palette.primary.hover,
- },
- "&:disabled": {
- cursor: "initial",
- color: theme.palette.primary.disabled,
- },
- },
-}));
-
-const FooterLink = ({
- children,
- ...props
-}: {
- children: ReactNode;
- href?: string;
-}) => {
- const classes = useFooterLinkStyles();
- return (
-
- {children}
-
+
+
+
+
);
};
-
-const FooterLinkBottom = forwardRef<
- HTMLAnchorElement,
- { children: ReactNode; href?: string }
->(function FooterLinkBottom({ children, ...props }, ref) {
- const classes = useFooterLinkStyles();
-
- return (
-
- {children}
-
- );
-});
-
-const Logo = () => (
-
-);
diff --git a/app/jest.setup.ts b/app/jest.setup.ts
index f6160a6cb..b242fced5 100644
--- a/app/jest.setup.ts
+++ b/app/jest.setup.ts
@@ -155,3 +155,5 @@ jest.mock("rdf-cube-view-query", () => ({
}));
jest.mock("@zazuko/cube-hierarchy-query/index", () => ({}));
+
+jest.mock("@interactivethings/swiss-federal-ci/dist/components", () => {});
diff --git a/app/locales/de/messages.po b/app/locales/de/messages.po
index 52568d4f5..8fcf1eafb 100644
--- a/app/locales/de/messages.po
+++ b/app/locales/de/messages.po
@@ -611,7 +611,7 @@ msgstr "Basis Farbe"
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-categorical"
-msgstr "Verwenden Sie klare, kontrastreiche Farben. Vermeiden Sie die Verwendung von zu vielen Farben, maximal 5-7. Verwenden Sie sequenzielle Paletten für geordnete Daten und divergierende Paletten für Extreme."
+msgstr "Verwenden Sie klare, kontrastreiche Farben. Beschränken Sie sich auf 5–7 Farben. Nutzen Sie sequenzielle Paletten für geordnete Daten und divergierende Paletten für Extremwerte."
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
@@ -621,7 +621,7 @@ msgstr "Wählen Sie kontrastierende Farben für Start- und Endpunkt. Diese Farbe
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-sequential"
-msgstr "Wählen Sie eine dunkle Endpunktfarbe für einen starken Kontrast zwischen niedrigen und hohen Werten; die helle Farbe wird automatisch berechnet. Sequentielle Farbpaletten eignen sich für geordnete Daten wie Temperaturen oder Bevölkerungsdichten."
+msgstr "Verwenden Sie klare, kontrastreiche Farben. Vermeiden Sie die Verwendung von zu vielen Farben, maximal 5-7. Verwenden Sie sequenzielle Paletten für geordnete Daten und divergierende Paletten für Extreme."
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.categorical"
@@ -1528,12 +1528,24 @@ msgid "flashes.couldnt-load-cube.view-cube-checker"
msgstr "Ansicht im Cube Validator"
#: app/components/footer.tsx
-msgid "footer.institution.name"
-msgstr "Bundesamt für Umwelt BAFU"
+msgid "footer.about_us.label"
+msgstr "Über dieses Portal"
#: app/components/footer.tsx
-msgid "footer.institution.url"
-msgstr "https://www.bafu.admin.ch/bafu/de/home.html"
+msgid "footer.about_us.text"
+msgstr "Das Portal visualize.admin.ch ermöglicht die Visualisierung von Schweizer Open Government Data, die durch den LINDAS Linked Data Service bereitgestellt werden. Open Government Data (OGD) sind Daten, die der Öffentlichkeit kostenlos in computerlesbarem Format zur Verfügung gestellt werden."
+
+#: app/components/footer.tsx
+msgid "footer.button.lindas"
+msgstr "LINDAS Linked Data Dienste"
+
+#: app/components/footer.tsx
+msgid "footer.contact.title"
+msgstr "Informiert bleiben"
+
+#: app/components/footer.tsx
+msgid "footer.information.title"
+msgstr "Weitere Informationen"
#: app/components/footer.tsx
msgid "footer.status"
diff --git a/app/locales/en/messages.po b/app/locales/en/messages.po
index 8ccdf4972..76fa8329d 100644
--- a/app/locales/en/messages.po
+++ b/app/locales/en/messages.po
@@ -621,7 +621,7 @@ msgstr "Choose contrasting colors for the start and end points. These colors wil
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-sequential"
-msgstr "Select a dark endpoint color for a strong contrast between low and high values; the light color is calculated automatically. Sequential color palettes are suitable for ordered data such as temperatures or population densities."
+msgstr "Select a dark endpoint color for a strong contrast between low and high values; the light color is calculated automatically. Sequential color palettes are suitable for ordered data such as temperatures or population densities"
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.categorical"
@@ -1528,12 +1528,24 @@ msgid "flashes.couldnt-load-cube.view-cube-checker"
msgstr "View in Cube Validator"
#: app/components/footer.tsx
-msgid "footer.institution.name"
-msgstr "Federal Office for the Environment FOEN"
+msgid "footer.about_us.label"
+msgstr "About Us"
#: app/components/footer.tsx
-msgid "footer.institution.url"
-msgstr "https://www.bafu.admin.ch/bafu/en/home.html"
+msgid "footer.about_us.text"
+msgstr "The portal visualize.admin.ch allows the visualization of Swiss Open Government Data provided by the LINDAS Linked Data Service. Open Government Data (OGD) are data that are made available to the public free of charge in computer-readable format."
+
+#: app/components/footer.tsx
+msgid "footer.button.lindas"
+msgstr "LINDAS Linked Data Services"
+
+#: app/components/footer.tsx
+msgid "footer.contact.title"
+msgstr "Stay informed"
+
+#: app/components/footer.tsx
+msgid "footer.information.title"
+msgstr "Further information"
#: app/components/footer.tsx
msgid "footer.status"
diff --git a/app/locales/fr/messages.po b/app/locales/fr/messages.po
index 124aa2c47..fe658b22e 100644
--- a/app/locales/fr/messages.po
+++ b/app/locales/fr/messages.po
@@ -611,17 +611,17 @@ msgstr "Couleur de base"
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-categorical"
-msgstr "Utilisez des couleurs distinctes et contrastées. Évitez d'utiliser trop de couleurs, au maximum 5 à 7. Appliquez des palettes séquentielles pour les données ordonnées et des palettes divergentes pour les extrêmes."
+msgstr "Utilisez des couleurs claires et contrastées. Limitez-vous à 5-7 couleurs. Utilisez des palettes séquentielles pour les données ordonnées et des palettes divergentes pour les valeurs extrêmes."
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-diverging"
-msgstr "Choisissez des couleurs contrastées pour les points de départ et d'arrivée. Ces couleurs permettent de distinguer visuellement les valeurs extrêmes. Les palettes divergentes sont idéales pour les données comportant un point médian significatif, tel que zéro ou une moyenne. IT Scegliere colori contrastanti per i punti iniziali e finali. Questi colori facilitano la distinzione visiva dei valori estremi. Le palette divergenti sono ideali per dati con un punto medio significativo, come zero o un valore medio."
+msgstr "Choisissez des couleurs contrastées pour les points de départ et d'arrivée. Ces couleurs permettent de distinguer visuellement les valeurs extrêmes. Les palettes divergentes sont idéales pour les données comportant un point médian significatif, tel que zéro ou une moyenne."
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-sequential"
-msgstr "Sélectionnez une couleur d'extrémité foncée pour obtenir un fort contraste entre les valeurs faibles et élevées ; la couleur claire est calculée automatiquement. Les palettes de couleurs séquentielles conviennent aux données ordonnées telles que les températures ou les densités de population."
+msgstr "Choisissez une couleur de point final sombre pour un fort contraste entre les valeurs basses et élevées. La couleur claire est calculée automatiquement. Les palettes de couleurs séquentielles conviennent aux données ordonnées telles que les températures ou les densités de population."
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.categorical"
@@ -1528,12 +1528,24 @@ msgid "flashes.couldnt-load-cube.view-cube-checker"
msgstr "Voir dans Cube Validator"
#: app/components/footer.tsx
-msgid "footer.institution.name"
-msgstr "Office fédéral de l'environnement OFEV"
+msgid "footer.about_us.label"
+msgstr "À propos de ce portail"
#: app/components/footer.tsx
-msgid "footer.institution.url"
-msgstr "https://www.bafu.admin.ch/bafu/fr/home.html"
+msgid "footer.about_us.text"
+msgstr "Le portail visualize.admin.ch permet de visualiser les Open Government Data suisses fournies par le LINDAS Linked Data Service. Les Open Government Data (OGD) sont des données mises gratuitement à la disposition du public dans un format lisible par ordinateur."
+
+#: app/components/footer.tsx
+msgid "footer.button.lindas"
+msgstr "Services de données liées LINDAS"
+
+#: app/components/footer.tsx
+msgid "footer.contact.title"
+msgstr "Rester informé"
+
+#: app/components/footer.tsx
+msgid "footer.information.title"
+msgstr "Plus d'informations"
#: app/components/footer.tsx
msgid "footer.status"
diff --git a/app/locales/it/messages.po b/app/locales/it/messages.po
index f1fff89fa..1beb77c6f 100644
--- a/app/locales/it/messages.po
+++ b/app/locales/it/messages.po
@@ -611,17 +611,17 @@ msgstr "Colore base"
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-categorical"
-msgstr "Utilizzare colori distinti e ad alto contrasto. Evitare di usare troppi colori, massimo 5-7. Applicare tavolozze sequenziali per i dati ordinati e tavolozze divergenti per gli estremi."
+msgstr "Utilizza colori distinti con alto contrasto. Limita la palette a un massimo di 5-7 colori. Usa palette sequenziali per rappresentare dati e palette divergenti per evidenziare gli estremi."
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-diverging"
-msgstr "Scegliere colori contrastanti per i punti iniziali e finali. Questi colori facilitano la distinzione visiva dei valori estremi. Le palette divergenti sono ideali per dati con un punto medio significativo, come zero o un valore medio."
+msgstr "Scegli colori contrastanti per i punti iniziali e finali: questo aiuterà a distinguere visivamente gli estremi. Le palette divergenti sono particolarmente efficaci per i dati che hanno un punto medio significativo, come zero o un valore medio."
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.caption-sequential"
-msgstr "Per ottenere un forte contrasto tra valori bassi e alti, è possibile selezionare un colore scuro per l'endpoint; il colore chiaro viene calcolato automaticamente. Le tavolozze di colori sequenziali sono adatte per dati ordinati come le temperature o le densità di popolazione."
+msgstr "Seleziona un colore scuro per il punto finale per creare un forte contrasto tra valori bassi e alti, il colore chiaro viene calcolato automaticamente. Le tavolozze di colori sequenziali sono ideali per rappresentare dati come temperature o densità della popolazione."
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.categorical"
@@ -679,7 +679,7 @@ msgstr "Titolo tavolozza (obbligatorio)"
#: app/configurator/components/chart-controls/drawer-color-palette-content.tsx
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.title-unavailable"
-msgstr "Questo nome è già in uso. Scegliete un nome unico per la vostra tavolozza di colori."
+msgstr "Questo nome è già in uso. Scegliete un nome univoco per la vostra tavolozza di colori."
#: app/login/components/color-palettes/profile-color-palette-form.tsx
msgid "controls.custom-color-palettes.type"
@@ -1528,12 +1528,24 @@ msgid "flashes.couldnt-load-cube.view-cube-checker"
msgstr "Visualizza in Cube Validator"
#: app/components/footer.tsx
-msgid "footer.institution.name"
-msgstr "Ufficio federale dell'ambiente UFAM"
+msgid "footer.about_us.label"
+msgstr "Informazioni su questo portale"
#: app/components/footer.tsx
-msgid "footer.institution.url"
-msgstr "https://www.bafu.admin.ch/bafu/it/home.html"
+msgid "footer.about_us.text"
+msgstr "Il portale visualize.admin.ch consente di visualizzare i dati aperti del governo svizzero forniti dal Linked Data Service LINDAS. Gli Open Government Data (OGD) sono dati resi disponibili gratuitamente al pubblico in formato leggibile al computer."
+
+#: app/components/footer.tsx
+msgid "footer.button.lindas"
+msgstr "Servizi di dati collegati LINDAS"
+
+#: app/components/footer.tsx
+msgid "footer.contact.title"
+msgstr "Rimanete informati"
+
+#: app/components/footer.tsx
+msgid "footer.information.title"
+msgstr "Ulteriori informazioni"
#: app/components/footer.tsx
msgid "footer.status"
@@ -1733,15 +1745,15 @@ msgstr "Le mie tavolozze"
#: app/login/components/color-palettes/profile-color-palette-content.tsx
msgid "login.profile.my-color-palettes.delete"
-msgstr "Cancellare il colore Paleete"
+msgstr "Cancellare la tavolozza di colori"
#: app/login/components/color-palettes/profile-color-palette-content.tsx
msgid "login.profile.my-color-palettes.description"
-msgstr "Salvate una tavolozza di colori personalizzata per selezionare facilmente i colori delle vostre visualizzazioni."
+msgstr "Salvate una tavolozza di colori personalizzata per selezionare facilmente i vostri colori durante la creazione di una visualizzazione."
#: app/login/components/color-palettes/profile-color-palette-content.tsx
msgid "login.profile.my-color-palettes.edit"
-msgstr "Modifica colore Paleete"
+msgstr "Modifica colore della tavolozza"
#: app/login/components/profile-content-tabs.tsx
#: app/login/components/profile-content-tabs.tsx
diff --git a/app/package.json b/app/package.json
index 719a524c6..2b05632f4 100644
--- a/app/package.json
+++ b/app/package.json
@@ -26,6 +26,7 @@
"@dnd-kit/utilities": "3.2.2",
"@emotion/react": "^11.8.2",
"@emotion/styled": "^11.8.1",
+ "@interactivethings/swiss-federal-ci": "^2.16.1",
"@graphql-tools/schema": "^7.1.5",
"@juggle/resize-observer": "^3.4.0",
"@lexical/link": "0.17.1",
@@ -151,6 +152,7 @@
"topojson-client": "^3.1.0",
"topojson-server": "^3.0.1",
"ts-pattern": "4.3.0",
+ "tss-react": "^4.9.14",
"typescript-lru-cache": "^2.0.0",
"urql": "^2.0.5",
"use-debounce": "^7.0.0",
@@ -177,6 +179,7 @@
"@graphql-codegen/typescript-operations": "^1.18.2",
"@graphql-codegen/typescript-resolvers": "^1.19.4",
"@graphql-codegen/typescript-urql": "^2.0.9",
+ "@graphql-tools/schema": "^10.0.16",
"@lingui/cli": "^3.17.2",
"@lingui/macro": "^3.17.2",
"@mdx-js/loader": "^1.6.22",
diff --git a/yarn.lock b/yarn.lock
index 261d05631..d1ad0aac7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3416,6 +3416,17 @@
source-map "^0.5.7"
stylis "4.0.13"
+"@emotion/cache@*":
+ version "11.14.0"
+ resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.14.0.tgz#ee44b26986eeb93c8be82bb92f1f7a9b21b2ed76"
+ integrity sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==
+ dependencies:
+ "@emotion/memoize" "^0.9.0"
+ "@emotion/sheet" "^1.4.0"
+ "@emotion/utils" "^1.4.2"
+ "@emotion/weak-memoize" "^0.4.0"
+ stylis "4.2.0"
+
"@emotion/cache@^10.0.27":
version "10.0.29"
resolved "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz"
@@ -3442,6 +3453,11 @@
resolved "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz"
integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+"@emotion/hash@^0.9.2":
+ version "0.9.2"
+ resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.2.tgz#ff9221b9f58b4dfe61e619a7788734bd63f6898b"
+ integrity sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==
+
"@emotion/is-prop-valid@^0.8.2":
version "0.8.8"
resolved "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz"
@@ -3466,6 +3482,11 @@
resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz"
integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
+"@emotion/memoize@^0.9.0":
+ version "0.9.0"
+ resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.9.0.tgz#745969d649977776b43fc7648c556aaa462b4102"
+ integrity sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==
+
"@emotion/react@^11.8.2":
version "11.8.2"
resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.8.2.tgz#e51f5e6372e22e82780836c9288da19af4b51e70"
@@ -3479,6 +3500,17 @@
"@emotion/weak-memoize" "^0.2.5"
hoist-non-react-statics "^3.3.1"
+"@emotion/serialize@*":
+ version "1.3.3"
+ resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.3.3.tgz#d291531005f17d704d0463a032fe679f376509e8"
+ integrity sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==
+ dependencies:
+ "@emotion/hash" "^0.9.2"
+ "@emotion/memoize" "^0.9.0"
+ "@emotion/unitless" "^0.10.0"
+ "@emotion/utils" "^1.4.2"
+ csstype "^3.0.2"
+
"@emotion/serialize@^0.11.15":
version "0.11.16"
resolved "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz"
@@ -3511,6 +3543,11 @@
resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.0.tgz#56d99c41f0a1cda2726a05aa6a20afd4c63e58d2"
integrity sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==
+"@emotion/sheet@^1.4.0":
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.4.0.tgz#c9299c34d248bc26e82563735f78953d2efca83c"
+ integrity sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==
+
"@emotion/styled@^11.8.1":
version "11.8.1"
resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.8.1.tgz#856f6f63aceef0eb783985fa2322e2bf66d04e17"
@@ -3532,11 +3569,21 @@
resolved "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz"
integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+"@emotion/unitless@^0.10.0":
+ version "0.10.0"
+ resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.10.0.tgz#2af2f7c7e5150f497bdabd848ce7b218a27cf745"
+ integrity sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==
+
"@emotion/use-insertion-effect-with-fallbacks@^1.0.0", "@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
version "1.0.1"
resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
+"@emotion/utils@*", "@emotion/utils@^1.4.2":
+ version "1.4.2"
+ resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.4.2.tgz#6df6c45881fcb1c412d6688a311a98b7f59c1b52"
+ integrity sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==
+
"@emotion/utils@0.11.3":
version "0.11.3"
resolved "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz"
@@ -3557,6 +3604,11 @@
resolved "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz"
integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
+"@emotion/weak-memoize@^0.4.0":
+ version "0.4.0"
+ resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz#5e13fac887f08c44f76b0ccaf3370eb00fec9bb6"
+ integrity sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==
+
"@endemolshinegroup/cosmiconfig-typescript-loader@3.0.2":
version "3.0.2"
resolved "https://registry.npmjs.org/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-3.0.2.tgz"
@@ -4806,6 +4858,11 @@
resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz#56f00962ff0c4e0eb93d34a047d29fa995e3e342"
integrity sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==
+"@interactivethings/swiss-federal-ci@^2.16.1":
+ version "2.16.1"
+ resolved "https://registry.yarnpkg.com/@interactivethings/swiss-federal-ci/-/swiss-federal-ci-2.16.1.tgz#4f595501f5a3519990958d862d2fff093c1e242a"
+ integrity sha512-2WcZRF28sPX6AO8RhuaPCENG5UPVYZNVRxPlNTvZTnxu+UZmSBFot0RalfDZQLjT/0qcY717pxUDws3/2wz1rg==
+
"@isaacs/cliui@^8.0.2":
version "8.0.2"
resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
@@ -26396,6 +26453,11 @@ stylis@4.0.13:
resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.13.tgz#f5db332e376d13cc84ecfe5dace9a2a51d954c91"
integrity sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==
+stylis@4.2.0:
+ version "4.2.0"
+ resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+ integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
stylus-lookup@^3.0.1:
version "3.0.2"
resolved "https://registry.yarnpkg.com/stylus-lookup/-/stylus-lookup-3.0.2.tgz#c9eca3ff799691020f30b382260a67355fefdddd"
@@ -27079,6 +27141,15 @@ tslib@~2.2.0:
resolved "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz"
integrity sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w==
+tss-react@^4.9.14:
+ version "4.9.14"
+ resolved "https://registry.yarnpkg.com/tss-react/-/tss-react-4.9.14.tgz#0b606b7a08fe80670c8c7d09f2c24421422a2300"
+ integrity sha512-nAj4RCQk3ADzrmtxmTcmN1B9EKxPMIxuCfJ3ll964CksndJ2/ZImF6rAMo2Kud5yE3ENXHpPIBHCyuMtgptMvw==
+ dependencies:
+ "@emotion/cache" "*"
+ "@emotion/serialize" "*"
+ "@emotion/utils" "*"
+
tsutils@^3.21.0:
version "3.21.0"
resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"