@orangesk/orange-design-system 2.0.0-alpha.2 → 2.0.0-alpha.3

package/src/components/Stepbar/styles/config.scss

@@ -0,0 +1,91 @@
+@use "../../../styles/tokens/color";
+@use "../../../styles/tokens/space";
+@use "../../../styles/tools/convert";
+
+$item-base: (
+  display: inline-flex,
+  align-items: center,
+  padding-top: space.get("small"),
+  padding-bottom: space.get("small"),
+  margin: 0 0 0 space.get("xsmall"),
+  color: var(--color-text-default),
+);
+
+$arrow-spacing-small: (
+  default: (
+    padding-left: convert.to-rem(30px),
+    padding-right: convert.to-rem(14px),
+  ),
+  first: (
+    padding-left: convert.to-rem(30px),
+  ),
+  last: (
+    padding-right: convert.to-rem(30px),
+  ),
+);
+
+$arrow-spacing: (
+  default: (
+    padding-left: convert.to-rem(40px),
+    padding-right: convert.to-rem(19px),
+  ),
+  first: (
+    padding-left: convert.to-rem(35px),
+  ),
+  last: (
+    padding-right: convert.to-rem(35px),
+  ),
+);
+
+$arrows: (
+  default: (
+    done:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='black'/%3E%3C/svg%3E"),
+    current:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='%23F16E00'/%3E%3C/svg%3E"),
+    next:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='%23eee'/%3E%3C/svg%3E"),
+  ),
+  inverse: (
+    done:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='white'/%3E%3C/svg%3E"),
+    current:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='%23F16E00'/%3E%3C/svg%3E"),
+    next:
+      url("data:image/svg+xml,%3Csvg width='21' height='40' viewBox='0 0 21 40' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H0V40H5L21 20L5 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L16 20L0 40V0Z' fill='%23eee'/%3E%3C/svg%3E"),
+  ),
+);
+
+$item-done-colors: (
+  default: (
+    background: var(--color-surface-contrast),
+  ),
+);
+
+$item-colors: (
+  current: (
+    background: var(--color-surface-tertiary),
+    color: var(--color-text-default),
+  ),
+  next: (
+    background: var(--color-surface-subtle),
+    color: var(--color-surface-contrast),
+  ),
+);
+
+$link-colors: (
+  default: (
+    base: (
+      color: var(--color-text-inverse),
+    ),
+    interaction: (
+      color: var(--color-text-accent),
+    ),
+  ),
+);
+
+$link-underline: (
+  text-decoration: underline,
+  text-underline-position: under,
+  box-shadow: none,
+);

package/src/components/Stepbar/styles/mixins.scss

