@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.stories.js

@@ -53,7 +53,7 @@ export default {
 export const Media = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Medienmitteilung",
+    "tag": "Medienmitteilung",
     "href": "#",
     "dateline": "23. November 2023",
     "heading": "Lorem ipsum dolor sit amet",
@@ -64,8 +64,8 @@ export const Media = {
 export const CityCounsilResolution = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Stadtratsbeschluss",
-    "tag-right": "Lorem ipsum",
+    "tag": "Stadtratsbeschluss",
+    "topic": "Lorem ipsum",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
     "meta": ["Lorem ipsum", "21.12.2022"]
@@ -75,8 +75,8 @@ export const CityCounsilResolution = {
 export const Service = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "style": "--tag-right-background-color: var(--stzh-color-violet40)",
-    "tag-right": "Lorem ipsum",
+    "style": "--service-background-color: var(--stzh-color-violet40)",
+    "service": "Lorem ipsum",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
@@ -113,7 +113,7 @@ export const Website = {
 export const Document = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Dokument",
+    "tag": "Dokument",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "download": "",
@@ -124,7 +124,7 @@ export const Document = {
 export const JobOffer = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Job",
+    "tag": "Job",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "meta": ["Lorem ipsum", "12.02.2022"]
@@ -137,7 +137,7 @@ export const Event = {
     "event-date-start": "2022-01-12T15:30:00.000Z",
     "event-date-end": "2022-01-12T16:30:00.000Z",
     "event-location": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
-    "tag-left": "Veranstaltung",
+    "tag": "Veranstaltung",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."
@@ -147,7 +147,7 @@ export const Event = {
 export const Publication = {
   render: (args) => story(args, TEMPLATE_WITH_PUBLICATION),
   args: {
-    "tag-left": "Publikation",
+    "tag": "Publikation",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "image-position": "right",
@@ -158,7 +158,7 @@ export const Publication = {
 export const PublicationStatistics = {
   render: (args) => story(args, TEMPLATE_WITH_PUBLICATION),
   args: {
-    "tag-left": "Publikation",
+    "tag": "Publikation",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",
@@ -170,8 +170,8 @@ export const PublicationStatistics = {
 export const OfficialCollection = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Amtliche Sammlung",
-    "tag-right": "Lorem ipsum",
+    "tag": "Amtliche Sammlung",
+    "topic": "Lorem ipsum",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
     "meta": ["Lorem ipsum: 21.12.2022", "Lorem ipsum: 21.12.2022"]
@@ -181,7 +181,7 @@ export const OfficialCollection = {
 export const BusinessReport = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Geschäftsbericht",
+    "tag": "Geschäftsbericht",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "download": "",
@@ -192,8 +192,8 @@ export const BusinessReport = {
 export const Gallery = {
   render: (args) => story(args, TEMPLATE_WITH_PUBLICATION),
   args: {
-    "tag-left": "Bildergalerie",
-    "tag-right": "1948.11.14",
+    "tag": "Bildergalerie",
+    "topic": "1948.11.14",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
@@ -204,20 +204,36 @@ export const Gallery = {
 export const FormsAndInformationSheets = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Formulare & Merkblätter",
-    "href": "#",
-    "heading": "Lorem ipsum dolor sit amet.pdf",
+    "tag": "Formulare & Merkblätter",
+    "heading": "Lorem ipsum dolor sit amet",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",
-    "download": "",
-    "download-heading": "Lorem ipsum dolor sit amet.pdf",
-    "download-meta": ["1 Page", "126 KB"]
+    "datalist-items": [
+      {
+        "icon": "file",
+        "iconPosition": "left",
+        "value": "Lorem ipsum dolor sit amet (1 MB)",
+        "href": "#"
+      },
+      {
+        "icon": "file",
+        "iconPosition": "left",
+        "value": "Lorem ipsum dolor sit amet (1 MB)",
+        "href": "#"
+      },
+      {
+        "icon": "file",
+        "iconPosition": "left",
+        "value": "Lorem ipsum dolor sit amet (1 MB)",
+        "href": "#"
+      }
+    ]
   }
 }
 
 export const PracticePool = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    "tag-left": "Praxispool",
+    "tag": "Praxispool",
     "href": "#",
     "heading": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
     "description": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",

package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.css

@@ -0,0 +1,437 @@
+/**
+ * Colors
+ */
+/* Signal colors */
+/* Old colors (TODO: cleanup when not needed anymore) */
+/**
+ * Base
+ */
+/**
+ * Selection
+ */
+/**
+ * Flyingfocus
+ */
+/**
+ * Icons
+ */
+/**
+ * Link
+ */
+/**
+ * Text
+ */
+/**
+ * Section
+ */
+/**
+ * Header
+ */
+/**
+ * Fieldset
+ */
+/**
+ * Progressbar
+ */
+/**
+ * Loader
+ */
+/**
+ * Table
+ */
+/**
+ * Heading
+ */
+/**
+ * Text
+ */
+/**
+ * Menu (Item)
+ */
+/**
+ * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
+ */
+/**
+ * Popover
+ */
+/**
+ * Tooltips
+ */
+/**
+ * Header
+ */
+/**
+ * Dialogs / Popover
+ */
+/**
+ * Overlays
+ */
+/**
+ * Accordions
+ */
+/**
+ * Timeline
+ */
+/**
+ * Buttons
+ */
+/**
+ * Ratios
+ */
+/**
+ * Pagetitle
+ */
+/**
+ * Calendar
+ */
+/**
+ * Cta
+ */
+/**
+ * Toasts
+ */
+/**
+ * Box Shadows
+ */
+/**
+ * Z-Indexes
+ * Inspired by https://www.duetds.com/tokens/#z-index
+ */
+/**
+ * Icon sizes
+ */
+/**
+ * Grid
+ */
+/**
+ * Container
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Ratios
+ */
+/**
+ * Spaces
+ */
+/**
+ * Fonts
+ */
+:host {
+  font-family: var(--stzh-font-family-medium);
+  font-weight: var(--stzh-font-weight-medium);
+  font-style: var(--stzh-font-style-medium);
+  color: var(--stzh-base-color);
+  box-sizing: border-box;
+  display: block;
+  /* default outline value, which will be applied to all elements receiving focus
+  the .has-focus class is used by the focus target */
+}
+:host[hidden] {
+  display: none;
+}
+:host::-moz-selection {
+  color: var(--stzh-selection-color);
+  background-color: var(--stzh-selection-background-color);
+}
+:host::selection {
+  color: var(--stzh-selection-color);
+  background-color: var(--stzh-selection-background-color);
+}
+:host *,
+:host *::before,
+:host *::after {
+  box-sizing: border-box;
+  text-underline-offset: var(--stzh-link-text-underline-offset);
+  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
+  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
+          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
+}
+:host .has-focus {
+  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
+  outline-offset: 0.125rem;
+}
+:host .stzh-fylingfocus-focused {
+  outline-style: none !important;
+}
+:host .stzh-fylingfocus-focused::-moz-focus-inner {
+  border: 0 !important;
+}
+
+:host {
+  --service-background-color: var(--stzh-color-secondary30);
+  --service-color: var(--stzh-color-primary70);
+  --grid-template-areas:
+    "heading"
+    "description"
+    "meta";
+  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);
+  --grid-template-columns: minmax(0, 1fr);
+  display: grid;
+}
+:host ::slotted(img) {
+  width: 100%;
+  max-width: 100%;
+}
+:host[has-image] {
+  --grid-template-areas:
+    "image"
+    "heading"
+    "description"
+    "meta";
+  --grid-template-rows: repeat(3, auto) minmax(0, 1fr);
+  --grid-template-columns: minmax(0, 1fr);
+}
+:host[has-image][image-position=right] {
+  --grid-template-areas:
+    "heading heading"
+    "description description"
+    "meta image";
+  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);
+  --grid-template-columns: minmax(0, 1fr) minmax(calc(6.25rem + var(--stzh-space-medium)), min-content);
+}
+
+.stzh-card-superteaser {
+  font-size: var(--stzh-font-milli-font-size);
+  line-height: var(--stzh-font-milli-text-line-height);
+  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
+  position: relative;
+  display: grid;
+  background-color: var(--stzh-color-grey10);
+  grid-template-areas: var(--grid-template-areas);
+  grid-template-rows: var(--grid-template-rows);
+  grid-template-columns: var(--grid-template-columns);
+  color: var(--stzh-color-grey80);
+  /* Has link */
+  /* Has tag */
+  /* Has service */
+  /* Has image (default) */
+  /* Has image right */
+  /* Has description wrapper, meta or download */
+}
+.stzh-card-superteaser__tag, .stzh-card-superteaser__dateline, .stzh-card-superteaser__breadcrumb, .stzh-card-superteaser__event-infos, .stzh-card-superteaser__heading-link-text, .stzh-card-superteaser__description, .stzh-card-superteaser__meta-wrapper {
+  z-index: 1;
+  position: relative;
+}
+.stzh-card-superteaser__heading-wrapper, .stzh-card-superteaser--has-description-wrapper .stzh-card-superteaser__description-wrapper, .stzh-card-superteaser__meta-wrapper {
+  margin-left: var(--stzh-space-medium);
+  margin-right: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-large);
+}
+.stzh-card-superteaser__heading-wrapper {
+  grid-area: heading;
+  display: grid;
+  margin-top: var(--stzh-space-xlarge);
+}
+.stzh-card-superteaser__image, .stzh-card-superteaser__meta-wrapper {
+  align-self: end;
+}
+.stzh-card-superteaser__image {
+  display: grid;
+  grid-area: image;
+  width: 100%;
+}
+.stzh-card-superteaser__description-wrapper {
+  grid-area: description;
+}
+.stzh-card-superteaser__meta-wrapper {
+  grid-area: meta;
+}
+.stzh-card-superteaser__meta {
+  overflow: hidden;
+}
+.stzh-card-superteaser__download {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--stzh-space-xsmall);
+  overflow: hidden;
+}
+.stzh-card-superteaser__download-button {
+  align-self: flex-end;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--stzh-form-input-small-height);
+  height: var(--stzh-form-input-small-height);
+  color: var(--stzh-color-primary70);
+}
+.stzh-card-superteaser__tag, .stzh-card-superteaser__topic, .stzh-card-superteaser__service, .stzh-card-superteaser__event-date-teaser {
+  z-index: 2;
+}
+.stzh-card-superteaser__tag {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.stzh-card-superteaser__service {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: var(--stzh-font-style-heavy);
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
+  position: absolute;
+  top: 0;
+  right: 0;
+  background-color: var(--service-background-color);
+  color: var(--service-color);
+  padding: var(--stzh-space-xsmall) var(--stzh-space-medium);
+  text-align: center;
+}
+.stzh-card-superteaser__topic {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: var(--stzh-font-style-heavy);
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
+  position: relative;
+  color: var(--stzh-color-primary70);
+  margin-bottom: var(--stzh-space-xsmall);
+}
+.stzh-card-superteaser__dateline {
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
+  color: var(--stzh-color-black);
+  margin-bottom: var(--stzh-space-xxsmall);
+}
+.stzh-card-superteaser__heading {
+  margin-top: 0px;
+  margin-bottom: var(--stzh-space-small);
+}
+.stzh-card-superteaser__heading-link {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: var(--stzh-font-style-heavy);
+  font-size: var(--stzh-font-deca-font-size);
+  line-height: var(--stzh-font-deca-text-line-height);
+  letter-spacing: var(--stzh-font-deca-text-letter-spacing);
+  display: block;
+  color: var(--stzh-color-primary70);
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
+.stzh-card-superteaser__event-infos {
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
+}
+.stzh-card-superteaser:has(.stzh-card-superteaser__description:not(:empty)) .stzh-card-superteaser__event-infos {
+  margin-bottom: var(--stzh-space-small);
+}
+.stzh-card-superteaser__description:empty {
+  display: none;
+}
+.stzh-card-superteaser__breadcrumb {
+  margin-bottom: var(--stzh-space-small);
+}
+.stzh-card-superteaser__event-date-teaser {
+  font-size: var(--stzh-font-nano-font-size);
+  line-height: var(--stzh-font-nano-text-line-height);
+  text-transform: uppercase;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 5.5rem;
+  height: 5.5rem;
+  color: var(--stzh-color-black);
+  background-color: var(--stzh-color-secondary30);
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.stzh-card-superteaser__event-date-teaser-day {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: var(--stzh-font-style-heavy);
+  font-size: var(--stzh-font-hecto-font-size);
+  line-height: var(--stzh-font-hecto-text-line-height);
+  letter-spacing: var(--stzh-font-hecto-text-letter-spacing);
+  color: var(--stzh-color-primary70);
+  margin-top: -0.4375rem;
+  margin-bottom: -0.4375rem;
+}
+.stzh-card-superteaser__meta-list, .stzh-card-superteaser__download-meta-list {
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  -moz-column-gap: var(--stzh-space-xsmall);
+       column-gap: var(--stzh-space-xsmall);
+  margin-left: calc((var(--stzh-space-xsmall) + 0.0625rem) / -1);
+}
+.stzh-card-superteaser__meta-list-item, .stzh-card-superteaser__download-meta-list-item {
+  display: flex;
+  align-items: center;
+  min-height: 1.5rem;
+  gap: var(--stzh-space-xsmall);
+}
+.stzh-card-superteaser__meta-list-item::before, .stzh-card-superteaser__download-meta-list-item::before {
+  content: "";
+  display: block;
+  width: 0.0625rem;
+  height: 1rem;
+  background-color: currentColor;
+}
+.stzh-card-superteaser--has-link .stzh-card-superteaser__heading-link {
+  border-radius: var(--stzh-button-border-radius);
+  cursor: pointer;
+}
+.stzh-card-superteaser--has-link .stzh-card-superteaser__heading-link::before, .stzh-card-superteaser--has-link .stzh-card-superteaser__heading-link::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: background-color var(--stzh-base-transition-animation-speed);
+}
+.stzh-card-superteaser--has-link .stzh-card-superteaser__heading-link::after {
+  z-index: 10;
+}
+.stzh-card-superteaser--has-link:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__heading-link::before {
+  background-color: var(--stzh-color-secondary10);
+}
+.stzh-card-superteaser--has-link:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__tag {
+  --color: var(--stzh-color-secondary60);
+}
+.stzh-card-superteaser--has-tag .stzh-card-superteaser__heading-wrapper {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+.stzh-card-superteaser--has-service .stzh-card-superteaser__heading-wrapper {
+  margin-top: var(--stzh-space-xxxxlarge);
+}
+.stzh-card-superteaser--has-service.stzh-card-superteaser--has-image-right .stzh-card-superteaser__heading-wrapper {
+  margin-top: var(--stzh-space-xxxlarge);
+}
+.stzh-card-superteaser--has-image .stzh-card-superteaser__image {
+  z-index: 1;
+  position: relative;
+}
+.stzh-card-superteaser--has-image-default .stzh-card-superteaser__heading-wrapper {
+  margin-top: var(--stzh-space-medium);
+}
+.stzh-card-superteaser--has-image-right .stzh-card-superteaser__image {
+  margin-bottom: var(--stzh-space-large);
+  padding-right: var(--stzh-space-medium);
+}
+.stzh-card-superteaser--has-image-right .stzh-card-superteaser__meta-wrapper {
+  margin-right: var(--stzh-space-xsmall);
+}
+.stzh-card-superteaser--has-image-right .stzh-card-superteaser__service {
+  position: static;
+}
+.stzh-card-superteaser--has-description-wrapper .stzh-card-superteaser__heading-wrapper, .stzh-card-superteaser--has-meta .stzh-card-superteaser__heading-wrapper, .stzh-card-superteaser--has-download .stzh-card-superteaser__heading-wrapper {
+  margin-bottom: 0px;
+}
+.stzh-card-superteaser--has-meta .stzh-card-superteaser__description-wrapper, .stzh-card-superteaser--has-download .stzh-card-superteaser__description-wrapper {
+  margin-bottom: 0px;
+}
+.stzh-card-superteaser--has-meta .stzh-card-superteaser__description:not(:empty), .stzh-card-superteaser--has-download .stzh-card-superteaser__description:not(:empty) {
+  margin-bottom: var(--stzh-space-small);
+}
+.stzh-card-superteaser--has-download .stzh-card-superteaser__meta {
+  margin-bottom: var(--stzh-space-xsmall);
+}

package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js

@@ -0,0 +1,31 @@
+import { test } from "@playwright/test";
+import { visualDiff } from "../../../.build/test/utils";
+const URL = "components-cardsuperteaser";
+const STORIES = [
+  "media",
+  "city-counsil-resolution",
+  "service",
+  "website",
+  "document",
+  "job-offer",
+  "event",
+  "publication",
+  "publication-statistics",
+  "official-collection",
+  "business-report",
+  "gallery",
+  "forms-and-information-sheets",
+  "practice-pool",
+];
+test.describe("card-superteaser", () => {
+  STORIES.forEach((storyId) => {
+    test(`story ${storyId} visual diff`, async ({ page }) => {
+      await visualDiff({
+        storyId,
+        page,
+        url: URL
+      });
+    });
+  });
+});
+//# sourceMappingURL=stzh-card-superteaser.e2e.js.map

package/dist/collection/components/stzh-card-superteaser/stzh-card-superteaser.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stzh-card-superteaser.e2e.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-superteaser/stzh-card-superteaser.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAEzC,MAAM,OAAO,GAAG;EACd,OAAO;EACP,yBAAyB;EACzB,SAAS;EACT,SAAS;EACT,UAAU;EACV,WAAW;EACX,OAAO;EACP,aAAa;EACb,wBAAwB;EACxB,qBAAqB;EACrB,iBAAiB;EACjB,SAAS;EACT,8BAA8B;EAC9B,eAAe;CAChB,CAAC;AAEF,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EACrC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACtD,MAAM,UAAU,CAAC;QACf,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,GAAG;OACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../.build/test/utils\";\n\nconst URL = \"components-cardsuperteaser\";\n\nconst STORIES = [\n  \"media\",\n  \"city-counsil-resolution\",\n  \"service\",\n  \"website\",\n  \"document\",\n  \"job-offer\",\n  \"event\",\n  \"publication\",\n  \"publication-statistics\",\n  \"official-collection\",\n  \"business-report\",\n  \"gallery\",\n  \"forms-and-information-sheets\",\n  \"practice-pool\",\n];\n\ntest.describe(\"card-superteaser\", () => {\n  STORIES.forEach((storyId) => {\n    test(`story ${storyId} visual diff`, async ({ page }) => {\n      await visualDiff({\n        storyId,\n        page,\n        url: URL\n      });\n    });\n  });\n});\n"]}