@prokodo/ui 0.0.4 → 0.0.6

package/dist/components/PostItem-B8Vfv_sW.js

@@ -0,0 +1,183 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as x, useState as N, useEffect as g } from "react";
+import { c as k } from "./bem-CYKrPjje.js";
+import { c as y } from "./calculation-79PhfKvq.js";
+import { i as n } from "./validations-B_cxltQ_.js";
+import { A as w } from "./Animated-BBfAgsHL.js";
+import { B as A } from "./Button-B8chVgsB.js";
+import { C as S } from "./Card-IW4R7bKr.js";
+import { G as v, a as P } from "./GridRow-1h1JHuDl.js";
+import { H as C } from "./Headline-DzEinaZi.js";
+import { R as K } from "./RichText-Cg_XzkUs.js";
+import { S as M } from "./Skeleton-D6olNYTG.js";
+import { A as $ } from "./Avatar-Ci5YNFc5.js";
+const R = "gradientMove", T = "fadeInKeyframe", B = {
+  "prokodo-PostItem__grid": "prokodo-PostItem__grid",
+  "prokodo-PostItem__animation": "prokodo-PostItem__animation",
+  "prokodo-PostItem__headline": "prokodo-PostItem__headline",
+  "prokodo-PostItem__info": "prokodo-PostItem__info",
+  "prokodo-PostItem__date": "prokodo-PostItem__date",
+  "prokodo-PostItem__read__count": "prokodo-PostItem__read__count",
+  "prokodo-PostItem__content": "prokodo-PostItem__content",
+  "prokodo-PostItem__content__paragraph": "prokodo-PostItem__content__paragraph",
+  "prokodo-PostItem__image": "prokodo-PostItem__image",
+  "prokodo-PostItem__image__wrapper": "prokodo-PostItem__image__wrapper",
+  "prokodo-PostItem__image__content__wrapper": "prokodo-PostItem__image__content__wrapper",
+  "prokodo-PostItem__button": "prokodo-PostItem__button",
+  "prokodo-PostItem__button__content": "prokodo-PostItem__button__content",
+  gradientMove: R,
+  fadeInKeyframe: T
+}, G = "gradientMove", L = "fadeInKeyframe", z = {
+  "prokodo-PostItemAuthor": "prokodo-PostItemAuthor",
+  "prokodo-PostItemAuthor__name": "prokodo-PostItemAuthor__name",
+  gradientMove: G,
+  fadeInKeyframe: L
+}, I = k(z, "PostItemAuthor"), f = x(
+  ({ className: _, avatar: e, avatarProps: m, name: a, nameProps: i }) => {
+    const d = a;
+    return /* @__PURE__ */ o.jsxs("div", { className: I(void 0, void 0, _), children: [
+      /* @__PURE__ */ o.jsx(
+        $,
+        {
+          image: (e == null ? void 0 : e.src) !== void 0 && n(e == null ? void 0 : e.src) ? {
+            src: e == null ? void 0 : e.src,
+            alt: (e == null ? void 0 : e.alt) ?? ""
+          } : void 0,
+          ...m
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        "p",
+        {
+          "aria-label": `Author ${d}`,
+          itemProp: "author",
+          ...i,
+          className: I("name", void 0, i == null ? void 0 : i.className),
+          children: d
+        }
+      )
+    ] });
+  }
+);
+f.displayName = "PostItemAuthor";
+const t = k(B, "PostItem"), E = x(
+  ({
+    className: _,
+    readCount: e = 0,
+    title: m,
+    content: a,
+    category: i,
+    author: d,
+    date: p,
+    metaDate: j,
+    image: r,
+    button: s,
+    imageComponent: c
+  }) => {
+    const l = y(a), [u, h] = N(!c);
+    return g(() => {
+      c || h(!0);
+    }, [c]), /* @__PURE__ */ o.jsxs(
+      "article",
+      {
+        itemScope: !0,
+        className: t(void 0, void 0, _),
+        itemType: "http://schema.org/BlogPosting",
+        children: [
+          /* @__PURE__ */ o.jsxs(v, { className: t("grid"), children: [
+            /* @__PURE__ */ o.jsx(P, { className: t("content"), md: r ? 8 : 12, xs: 12, children: /* @__PURE__ */ o.jsxs(w, { className: t("animation"), children: [
+              /* @__PURE__ */ o.jsxs("header", { children: [
+                /* @__PURE__ */ o.jsx(
+                  C,
+                  {
+                    className: t("headline", void 0, m == null ? void 0 : m.className),
+                    size: "lg",
+                    type: "h2",
+                    ...m,
+                    children: m.content
+                  }
+                ),
+                /* @__PURE__ */ o.jsxs("div", { className: t("info"), children: [
+                  d && /* @__PURE__ */ o.jsx(f, { avatar: d.avatar, name: d.name }),
+                  n(p) && /* @__PURE__ */ o.jsxs(
+                    "p",
+                    {
+                      "aria-label": `Published at ${p}`,
+                      className: t("date"),
+                      itemProp: "datePublished",
+                      children: [
+                        "📅  ",
+                        /* @__PURE__ */ o.jsx("time", { dateTime: j, itemProp: "datePublished", children: p })
+                      ]
+                    }
+                  ),
+                  e > 0 && /* @__PURE__ */ o.jsxs(
+                    "div",
+                    {
+                      itemScope: !0,
+                      className: t("read__count"),
+                      itemProp: "interactionStatistic",
+                      itemType: "https://schema.org/InteractionCounter",
+                      children: [
+                        /* @__PURE__ */ o.jsx(
+                          "meta",
+                          {
+                            content: "https://schema.org/ReadAction",
+                            itemProp: "interactionType"
+                          }
+                        ),
+                        /* @__PURE__ */ o.jsx("span", { itemProp: "userInteractionCount", children: e })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              n(a) && /* @__PURE__ */ o.jsx("div", { itemProp: "articleBody", children: /* @__PURE__ */ o.jsx(K, { className: t("content__paragraph"), children: a }) }),
+              s && /* @__PURE__ */ o.jsx(
+                A,
+                {
+                  variant: "outlined",
+                  ...s,
+                  className: t("button", void 0, s == null ? void 0 : s.className),
+                  contentClassName: t(
+                    "button__content",
+                    void 0,
+                    s == null ? void 0 : s.contentClassName
+                  )
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ o.jsx(P, { md: 4, xs: 12, children: /* @__PURE__ */ o.jsxs(
+              S,
+              {
+                enableShadow: !0,
+                background: n(r == null ? void 0 : r.src) ? 3 : void 0,
+                className: t("image__wrapper"),
+                contentClassName: t("image__content__wrapper"),
+                redirect: s == null ? void 0 : s.redirect,
+                children: [
+                  !u && /* @__PURE__ */ o.jsx(M, { height: "275px" }),
+                  c !== void 0 && n(r == null ? void 0 : r.src) && /* @__PURE__ */ o.jsx(
+                    c,
+                    {
+                      ...r,
+                      className: t("image"),
+                      sizes: "(max-width: 960px) 100vw, 25vw",
+                      onLoad: () => h(!0)
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] }),
+          l > 0 && /* @__PURE__ */ o.jsx("meta", { content: String(l), itemProp: "wordCount" }),
+          n(i) && /* @__PURE__ */ o.jsx("meta", { content: i, itemProp: "articleSection" })
+        ]
+      }
+    );
+  }
+);
+E.displayName = "PostItem";
+export {
+  E as P
+};

package/dist/components/PostItem-BSTn6cHD.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CITbqOLs.js"),_=require("react"),P=require("./bem-DC5wv0dD.js"),g=require("./calculation-D-p0iqpk.js"),d=require("./validations-Cnxtn28y.js"),N=require("./Animated-CO4IEerF.js"),f=require("./Button-yvFLX-6Q.js"),w=require("./Card-BPEoLzF1.js"),u=require("./GridRow-C5v0sOZZ.js"),S=require("./Headline-CnyLLQLB.js"),y=require("./RichText-DVg1dwMV.js"),q=require("./Skeleton-BuY3bttw.js"),A=require("./Avatar-CjlbA5a5.js"),v="gradientMove",$="fadeInKeyframe",C={"prokodo-PostItem__grid":"prokodo-PostItem__grid","prokodo-PostItem__animation":"prokodo-PostItem__animation","prokodo-PostItem__headline":"prokodo-PostItem__headline","prokodo-PostItem__info":"prokodo-PostItem__info","prokodo-PostItem__date":"prokodo-PostItem__date","prokodo-PostItem__read__count":"prokodo-PostItem__read__count","prokodo-PostItem__content":"prokodo-PostItem__content","prokodo-PostItem__content__paragraph":"prokodo-PostItem__content__paragraph","prokodo-PostItem__image":"prokodo-PostItem__image","prokodo-PostItem__image__wrapper":"prokodo-PostItem__image__wrapper","prokodo-PostItem__image__content__wrapper":"prokodo-PostItem__image__content__wrapper","prokodo-PostItem__button":"prokodo-PostItem__button","prokodo-PostItem__button__content":"prokodo-PostItem__button__content",gradientMove:v,fadeInKeyframe:$},K="gradientMove",M="fadeInKeyframe",T={"prokodo-PostItemAuthor":"prokodo-PostItemAuthor","prokodo-PostItemAuthor__name":"prokodo-PostItemAuthor__name",gradientMove:K,fadeInKeyframe:M},h=P.create(T,"PostItemAuthor"),I=_.memo(({className:p,avatar:o,avatarProps:i,name:c,nameProps:n})=>{const m=c;return e.jsxRuntimeExports.jsxs("div",{className:h(void 0,void 0,p),children:[e.jsxRuntimeExports.jsx(A.Avatar,{image:(o==null?void 0:o.src)!==void 0&&d.isString(o==null?void 0:o.src)?{src:o==null?void 0:o.src,alt:(o==null?void 0:o.alt)??""}:void 0,...i}),e.jsxRuntimeExports.jsx("p",{"aria-label":`Author ${m}`,itemProp:"author",...n,className:h("name",void 0,n==null?void 0:n.className),children:m})]})});I.displayName="PostItemAuthor";const t=P.create(C,"PostItem"),k=_.memo(({className:p,readCount:o=0,title:i,content:c,category:n,author:m,date:x,metaDate:R,image:r,button:s,imageComponent:a})=>{const l=g.calculateWordCount(c),[E,j]=_.useState(!a);return _.useEffect(()=>{a||j(!0)},[a]),e.jsxRuntimeExports.jsxs("article",{itemScope:!0,className:t(void 0,void 0,p),itemType:"http://schema.org/BlogPosting",children:[e.jsxRuntimeExports.jsxs(u.Grid,{className:t("grid"),children:[e.jsxRuntimeExports.jsx(u.GridRow,{className:t("content"),md:r?8:12,xs:12,children:e.jsxRuntimeExports.jsxs(N.Animated,{className:t("animation"),children:[e.jsxRuntimeExports.jsxs("header",{children:[e.jsxRuntimeExports.jsx(S.Headline,{className:t("headline",void 0,i==null?void 0:i.className),size:"lg",type:"h2",...i,children:i.content}),e.jsxRuntimeExports.jsxs("div",{className:t("info"),children:[m&&e.jsxRuntimeExports.jsx(I,{avatar:m.avatar,name:m.name}),d.isString(x)&&e.jsxRuntimeExports.jsxs("p",{"aria-label":`Published at ${x}`,className:t("date"),itemProp:"datePublished",children:["📅  ",e.jsxRuntimeExports.jsx("time",{dateTime:R,itemProp:"datePublished",children:x})]}),o>0&&e.jsxRuntimeExports.jsxs("div",{itemScope:!0,className:t("read__count"),itemProp:"interactionStatistic",itemType:"https://schema.org/InteractionCounter",children:[e.jsxRuntimeExports.jsx("meta",{content:"https://schema.org/ReadAction",itemProp:"interactionType"}),e.jsxRuntimeExports.jsx("span",{itemProp:"userInteractionCount",children:o})]})]})]}),d.isString(c)&&e.jsxRuntimeExports.jsx("div",{itemProp:"articleBody",children:e.jsxRuntimeExports.jsx(y.RichText,{className:t("content__paragraph"),children:c})}),s&&e.jsxRuntimeExports.jsx(f.Button,{variant:"outlined",...s,className:t("button",void 0,s==null?void 0:s.className),contentClassName:t("button__content",void 0,s==null?void 0:s.contentClassName)})]})}),e.jsxRuntimeExports.jsx(u.GridRow,{md:4,xs:12,children:e.jsxRuntimeExports.jsxs(w.Card,{enableShadow:!0,background:d.isString(r==null?void 0:r.src)?3:void 0,className:t("image__wrapper"),contentClassName:t("image__content__wrapper"),redirect:s==null?void 0:s.redirect,children:[!E&&e.jsxRuntimeExports.jsx(q.Skeleton,{height:"275px"}),a!==void 0&&d.isString(r==null?void 0:r.src)&&e.jsxRuntimeExports.jsx(a,{...r,className:t("image"),sizes:"(max-width: 960px) 100vw, 25vw",onLoad:()=>j(!0)})]})})]}),l>0&&e.jsxRuntimeExports.jsx("meta",{content:String(l),itemProp:"wordCount"}),d.isString(n)&&e.jsxRuntimeExports.jsx("meta",{content:n,itemProp:"articleSection"})]})});k.displayName="PostItem";exports.PostItem=k;

package/dist/components/PostTeaser-BmZyqFL2.js

@@ -0,0 +1,186 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as N, useState as y, useCallback as P } from "react";
+import { c as b } from "./bem-CYKrPjje.js";
+import { c as C } from "./calculation-79PhfKvq.js";
+import { i as r } from "./validations-B_cxltQ_.js";
+import { C as I } from "./Card-IW4R7bKr.js";
+import { C as h } from "./Chip-BmBxJH5M.js";
+import { H as w } from "./Headline-DzEinaZi.js";
+import { I as k } from "./Icon-BMrVlROP.js";
+import { I as M } from "./Image-CVgvVlLE.js";
+import { R as S } from "./RichText-Cg_XzkUs.js";
+const R = "gradientMove", E = "fadeInKeyframe", H = {
+  "prokodo-PostTeaser__card": "prokodo-PostTeaser__card",
+  "prokodo-PostTeaser__card__container": "prokodo-PostTeaser__card__container",
+  "prokodo-PostTeaser__card__content": "prokodo-PostTeaser__card__content",
+  "prokodo-PostTeaser__card__footer": "prokodo-PostTeaser__card__footer",
+  "prokodo-PostTeaser__meta": "prokodo-PostTeaser__meta",
+  "prokodo-PostTeaser__meta__category": "prokodo-PostTeaser__meta__category",
+  "prokodo-PostTeaser__image": "prokodo-PostTeaser__image",
+  "prokodo-PostTeaser__image__wrapper": "prokodo-PostTeaser__image__wrapper",
+  "prokodo-PostTeaser__image__caption": "prokodo-PostTeaser__image__caption",
+  "prokodo-PostTeaser__date": "prokodo-PostTeaser__date",
+  "prokodo-PostTeaser__animation": "prokodo-PostTeaser__animation",
+  "prokodo-PostTeaser__headline": "prokodo-PostTeaser__headline",
+  "prokodo-PostTeaser__content": "prokodo-PostTeaser__content",
+  "prokodo-PostTeaser__link": "prokodo-PostTeaser__link",
+  "prokodo-PostTeaser__link__icon": "prokodo-PostTeaser__link__icon",
+  "prokodo-PostTeaser__link--is-hovered": "prokodo-PostTeaser__link--is-hovered",
+  gradientMove: R,
+  fadeInKeyframe: E
+}, e = b(H, "PostTeaser"), z = N(
+  ({
+    className: T,
+    image: n,
+    readCount: _,
+    title: a,
+    date: i,
+    metaDate: x,
+    hideCategory: j,
+    category: t,
+    content: m,
+    onClick: f,
+    redirect: s,
+    ...v
+  }) => {
+    var l;
+    const p = C(m), [c, d] = y(!1), g = P(() => {
+      d(!0);
+    }, []), u = P(() => {
+      d(!1);
+    }, []);
+    return /* @__PURE__ */ o.jsxs(
+      "article",
+      {
+        itemScope: !0,
+        className: e(void 0, void 0, T),
+        itemType: "http://schema.org/BlogPosting",
+        children: [
+          /* @__PURE__ */ o.jsxs(
+            I,
+            {
+              variant: "white",
+              ...v,
+              className: e("card__container"),
+              contentClassName: e("card"),
+              highlight: c,
+              redirect: s,
+              onClick: f,
+              onMouseEnter: g,
+              onMouseLeave: u,
+              children: [
+                /* @__PURE__ */ o.jsxs("header", { children: [
+                  r(n == null ? void 0 : n.src) && /* @__PURE__ */ o.jsxs("div", { className: e("image__wrapper"), children: [
+                    /* @__PURE__ */ o.jsxs("div", { className: e("meta"), children: [
+                      r(t) && j === !1 && /* @__PURE__ */ o.jsx(
+                        h,
+                        {
+                          "aria-label": `Category ${t}`,
+                          className: e("meta__category"),
+                          color: "primary",
+                          label: t
+                        }
+                      ),
+                      _ !== void 0 && /* @__PURE__ */ o.jsx(
+                        h,
+                        {
+                          "aria-label": `Read ${_} times`,
+                          color: "white",
+                          icon: /* @__PURE__ */ o.jsx(k, { name: "EyeIcon", size: "sm" }),
+                          label: /* @__PURE__ */ o.jsxs(
+                            "p",
+                            {
+                              itemScope: !0,
+                              itemProp: "interactionStatistic",
+                              itemType: "https://schema.org/InteractionCounter",
+                              children: [
+                                /* @__PURE__ */ o.jsx(
+                                  "meta",
+                                  {
+                                    content: "https://schema.org/ReadAction",
+                                    itemProp: "interactionType"
+                                  }
+                                ),
+                                /* @__PURE__ */ o.jsx("span", { itemProp: "userInteractionCount", children: _ })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ o.jsx(
+                      M,
+                      {
+                        ...n,
+                        captionClassName: e("image__caption"),
+                        className: e("image"),
+                        containerClassName: e("image")
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ o.jsx(
+                    w,
+                    {
+                      highlight: !0,
+                      size: "md",
+                      type: "h3",
+                      ...a,
+                      className: e("headline", a == null ? void 0 : a.className),
+                      variant: (a == null ? void 0 : a.variant) ?? "secondary",
+                      children: a == null ? void 0 : a.content
+                    }
+                  )
+                ] }),
+                r(m) && /* @__PURE__ */ o.jsx("div", { className: e("card__content"), itemProp: "articleBody", children: /* @__PURE__ */ o.jsx(S, { className: e("content"), children: m }) }),
+                /* @__PURE__ */ o.jsxs("div", { className: e("card__footer"), children: [
+                  r(i) && /* @__PURE__ */ o.jsx(
+                    "p",
+                    {
+                      "aria-label": `Published at ${i}`,
+                      className: e("date"),
+                      itemProp: "datePublished",
+                      children: /* @__PURE__ */ o.jsx("time", { dateTime: x, itemProp: "datePublished", children: i })
+                    }
+                  ),
+                  (s == null ? void 0 : s.label) !== void 0 && r(s == null ? void 0 : s.label) && /* @__PURE__ */ o.jsxs(
+                    "span",
+                    {
+                      className: e("link", {
+                        "is-hovered": c
+                      }),
+                      children: [
+                        /* @__PURE__ */ o.jsx(
+                          k,
+                          {
+                            name: "ArrowRight01Icon",
+                            size: "xs",
+                            ...s == null ? void 0 : s.icon,
+                            color: "primary",
+                            className: e(
+                              "link__icon",
+                              {
+                                "is-hovered": c
+                              },
+                              (l = s == null ? void 0 : s.icon) == null ? void 0 : l.className
+                            )
+                          }
+                        ),
+                        s.label
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          p > 0 && /* @__PURE__ */ o.jsx("meta", { content: String(p), itemProp: "wordCount" }),
+          r(t) && /* @__PURE__ */ o.jsx("meta", { content: t, itemProp: "articleSection" })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "PostTeaser";
+export {
+  z as P
+};

package/dist/components/PostTeaser-DLynX43c.js

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-CITbqOLs.js"),i=require("react"),N=require("./bem-DC5wv0dD.js"),b=require("./calculation-D-p0iqpk.js"),r=require("./validations-Cnxtn28y.js"),y=require("./Card-BPEoLzF1.js"),u=require("./Chip-Q2ttDAQn.js"),C=require("./Headline-CnyLLQLB.js"),h=require("./Icon-eWdA85cf.js"),I=require("./Image-B-lyA7ym.js"),f=require("./RichText-DVg1dwMV.js"),S="gradientMove",q="fadeInKeyframe",w={"prokodo-PostTeaser__card":"prokodo-PostTeaser__card","prokodo-PostTeaser__card__container":"prokodo-PostTeaser__card__container","prokodo-PostTeaser__card__content":"prokodo-PostTeaser__card__content","prokodo-PostTeaser__card__footer":"prokodo-PostTeaser__card__footer","prokodo-PostTeaser__meta":"prokodo-PostTeaser__meta","prokodo-PostTeaser__meta__category":"prokodo-PostTeaser__meta__category","prokodo-PostTeaser__image":"prokodo-PostTeaser__image","prokodo-PostTeaser__image__wrapper":"prokodo-PostTeaser__image__wrapper","prokodo-PostTeaser__image__caption":"prokodo-PostTeaser__image__caption","prokodo-PostTeaser__date":"prokodo-PostTeaser__date","prokodo-PostTeaser__animation":"prokodo-PostTeaser__animation","prokodo-PostTeaser__headline":"prokodo-PostTeaser__headline","prokodo-PostTeaser__content":"prokodo-PostTeaser__content","prokodo-PostTeaser__link":"prokodo-PostTeaser__link","prokodo-PostTeaser__link__icon":"prokodo-PostTeaser__link__icon","prokodo-PostTeaser__link--is-hovered":"prokodo-PostTeaser__link--is-hovered",gradientMove:S,fadeInKeyframe:q},e=N.create(w,"PostTeaser"),P=i.memo(({className:j,image:n,readCount:_,title:a,date:c,metaDate:k,hideCategory:T,category:t,content:m,onClick:R,redirect:s,...g})=>{var x;const d=b.calculateWordCount(m),[p,l]=i.useState(!1),E=i.useCallback(()=>{l(!0)},[]),v=i.useCallback(()=>{l(!1)},[]);return o.jsxRuntimeExports.jsxs("article",{itemScope:!0,className:e(void 0,void 0,j),itemType:"http://schema.org/BlogPosting",children:[o.jsxRuntimeExports.jsxs(y.Card,{variant:"white",...g,className:e("card__container"),contentClassName:e("card"),highlight:p,redirect:s,onClick:R,onMouseEnter:E,onMouseLeave:v,children:[o.jsxRuntimeExports.jsxs("header",{children:[r.isString(n==null?void 0:n.src)&&o.jsxRuntimeExports.jsxs("div",{className:e("image__wrapper"),children:[o.jsxRuntimeExports.jsxs("div",{className:e("meta"),children:[r.isString(t)&&T===!1&&o.jsxRuntimeExports.jsx(u.Chip,{"aria-label":`Category ${t}`,className:e("meta__category"),color:"primary",label:t}),_!==void 0&&o.jsxRuntimeExports.jsx(u.Chip,{"aria-label":`Read ${_} times`,color:"white",icon:o.jsxRuntimeExports.jsx(h.Icon,{name:"EyeIcon",size:"sm"}),label:o.jsxRuntimeExports.jsxs("p",{itemScope:!0,itemProp:"interactionStatistic",itemType:"https://schema.org/InteractionCounter",children:[o.jsxRuntimeExports.jsx("meta",{content:"https://schema.org/ReadAction",itemProp:"interactionType"}),o.jsxRuntimeExports.jsx("span",{itemProp:"userInteractionCount",children:_})]})})]}),o.jsxRuntimeExports.jsx(I.Image,{...n,captionClassName:e("image__caption"),className:e("image"),containerClassName:e("image")})]}),o.jsxRuntimeExports.jsx(C.Headline,{highlight:!0,size:"md",type:"h3",...a,className:e("headline",a==null?void 0:a.className),variant:(a==null?void 0:a.variant)??"secondary",children:a==null?void 0:a.content})]}),r.isString(m)&&o.jsxRuntimeExports.jsx("div",{className:e("card__content"),itemProp:"articleBody",children:o.jsxRuntimeExports.jsx(f.RichText,{className:e("content"),children:m})}),o.jsxRuntimeExports.jsxs("div",{className:e("card__footer"),children:[r.isString(c)&&o.jsxRuntimeExports.jsx("p",{"aria-label":`Published at ${c}`,className:e("date"),itemProp:"datePublished",children:o.jsxRuntimeExports.jsx("time",{dateTime:k,itemProp:"datePublished",children:c})}),(s==null?void 0:s.label)!==void 0&&r.isString(s==null?void 0:s.label)&&o.jsxRuntimeExports.jsxs("span",{className:e("link",{"is-hovered":p}),children:[o.jsxRuntimeExports.jsx(h.Icon,{name:"ArrowRight01Icon",size:"xs",...s==null?void 0:s.icon,color:"primary",className:e("link__icon",{"is-hovered":p},(x=s==null?void 0:s.icon)==null?void 0:x.className)}),s.label]})]})]}),d>0&&o.jsxRuntimeExports.jsx("meta",{content:String(d),itemProp:"wordCount"}),r.isString(t)&&o.jsxRuntimeExports.jsx("meta",{content:t,itemProp:"articleSection"})]})});P.displayName="PostTeaser";exports.PostTeaser=P;

package/dist/components/PostWidget-Bo4KiSsV.js

@@ -0,0 +1,170 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as k } from "react";
+import { c as f } from "./bem-CYKrPjje.js";
+import { i as n } from "./validations-B_cxltQ_.js";
+import { C as u } from "./Card-IW4R7bKr.js";
+import { H as _ } from "./Headline-DzEinaZi.js";
+import { I as x } from "./Image-CVgvVlLE.js";
+import { L as c } from "./Link-DSQ1125B.js";
+const j = "gradientMove", N = "fadeInKeyframe", y = {
+  "prokodo-PostWidget__list": "prokodo-PostWidget__list",
+  "prokodo-PostWidget__list--has-fullWidth": "prokodo-PostWidget__list--has-fullWidth",
+  "prokodo-PostWidget__list__item": "prokodo-PostWidget__list__item",
+  "prokodo-PostWidget__list__item--has-fullWidth": "prokodo-PostWidget__list__item--has-fullWidth",
+  "prokodo-PostWidget__list__item__content": "prokodo-PostWidget__list__item__content",
+  "prokodo-PostWidget__image": "prokodo-PostWidget__image",
+  "prokodo-PostWidget__image__link": "prokodo-PostWidget__image__link",
+  "prokodo-PostWidget__content": "prokodo-PostWidget__content",
+  "prokodo-PostWidget__headline": "prokodo-PostWidget__headline",
+  "prokodo-PostWidget__date": "prokodo-PostWidget__date",
+  gradientMove: j,
+  fadeInKeyframe: N
+}, s = f(y, "PostWidget"), b = k(
+  ({
+    fullWidth: t,
+    className: p,
+    title: a,
+    listClassName: g,
+    contentClassName: h,
+    items: P = [],
+    ...m
+  }) => /* @__PURE__ */ e.jsx(
+    "section",
+    {
+      itemScope: !0,
+      className: s(void 0, void 0, p),
+      itemType: "https://schema.org/ItemList",
+      children: /* @__PURE__ */ e.jsxs(
+        u,
+        {
+          animated: !0,
+          enableShadow: !0,
+          ...m,
+          className: s("card__container"),
+          contentClassName: s("card", void 0, h),
+          children: [
+            a && /* @__PURE__ */ e.jsx(
+              _,
+              {
+                highlight: !0,
+                size: "md",
+                type: "h2",
+                ...a,
+                className: s("title", a == null ? void 0 : a.className),
+                itemProp: "headline",
+                variant: "secondary",
+                children: a == null ? void 0 : a.content
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "ul",
+              {
+                className: s(
+                  "list",
+                  {
+                    "has-fullWidth": !!t
+                  },
+                  g
+                ),
+                children: P.map((o, W) => {
+                  var d, r, i, l;
+                  return /* @__PURE__ */ e.jsx(
+                    "li",
+                    {
+                      itemScope: !0,
+                      itemProp: "itemListElement",
+                      itemType: "https://schema.org/ListItem",
+                      className: s("list__item", {
+                        "has-fullWidth": !!t
+                      }),
+                      children: /* @__PURE__ */ e.jsxs(
+                        "article",
+                        {
+                          itemScope: !0,
+                          className: s("list__item__content"),
+                          itemType: "https://schema.org/BlogPosting",
+                          children: [
+                            (o == null ? void 0 : o.image) && /* @__PURE__ */ e.jsx("header", { children: /* @__PURE__ */ e.jsx(
+                              c,
+                              {
+                                ...o == null ? void 0 : o.redirect,
+                                "aria-label": `Read more about ${o.title.content}`,
+                                className: s(
+                                  "image__link",
+                                  void 0,
+                                  (d = o == null ? void 0 : o.redirect) == null ? void 0 : d.className
+                                ),
+                                children: /* @__PURE__ */ e.jsx(
+                                  x,
+                                  {
+                                    ...o == null ? void 0 : o.image,
+                                    itemProp: "image",
+                                    className: s(
+                                      "image",
+                                      void 0,
+                                      (r = o == null ? void 0 : o.image) == null ? void 0 : r.className
+                                    )
+                                  }
+                                )
+                              }
+                            ) }),
+                            /* @__PURE__ */ e.jsxs("div", { className: s("content"), children: [
+                              /* @__PURE__ */ e.jsx(
+                                c,
+                                {
+                                  ...o == null ? void 0 : o.redirect,
+                                  "aria-label": `Read more about ${o.title.content}`,
+                                  children: /* @__PURE__ */ e.jsx(
+                                    _,
+                                    {
+                                      size: "sm",
+                                      type: "h3",
+                                      ...o.title,
+                                      className: s("headline", (i = o.title) == null ? void 0 : i.className),
+                                      itemProp: "headline",
+                                      variant: "inherit",
+                                      children: (l = o.title) == null ? void 0 : l.content
+                                    }
+                                  )
+                                }
+                              ),
+                              n(o == null ? void 0 : o.date) && (o == null ? void 0 : o.date) !== "LL" && /* @__PURE__ */ e.jsx(
+                                "p",
+                                {
+                                  "aria-label": `Published at ${o.date}`,
+                                  className: s("date"),
+                                  itemProp: "datePublished",
+                                  children: /* @__PURE__ */ e.jsx(
+                                    "time",
+                                    {
+                                      "aria-label": `Published at ${o.date}`,
+                                      className: s("date"),
+                                      itemProp: "datePublished",
+                                      ...o == null ? void 0 : o.dateProps,
+                                      children: o.date
+                                    }
+                                  )
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ e.jsx("meta", { content: (W + 1).toString(), itemProp: "position" }),
+                            n(o == null ? void 0 : o.category) && /* @__PURE__ */ e.jsx("meta", { content: o.category, itemProp: "articleSection" })
+                          ]
+                        }
+                      )
+                    },
+                    `post-widget-item-${o.title}`
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  )
+);
+b.displayName = "PostWidget";
+export {
+  b as P
+};

package/dist/components/PostWidget-DYWA-B8d.js

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-CITbqOLs.js"),j=require("react"),W=require("./bem-DC5wv0dD.js"),l=require("./validations-Cnxtn28y.js"),k=require("./Card-BPEoLzF1.js"),c=require("./Headline-CnyLLQLB.js"),R=require("./Image-B-lyA7ym.js"),_=require("./Link-Dg7XR4uY.js"),N="gradientMove",E="fadeInKeyframe",b={"prokodo-PostWidget__list":"prokodo-PostWidget__list","prokodo-PostWidget__list--has-fullWidth":"prokodo-PostWidget__list--has-fullWidth","prokodo-PostWidget__list__item":"prokodo-PostWidget__list__item","prokodo-PostWidget__list__item--has-fullWidth":"prokodo-PostWidget__list__item--has-fullWidth","prokodo-PostWidget__list__item__content":"prokodo-PostWidget__list__item__content","prokodo-PostWidget__image":"prokodo-PostWidget__image","prokodo-PostWidget__image__link":"prokodo-PostWidget__image__link","prokodo-PostWidget__content":"prokodo-PostWidget__content","prokodo-PostWidget__headline":"prokodo-PostWidget__headline","prokodo-PostWidget__date":"prokodo-PostWidget__date",gradientMove:N,fadeInKeyframe:E},s=W.create(b,"PostWidget"),p=j.memo(({fullWidth:a,className:g,title:t,listClassName:x,contentClassName:h,items:u=[],...P})=>o.jsxRuntimeExports.jsx("section",{itemScope:!0,className:s(void 0,void 0,g),itemType:"https://schema.org/ItemList",children:o.jsxRuntimeExports.jsxs(k.Card,{animated:!0,enableShadow:!0,...P,className:s("card__container"),contentClassName:s("card",void 0,h),children:[t&&o.jsxRuntimeExports.jsx(c.Headline,{highlight:!0,size:"md",type:"h2",...t,className:s("title",t==null?void 0:t.className),itemProp:"headline",variant:"secondary",children:t==null?void 0:t.content}),o.jsxRuntimeExports.jsx("ul",{className:s("list",{"has-fullWidth":!!a},x),children:u.map((e,m)=>{var r,i,d,n;return o.jsxRuntimeExports.jsx("li",{itemScope:!0,itemProp:"itemListElement",itemType:"https://schema.org/ListItem",className:s("list__item",{"has-fullWidth":!!a}),children:o.jsxRuntimeExports.jsxs("article",{itemScope:!0,className:s("list__item__content"),itemType:"https://schema.org/BlogPosting",children:[(e==null?void 0:e.image)&&o.jsxRuntimeExports.jsx("header",{children:o.jsxRuntimeExports.jsx(_.Link,{...e==null?void 0:e.redirect,"aria-label":`Read more about ${e.title.content}`,className:s("image__link",void 0,(r=e==null?void 0:e.redirect)==null?void 0:r.className),children:o.jsxRuntimeExports.jsx(R.Image,{...e==null?void 0:e.image,itemProp:"image",className:s("image",void 0,(i=e==null?void 0:e.image)==null?void 0:i.className)})})}),o.jsxRuntimeExports.jsxs("div",{className:s("content"),children:[o.jsxRuntimeExports.jsx(_.Link,{...e==null?void 0:e.redirect,"aria-label":`Read more about ${e.title.content}`,children:o.jsxRuntimeExports.jsx(c.Headline,{size:"sm",type:"h3",...e.title,className:s("headline",(d=e.title)==null?void 0:d.className),itemProp:"headline",variant:"inherit",children:(n=e.title)==null?void 0:n.content})}),l.isString(e==null?void 0:e.date)&&(e==null?void 0:e.date)!=="LL"&&o.jsxRuntimeExports.jsx("p",{"aria-label":`Published at ${e.date}`,className:s("date"),itemProp:"datePublished",children:o.jsxRuntimeExports.jsx("time",{"aria-label":`Published at ${e.date}`,className:s("date"),itemProp:"datePublished",...e==null?void 0:e.dateProps,children:e.date})})]}),o.jsxRuntimeExports.jsx("meta",{content:(m+1).toString(),itemProp:"position"}),l.isString(e==null?void 0:e.category)&&o.jsxRuntimeExports.jsx("meta",{content:e.category,itemProp:"articleSection"})]})},`post-widget-item-${e.title}`)})})]})}));p.displayName="PostWidget";exports.PostWidget=p;