@@ -0,0 +1,132 @@
+@use "sass:map" as sass-map;
+@use "../../../styles/tokens/space";
+@use "../../../styles/tools/convert";
+@use "../../../styles/tools/generate";
+@use "../../../styles/tools/map";
+@use "../../../styles/tokens/breakpoint";
+@use "../../../styles/typography/mixins" as typoMixins;
+@use "./config";
+
+@mixin list-base {
+  display: flex;
+  flex-wrap: nowrap;
+  list-style-type: none;
+  padding-left: 0;
+  margin: 0 0 space.get() 0;
+  max-width: none;
+  font-weight: bold;
+}
+
+@mixin item-base($config: config.$item-base) {
+  position: relative;
+  justify-content: center;
+  flex: 0 1 0;
+
+  @include arrow();
+
+  @include generate.css-map($config);
+
+  @include breakpoint.get("xs", "down") {
+    @include generate.css-map(config.$arrow-spacing-small, "default");
+    &:first-of-type {
+      margin-left: 0;
+      @include generate.css-map(config.$arrow-spacing-small, "first");
+    }
+    &:last-of-type {
+      @include generate.css-map(config.$arrow-spacing-small, "last");
+    }
+
+    flex-grow: 1;
+  }
+}
+
+@mixin item-wide {
+  flex-grow: 1;
+}
+
+@mixin arrow($config: config.$arrow-spacing) {
+  margin: 0;
+
+  @include breakpoint.get("sm") {
+    @include generate.css-map($config, "default");
+
+    &:first-of-type {
+      margin-left: 0;
+      @include generate.css-map($config, "first");
+    }
+
+    &:last-of-type {
+      @include generate.css-map($config, "last");
+    }
+  }
+
+  &:not(:last-of-type)::after {
+    content: "";
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: -21px;
+    width: 21px;
+    height: 100%;
+    background-size: 100% 100%;
+  }
+}
+
+@mixin item-color($variant, $color, $arrows: config.$arrows) {
+  @if $color == done {
+    @include generate.css-map(config.$item-done-colors, $variant);
+  } @else {
+    @include generate.css-map(config.$item-colors, $color);
+  }
+  // current item shows title from sm up
+  @if $color == current {
+    @include breakpoint.get("sm") {
+      flex-grow: 1;
+    }
+  }
+
+  &::after {
+    background-image: sass-map.get($arrows, $variant, $color);
+  }
+}
+
+@mixin link-overlay {
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+@mixin link-color($variant, $config: config.$link-colors) {
+  @include generate.css-map($config, $variant, "base");
+
+  &:hover,
+  &:focus,
+  &:active {
+    @include generate.css-map($config, $variant, "interaction");
+  }
+}
+
+@mixin link-underline {
+  &:hover,
+  &:focus,
+  &:active {
+    @include generate.css-map(config.$link-underline);
+  }
+}
+
+@mixin first-letter-only {
+  max-width: convert.to-rem(9px);
+  overflow: hidden;
+  max-height: convert.to-rem(20px);
+}
+
+@mixin full-title {
+  max-width: none;
+  overflow: visible;
+  max-height: none;
+}

package/src/components/Stepbar/styles/style.scss

@@ -0,0 +1,77 @@
+@use "./mixins";
+@use "../../../styles/tokens/breakpoint";
+
+@layer components {
+  .stepbar {
+    $this: &;
+
+    &__label {
+      display: none;
+    }
+
+    &__list {
+      @include mixins.list-base();
+    }
+
+    &__item {
+      @include mixins.item-base();
+      @include mixins.item-color("default", "done");
+
+      * {
+        @include mixins.first-letter-only();
+      }
+
+      &--current {
+        @include mixins.item-color("default", "current");
+
+        @include breakpoint.get("sm") {
+          @include mixins.item-wide();
+
+          * {
+            @include mixins.full-title();
+          }
+        }
+      }
+
+      &--current ~ & {
+        @include mixins.item-color("default", "next");
+      }
+
+      .bg-black &,
+      .is-dark & {
+        @include mixins.item-color("inverse", "done");
+
+        &--current {
+          @include mixins.item-color("inverse", "current");
+        }
+
+        &--current ~ .stepbar__item {
+          @include mixins.item-color("inverse", "next");
+        }
+      }
+
+      @each $breakpoint in ("md", "lg", "xl") {
+        @include breakpoint.get($breakpoint) {
+          #{$this}--wide-#{$breakpoint} &:not(&--current) {
+            @include mixins.item-wide();
+
+            * {
+              @include mixins.full-title();
+            }
+          }
+        }
+      }
+    }
+
+    &__link {
+      @include mixins.link-color("default");
+      @include mixins.link-overlay();
+      @include mixins.link-underline();
+
+      .bg-black &,
+      .is-dark & {
+        @include mixins.link-color("inverse");
+      }
+    }
+  }
+}

package/src/components/Stepbar/tests/Stepbar.conformance.test.js

@@ -0,0 +1,34 @@
+import { render } from "@testing-library/react";
+import { axe } from "jest-axe";
+
+import { Stepbar } from "../";
+
+const example = (
+  <Stepbar
+    steps={[
+      {
+        title: "1. Paušál",
+        href: "#",
+      },
+      {
+        title: "2. Internet",
+        href: "#",
+        isCurrent: true,
+      },
+      {
+        title: "3. TV (nepovinné)",
+        href: "#",
+      },
+    ]}
+  />
+);
+
+it("is valid html", () => {
+  const { container } = render(example);
+  expect(container).toHTMLValidate();
+});
+
+it("is accessible", async () => {
+  const { container } = render(example);
+  expect(await axe(container)).toHaveNoViolations();
+});

package/src/components/Stepbar/tests/Stepbar.unit.test.js

@@ -0,0 +1,92 @@
+import { render } from "@testing-library/react";
+
+import { Stepbar } from "../Stepbar";
+
+const steps1 = [{ href: "/test1", isCurrent: false, title: "test1-title" }];
+const steps2 = [
+  { href: "/test1", isCurrent: false, title: "test1-title" },
+  { href: "/test2", isCurrent: true, title: "test2-title" },
+  { href: "/test3", isCurrent: true, title: "test3-title" },
+];
+
+//steps prop is required
+describe("rendering Stepbar", () => {
+  describe("initial state", () => {
+    it("has default class stepbar", () => {
+      const { getByTestId } = render(
+        <Stepbar data-testid="test-id" steps={[]} />,
+      );
+      expect(getByTestId("test-id")).toHaveClass("stepbar");
+    });
+    it("ordered list element has default class stepbar__list", () => {
+      const { container } = render(<Stepbar steps={[]} />);
+      expect(container.querySelector("ol")).toHaveClass("stepbar__list");
+    });
+  });
+  describe("passed props", () => {
+    it("has additional class when className is set", () => {
+      const { getByTestId } = render(
+        <Stepbar data-testid="test-id" steps={[]} className="test-class" />,
+      );
+      expect(getByTestId("test-id")).toHaveClass("stepbar");
+      expect(getByTestId("test-id")).toHaveClass("test-class");
+    });
+    it("renders list element/elements with class stepbar__item when steps prop isnt empty array", () => {
+      const { container } = render(
+        <Stepbar steps={steps1} className="test-class" />,
+      );
+      expect(container.querySelector("li")).toBeTruthy();
+      expect(container.querySelector("li")).toHaveClass("stepbar__item");
+    });
+    it(`previous step titles are rendered inside an anchor tag`, () => {
+      const { container } = render(
+        <Stepbar steps={steps2} className="test-class" />,
+      );
+      const currentItemIndex = steps2.findIndex((step) => {
+        return step.isCurrent;
+      });
+      const listArr = container.querySelectorAll("li");
+      for (let el in steps2) {
+        if (el < currentItemIndex) {
+          expect(listArr[el].querySelector("a")).toBeTruthy();
+          expect(listArr[el].querySelector("a").textContent).toBe(
+            `${parseInt(el) + 1}. test${parseInt(el) + 1}-title`,
+          );
+        } else {
+          expect(listArr[el].querySelector("a")).toBeFalsy();
+          expect(listArr[el].textContent).toBe(
+            `${parseInt(el) + 1}. test${parseInt(el) + 1}-title`,
+          );
+        }
+      }
+    });
+    it(`previous step titles have class stepbar__link`, () => {
+      const { container } = render(
+        <Stepbar steps={steps2} className="test-class" />,
+      );
+      const currentItemIndex = steps2.findIndex((step) => {
+        return step.isCurrent;
+      });
+      const listArr = container.querySelectorAll("li");
+      for (let el in steps2) {
+        if (el < currentItemIndex) {
+          expect(listArr[el].querySelector("a")).toBeTruthy();
+          expect(listArr[el].querySelector("a")).toHaveClass("stepbar__link");
+        } else {
+          expect(listArr[el].querySelector("a")).toBeFalsy();
+        }
+      }
+    });
+    it(`first steps element with attribute isCurrent=true renders list el. with class stepbar__item--current`, () => {
+      const { container } = render(
+        <Stepbar steps={steps2} className="test-class" />,
+      );
+      const currentItemIndex = steps2.findIndex((step) => {
+        return step.isCurrent;
+      });
+      const item = container.querySelectorAll("li")[currentItemIndex];
+      expect(item).toBeTruthy();
+      expect(item).toHaveClass("stepbar__item--current");
+    });
+  });
+});

package/src/components/Tooltip/styles/config.scss

@@ -15,6 +15,7 @@ $dialog: (
   padding: space.get("medium"),
   background-color: var(--color-surface-primary),
   border: $border,
+  border-radius: convert.to-rem(5px),
 );
 
 /*

package/src/components/Tooltip/tests/Tooltip.unit.test.js

@@ -285,13 +285,13 @@ describe("rendering Tooltip", () => {
       const { getByTestId, container } = tooltip;
       fireEvent.mouseEnter(container.querySelector("button"));
       fireEvent.mouseLeave(container.querySelector("button"));
-      expect(getByTestId("test-id").hidden).not.toBe(true);
+      expect(getByTestId("test-id").hidden).toBe(true);
     });
     it("has hidden attribute set to true after button blur", () => {
       const { getByTestId, container } = tooltip;
       fireEvent.focus(container.querySelector("button"));
       fireEvent.blur(container.querySelector("button"));
-      expect(getByTestId("test-id").hidden).not.toBe(true);
+      expect(getByTestId("test-id").hidden).toBe(true);
     });
   });
   describe("colorScheme prop", () => {

package/src/components/index.ts

@@ -45,9 +45,18 @@ import { Loader } from "./Loader";
 import { Modal, ModalBody, ModalCloseButton, ModalTitle } from "./Modal";
 import { Section } from "./Section";
 import { Sticker } from "./Sticker";
+import { SkipLink } from "./SkipLink";
 import { List, ListItem } from "./List";
 import { Progress } from "./Progress";
 import { Pagination } from "./Pagination";
+import { PromoBanner } from "./PromoBanner";
+import {
+  PromotionCard,
+  PromotionCardSection,
+  PromotionCardContent,
+  PromotionCardTitle,
+  PromotionCardImageWrapper,
+} from "./PromotionCard";
 
 import {
   Autocomplete,
@@ -67,6 +76,7 @@ import {
   Field,
 } from "./Forms";
 import { Skeleton } from "./Skeleton";
+import { Stepbar } from "./Stepbar";
 import { Tab, TabPanel, Tabs } from "./Tabs";
 import { Table } from "./Table";
 import { Tile } from "./Tile";
@@ -75,6 +85,8 @@ import { Tooltip, InfoTooltip } from "./Tooltip";
 import "../styles/after-components.scss";
 import { Cover } from "./Cover";
 import { Testimonial } from "./Testimonial";
+import { Hero } from "./Hero";
+import { IconList, Item } from "./IconList";
 
 export {
   Accordion,
@@ -122,16 +134,20 @@ export {
   GridCol,
   Group,
   Hint,
+  PromoBanner,
   Icon,
   IconButton,
+  IconList,
+  Item,
   Image,
   InfoTooltip,
   InputStepper,
   Label,
   Link,
+  Hero,
+  Loader,
   List,
   ListItem,
-  Loader,
   Message,
   Modal,
   ModalBody,
@@ -139,11 +155,18 @@ export {
   ModalTitle,
   Pagination,
   Progress,
+  PromotionCard,
+  PromotionCardSection,
+  PromotionCardContent,
+  PromotionCardTitle,
+  PromotionCardImageWrapper,
   Radio,
   RangeSlider,
   Section,
   Select,
   Skeleton,
+  SkipLink,
+  Stepbar,
   Sticker,
   Tab,
   Table,

package/src/styles/before-components.scss

@@ -5,4 +5,14 @@
 
 @layer base {
   @include meta.load-css("./../../node_modules/normalize.css/normalize");
+  @include meta.load-css("./../../node_modules/swiper/swiper-bundle.css");
+  @include meta.load-css(
+    "./../../node_modules/swiper/modules/navigation.min.css"
+  );
+  @include meta.load-css(
+    "./../../node_modules/swiper/modules/pagination.min.css"
+  );
+  @include meta.load-css(
+    "./../../node_modules/swiper/modules/scrollbar.min.css"
+  );
 }

package/build/404.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><meta name="robots" content="noindex"/><meta name="next-size-adjust" content=""/><title>404: This page could not be found.</title><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[9665,[],\"OutletBoundary\"]\n9:I[4911,[],\"AsyncMetadataOutlet\"]\nb:I[9665,[],\"ViewportBoundary\"]\nd:I[9665,[],\"MetadataBoundary\"]\nf:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"_not-found\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"/_not-found\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:children:props:children:1:props:children:props:children:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:props:children:1:props:children:props:children:1:props:children:props:children:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:children:props:children:1:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:children:props:children:1:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],[\"$\",\"$1\",\"-d8n9vxhMHxyTI2Bmup8Iv\",{\"children\":[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"10:\"$Sreact.suspense\"\n11:I[4911,[],\"AsyncMetadata\"]\ne:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$10\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{\"promise\":\"$@12\"}]}]}]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script><script>self.__next_f.push([1,"a:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n12:{\"metadata\":\"$a:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/_next/static/BGy4QLZfZPwswIZT7YGE2/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(e,r,t){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:53,errorRate:1e-4,numBits:1017,numHashes:14,bitArray:[0,0,1,1,e,e,e,r,r,e,e,r,r,e,r,e,e,e,e,r,r,r,r,e,e,e,r,e,r,e,e,e,e,r,r,e,r,r,e,e,r,r,r,e,r,e,e,e,r,e,r,r,e,r,r,r,r,r,r,e,r,e,r,r,r,r,e,e,r,e,e,r,r,r,e,e,e,r,e,e,e,r,e,e,e,r,r,e,r,e,e,e,r,e,r,r,e,e,r,e,e,r,e,r,r,r,r,r,e,e,e,r,r,r,e,r,r,e,e,r,e,r,r,e,e,r,e,r,e,e,e,r,r,e,r,e,e,r,r,e,e,e,e,r,e,e,e,r,e,r,r,e,r,r,e,e,r,e,e,r,r,r,e,r,r,e,e,r,e,e,r,r,e,e,r,r,r,e,e,e,e,e,e,e,e,r,e,e,e,r,e,e,e,e,e,e,r,r,e,e,r,r,r,e,e,r,r,r,e,r,r,e,r,e,e,e,r,r,r,e,r,e,e,r,r,e,e,r,e,r,r,r,e,e,r,e,e,r,r,r,r,e,r,e,r,r,r,e,r,e,e,r,e,r,r,e,r,r,e,e,e,e,e,e,r,e,e,e,r,r,r,e,e,e,r,e,r,r,e,e,e,e,r,r,e,e,r,e,r,r,r,e,e,r,r,r,e,r,e,e,e,r,e,r,e,r,r,e,e,r,r,r,e,e,e,r,e,e,e,e,e,e,r,e,e,e,r,r,e,r,r,r,e,r,r,e,e,e,r,r,r,r,r,e,e,e,r,r,e,r,e,e,e,e,e,e,e,r,e,e,r,r,e,e,r,e,r,e,e,e,e,e,e,e,e,e,e,r,e,r,r,e,r,e,r,r,e,e,r,e,e,e,r,e,r,r,e,r,e,r,e,e,r,e,e,r,r,e,e,r,r,r,e,r,r,e,r,r,e,r,r,r,e,r,r,r,r,e,r,e,e,r,e,e,e,r,e,r,r,r,e,r,e,e,e,r,e,e,e,e,r,e,e,r,e,e,r,r,e,r,r,e,r,r,e,r,r,r,e,e,e,e,r,e,r,r,r,r,e,r,e,r,e,r,r,e,e,e,r,r,e,e,e,r,e,r,e,r,e,e,e,e,r,e,e,r,e,e,e,r,e,e,r,e,r,r,e,e,e,r,r,r,r,r,e,e,r,r,r,r,r,e,e,r,r,r,e,r,r,r,e,e,r,r,e,e,r,r,e,e,e,r,e,e,r,r,r,r,e,r,r,e,r,r,r,e,r,e,r,e,r,r,r,e,r,e,r,r,e,r,e,e,r,e,e,r,r,e,r,e,r,e,e,r,e,r,r,e,r,e,r,e,e,e,r,e,r,e,r,r,r,r,e,r,r,e,e,r,r,e,r,r,r,r,r,e,r,e,e,r,e,r,e,e,r,e,e,e,r,e,e,e,e,r,r,r,e,r,e,r,e,e,r,r,r,r,e,r,r,r,r,e,e,e,r,r,r,r,e,e,e,e,e,e,e,e,e,r,e,e,e,r,r,r,r,e,e,e,r,r,e,r,r,e,e,e,e,e,e,r,r,e,r,e,e,r,e,r,r,r,e,e,e,r,e,e,e,r,r,e,e,r,r,r,r,e,e,r,r,e,r,e,e,r,e,e,r,e,e,r,r,r,r,r,r,e,e,r,r,e,e,r,r,r,r,e,r,r,e,r,e,e,r,e,e,e,r,r,e,e,e,e,e,r,e,r,e,e,r,e,r,e,e,r,e,e,e,r,e,e,r,r,r,r,e,e,r,e,e,r,e,r,e,e,e,e,e,e,r,e,r,e,e,r,e,e,e,e,e,e,r,r,r,e,r,r,r,r,e,r,e,e,e,r,r,r,e,e,e,r,r,e,e,r,e,e,e,e,e,r,e,r,r,r,e,r,e,r,r,e,e,r,r,r,r,e,r,e,e,r,e,r,e,r,e,e,e,r,e,e,r,r,r,e,r,e,e,e,r,e,r,e,r,e,e,r,r,r,r,e,e,r,r,r,e,r,e,e,r,r,r,r,r,r,e,r,e,r,r,e,r,e,e,e,r,r,e,e,e,r,r,r,e,r,r,e,e,r,e,e,e,e,r,e,e,r,e,e,e,e,r,r,r,r,r,e,r,e,r,e,e,e,r,e,r,e,e,e,r,r,e,r,e,r,r,e,r,r,r,r,e,r,r,r,r,r,e,r,r,r,e,e,r,r,r,e,e,e,r,e,r,e,e,r,e,r,e,r,e,e,e,r,e,r,e,e,r]},__routerFilterDynamic:{numItems:r,errorRate:1e-4,numBits:r,numHashes:NaN,bitArray:[]},"/_error":["static/chunks/pages/_error-2b3482c094a540b4.js"],sortedPages:["/_app","/_error"]}}(1,0,1e-4),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/build/_next/static/BGy4QLZfZPwswIZT7YGE2/_ssgManifest.js

@@ -1 +0,0 @@
-self.__SSG_MANIFEST=new Set([]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

package/build/_next/static/chunks/1206-59e86c9be0c6edc8.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1206],{593:(e,t,i)=>{"use strict";i.d(t,{Icon:()=>c});var n=i(5155),s=i(2115),o=i(9300),r=i.n(o),l=i(5085);let a="icon",c=e=>{let{className:t,alt:i,color:o,name:c,size:d,spritePath:h="/sprite.svg",...u}=e,p=(0,s.useContext)(l.SpritePathContext),m=r()(a,{["".concat(a,"--").concat(d)]:d,["".concat(a,"--").concat(o)]:o},t);return(0,n.jsxs)("svg",{className:m,"aria-hidden":void 0!==i?void 0:"true",role:void 0!==i?"img":void 0,...u,children:[void 0!==i&&i.length>0&&(0,n.jsx)("title",{children:i}),(0,n.jsx)("use",{xlinkHref:"/sprite.svg"!==h||void 0===p?"".concat(h,"#").concat(c):"".concat(p,"#").concat(c)})]})};c.displayName="Icon"},856:(e,t,i)=>{"use strict";i.d(t,{R:()=>s});var n=i(7766);class s{init(){document.addEventListener("keydown",this.onKeydown),this.isActive=!0}destroy(){document.removeEventListener("keydown",this.onKeydown),this.isActive=!1}update(e){this.elems=e}onKeydown(e){let t=this.elems.indexOf(document.activeElement);(n.H.ARROWUP.includes(e.key)||n.H.ARROWDOWN.includes(e.key))&&"horizontal"===this.config.direction||(!(n.H.ARROWLEFT.includes(e.key)||n.H.ARROWRIGHT.includes(e.key))||"vertical"!==this.config.direction)&&((n.H.ARROWDOWN.includes(e.key)||n.H.ARROWRIGHT.includes(e.key))&&(e.preventDefault(),t>=0&&t<this.elems.length-1?this.elems[t+1].focus():this.elems[0].focus()),(n.H.ARROWUP.includes(e.key)||n.H.ARROWLEFT.includes(e.key))&&(e.preventDefault(),t>=1?this.elems[t-1].focus():this.elems[this.elems.length-1].focus()),n.H.TAB.includes(e.key)&&this.destroy())}constructor(e,t={direction:"horizontal"}){this.elems=e,this.config=t,this.isActive=!1,this.onKeydown=this.onKeydown.bind(this)}}},979:(e,t,i)=>{"use strict";i.d(t,{ZH:()=>r.ZH,P$:()=>o,HP:()=>n.H});var n=i(7766);function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"-";return e?"".concat("".concat(t).concat(e)):""}function o(e,t,i){return["boolean"==typeof t?"".concat(e).concat(s(i,"--")):null,null!==t&&"object"==typeof t?Object.keys(t).map(n=>{switch(typeof t[n]){case"boolean":return"".concat(e).concat("xs"!==n?"--".concat(n):"-").concat(s(i));case"string":case"number":return"".concat(e).concat("xs"!==n?"--".concat(n):"-").concat(s(t[n])).concat(s(i));default:return null}}).join(" "):null,{["".concat(e,"--").concat(t).concat(s(i))]:"string"==typeof t||"number"==typeof t}]}var r=i(1670);i(856),i(5250)},1670:(e,t,i)=>{"use strict";i.d(t,{$g:()=>a,WA:()=>r,ZH:()=>o});var n=i(1062),s=i.n(n);function o(e){return e.charAt(0).toUpperCase()+e.slice(1)}function r(e){return e.charAt(0).toLowerCase()+e.slice(1)}let l={decimals:2,mark:",",thousand:" ",suffix:"\xa0€"};function a(e,t){return s()({...l,...t,...e%1==0?{decimals:0}:{}}).to(e)}},2802:()=>{},5085:(e,t,i)=>{"use strict";i.d(t,{SpritePathContext:()=>o,SpritePathProvider:()=>r});var n=i(5155),s=i(2115);let o=s.createContext("/sprite.svg"),r=e=>{let{children:t,value:i="/sprite.svg",...r}=e;return(0,n.jsx)(o.Provider,{value:i,...r,children:s.Children.only(t)})}},5250:()=>{},6771:(e,t,i)=>{"use strict";i.d(t,{InfoTooltip:()=>h});var n=i(5155);i(2115);var s=i(9300),o=i.n(s),r=i(7492),l=i(7083),a=i(9997);let c=e=>{let{dialog:t,id:i,placement:s,tag:r="span",className:c,renderTrigger:d,children:h,colorScheme:u,...p}=e,m=(0,a.useHydrationSafeId)(i),g=o()("tooltip",{"is-dark":"dark"===u,"is-light":"light"===u},c),[f]=(0,a.useStatic)(l.A,{removeDialogOnDestroy:!0}),v={"data-tooltip-trigger":!0,"aria-describedby":m,"aria-owns":m,children:h};return(0,n.jsxs)(n.Fragment,{children:[d?d(v):(0,n.jsx)("button",{type:"button",...v,children:h}),(0,n.jsxs)(r,{id:m,className:g,role:"tooltip",hidden:!0,ref:f,"data-tooltip":!0,"data-tooltip-placement":s,...p,children:[(0,n.jsx)(r,{className:"tooltip__arrow"}),(0,n.jsx)(r,{className:"tooltip__dialog",children:t})]})]})};c.displayName="Tooltip";let d="info-tooltip",h=e=>{let{children:t,className:i,...s}=e;return(0,n.jsxs)(c,{dialog:t,renderTrigger:e=>(0,n.jsx)("button",{type:"button",className:d,...e}),...s,children:[(0,n.jsx)(r.I,{name:"assistance",color:"info",className:o()("".concat(d,"__icon"),i)}),(0,n.jsx)("span",{className:"sr-only",children:"Info"})]})};h.displayName="InfoTooltip"},7083:(e,t,i)=>{"use strict";i.d(t,{A:()=>l});var n=i(260),s=i(7100),o=i(979);let r={rootContainerSelector:"#root-tooltips",removeDialogOnDestroy:!1,popperOptions:{placement:"bottom",strategy:"absolute",modifiers:[{name:"arrow",options:{element:".tooltip__arrow",padding:10}},{name:"eventListeners",options:{scroll:!1,resize:!1}},{name:"flip",options:{fallbackPlacements:["right","top","auto"]}},{name:"offset",options:{offset:e=>{let{placement:t}=e;return t.includes("start")?[-10,0]:t.includes("end")?[10,0]:[0,0]}}}]}};class l{static getInstance(e){return e&&e.ODS_Tooltip?e.ODS_Tooltip:null}wrapLastWordAndButton(){var e,t;if(!this.element.hasAttribute("data-tooltip-keep-with-text"))return;let i=this.trigger.previousSibling;if(!i||i.nodeType!==Node.TEXT_NODE)return void console.warn("Previous sibling is not a text node.");let n=((null==(e=i.textContent)?void 0:e.trim())||"").split(" "),s=n.pop();i.textContent=n.join(" ")+" ";let o=document.createElement("span");o.className="text-nowrap",o.innerHTML="".concat(s," ").concat(this.trigger.outerHTML),null==(t=this.trigger.parentNode)||t.replaceChild(o,this.trigger),this.trigger=o.querySelector("[data-tooltip-trigger]")}init(){this.trigger=document.querySelector("[data-tooltip-trigger][aria-describedby=".concat(this.element.getAttribute("id"),"]")),this.trigger||console.warn("tooltip trigger element is not defined and the tooltip cannot be attached. Please provide an element with [aria-describedby=".concat(this.element.getAttribute("id"),"]")),this.element.hasAttribute("data-tooltip-keep-with-text")&&this.wrapLastWordAndButton(),this.rootContainer=document.querySelector(this.config.rootContainerSelector),this.rootContainer?this.rootContainer.appendChild(this.element):console.warn("rootContainer element is not defined. Tooltips will be placed inside content which can affect positioning. Please provide rootContainer element (should be placed outside of main content, usually in end of <body /> tag)");let e=this.element.getAttribute("data-tooltip-placement");e&&(this.config.popperOptions.placement=e),this.instance=(0,n.n4)(this.trigger,this.element,this.config.popperOptions),this.transitioner=(0,s.Q)({element:this.element,visibleClass:"is-visible"}),this.trigger.addEventListener("mouseenter",this.handleVisibility),this.trigger.addEventListener("mouseleave",this.handleVisibility),this.trigger.addEventListener("focus",this.handleVisibility),this.trigger.addEventListener("blur",this.handleVisibility)}handleVisibility(e){("mouseenter"===e.type||"focus"===e.type)&&this.show(),"blur"===e.type&&this.hide(),"mouseleave"===e.type&&this.shouldClose(e)&&this.hide()}shouldClose(e){let t=e.relatedreference||e.toElement||e.relatedTarget,i=e=>{let t=e.relatedreference||e.toElement||e.relatedTarget;this.element.removeEventListener("mouseleave",i),this.trigger.contains(t)||this.hide()};return!this.element.contains(t)||(this.element.addEventListener("mouseleave",i),!1)}onKeydown(e){o.HP.ESC.includes(e.key)&&this.hide()}show(){this.transitioner.show(),this.trigger.classList.add("is-active"),this.instance.forceUpdate(),document.addEventListener("keydown",this.onKeydown)}hide(){this.transitioner.hide(),this.trigger.classList.remove("is-active"),document.removeEventListener("keydown",this.onKeydown)}update(){this.instance.forceUpdate()}destroy(){this.trigger.removeEventListener("mouseenter",this.handleVisibility),this.trigger.removeEventListener("mouseleave",this.handleVisibility),this.trigger.removeEventListener("focus",this.handleVisibility),this.trigger.removeEventListener("blur",this.handleVisibility),this.instance.destroy(),this.element.ODS_Tooltip=null,this.config.removeDialogOnDestroy&&this.element.remove()}constructor(e,t){var i;return this.element=e,this.config={...r,...t},this.config.popperOptions={...r.popperOptions,...(null==t?void 0:t.popperOptions)||{}},this.config.popperOptions.modifiers=[...r.popperOptions.modifiers,...(null==t||null==(i=t.popperOptions)?void 0:i.modifiers)||[]],this.handleVisibility=this.handleVisibility.bind(this),this.onKeydown=this.onKeydown.bind(this),this.element.ODS_Tooltip=this,this.init(),this}}},7492:(e,t,i)=>{"use strict";i.d(t,{I:()=>n.Icon}),i(2802),i(5085);var n=i(593)},7766:(e,t,i)=>{"use strict";i.d(t,{H:()=>n});let n={TAB:["Tab"],ENTER:["Enter"],ESC:["Esc","Escape"],SPACE:["Spacebar"," "],ARROWLEFT:["Left","ArrowLeft"],ARROWUP:["Up","ArrowUp"],ARROWRIGHT:["Right","ArrowRight"],ARROWDOWN:["Down","ArrowDown"]}},9624:()=>{},9997:(e,t,i)=>{"use strict";i.d(t,{useHydrationSafeId:()=>r,useStatic:()=>s});var n=i(2115);let s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=(0,n.useRef)(null),s=(0,n.useRef)(t);(0,n.useEffect)(()=>{s.current=null!=t?t:{}},[t]);let o=(0,n.useCallback)(t=>{let n=s.current;if(t)if(null===i.current)i.current=new e(t,n);else{var o,r;null==(o=(r=i.current).update)||o.call(r,n)}},[e]);return(0,n.useEffect)(()=>()=>{if(i.current){var e,t;null==(e=(t=i.current).destroy)||e.call(t),i.current=null}},[]),[o,i]},o={current:0};function r(e){let[t,i]=(0,n.useState)(e),s=(0,n.useRef)(e);return(0,n.useEffect)(()=>{if(!e){o.current+=1;let e="id-".concat(o.current);s.current=e,i(e)}},[e]),t||s.current||e||"id-0"}}}]);