@prokodo/ui 0.0.9 → 0.0.11

package/dist/components/grid/GridRow.module.scss.js

@@ -0,0 +1,73 @@
+const o = "gradientMove", d = "fadeInKeyframe", r = {
+  "prokodo-GridRow": "prokodo-GridRow",
+  "prokodo-GridRow--align-left": "prokodo-GridRow--align-left",
+  "prokodo-GridRow--align-center": "prokodo-GridRow--align-center",
+  "prokodo-GridRow--align-right": "prokodo-GridRow--align-right",
+  "prokodo-GridRow--xs-1": "prokodo-GridRow--xs-1",
+  "prokodo-GridRow--xs-2": "prokodo-GridRow--xs-2",
+  "prokodo-GridRow--xs-3": "prokodo-GridRow--xs-3",
+  "prokodo-GridRow--xs-4": "prokodo-GridRow--xs-4",
+  "prokodo-GridRow--xs-5": "prokodo-GridRow--xs-5",
+  "prokodo-GridRow--xs-6": "prokodo-GridRow--xs-6",
+  "prokodo-GridRow--xs-7": "prokodo-GridRow--xs-7",
+  "prokodo-GridRow--xs-8": "prokodo-GridRow--xs-8",
+  "prokodo-GridRow--xs-9": "prokodo-GridRow--xs-9",
+  "prokodo-GridRow--xs-10": "prokodo-GridRow--xs-10",
+  "prokodo-GridRow--xs-11": "prokodo-GridRow--xs-11",
+  "prokodo-GridRow--xs-12": "prokodo-GridRow--xs-12",
+  "prokodo-GridRow--sm-1": "prokodo-GridRow--sm-1",
+  "prokodo-GridRow--sm-2": "prokodo-GridRow--sm-2",
+  "prokodo-GridRow--sm-3": "prokodo-GridRow--sm-3",
+  "prokodo-GridRow--sm-4": "prokodo-GridRow--sm-4",
+  "prokodo-GridRow--sm-5": "prokodo-GridRow--sm-5",
+  "prokodo-GridRow--sm-6": "prokodo-GridRow--sm-6",
+  "prokodo-GridRow--sm-7": "prokodo-GridRow--sm-7",
+  "prokodo-GridRow--sm-8": "prokodo-GridRow--sm-8",
+  "prokodo-GridRow--sm-9": "prokodo-GridRow--sm-9",
+  "prokodo-GridRow--sm-10": "prokodo-GridRow--sm-10",
+  "prokodo-GridRow--sm-11": "prokodo-GridRow--sm-11",
+  "prokodo-GridRow--sm-12": "prokodo-GridRow--sm-12",
+  "prokodo-GridRow--md-1": "prokodo-GridRow--md-1",
+  "prokodo-GridRow--md-2": "prokodo-GridRow--md-2",
+  "prokodo-GridRow--md-3": "prokodo-GridRow--md-3",
+  "prokodo-GridRow--md-4": "prokodo-GridRow--md-4",
+  "prokodo-GridRow--md-5": "prokodo-GridRow--md-5",
+  "prokodo-GridRow--md-6": "prokodo-GridRow--md-6",
+  "prokodo-GridRow--md-7": "prokodo-GridRow--md-7",
+  "prokodo-GridRow--md-8": "prokodo-GridRow--md-8",
+  "prokodo-GridRow--md-9": "prokodo-GridRow--md-9",
+  "prokodo-GridRow--md-10": "prokodo-GridRow--md-10",
+  "prokodo-GridRow--md-11": "prokodo-GridRow--md-11",
+  "prokodo-GridRow--md-12": "prokodo-GridRow--md-12",
+  "prokodo-GridRow--lg-1": "prokodo-GridRow--lg-1",
+  "prokodo-GridRow--lg-2": "prokodo-GridRow--lg-2",
+  "prokodo-GridRow--lg-3": "prokodo-GridRow--lg-3",
+  "prokodo-GridRow--lg-4": "prokodo-GridRow--lg-4",
+  "prokodo-GridRow--lg-5": "prokodo-GridRow--lg-5",
+  "prokodo-GridRow--lg-6": "prokodo-GridRow--lg-6",
+  "prokodo-GridRow--lg-7": "prokodo-GridRow--lg-7",
+  "prokodo-GridRow--lg-8": "prokodo-GridRow--lg-8",
+  "prokodo-GridRow--lg-9": "prokodo-GridRow--lg-9",
+  "prokodo-GridRow--lg-10": "prokodo-GridRow--lg-10",
+  "prokodo-GridRow--lg-11": "prokodo-GridRow--lg-11",
+  "prokodo-GridRow--lg-12": "prokodo-GridRow--lg-12",
+  "prokodo-GridRow--xl-1": "prokodo-GridRow--xl-1",
+  "prokodo-GridRow--xl-2": "prokodo-GridRow--xl-2",
+  "prokodo-GridRow--xl-3": "prokodo-GridRow--xl-3",
+  "prokodo-GridRow--xl-4": "prokodo-GridRow--xl-4",
+  "prokodo-GridRow--xl-5": "prokodo-GridRow--xl-5",
+  "prokodo-GridRow--xl-6": "prokodo-GridRow--xl-6",
+  "prokodo-GridRow--xl-7": "prokodo-GridRow--xl-7",
+  "prokodo-GridRow--xl-8": "prokodo-GridRow--xl-8",
+  "prokodo-GridRow--xl-9": "prokodo-GridRow--xl-9",
+  "prokodo-GridRow--xl-10": "prokodo-GridRow--xl-10",
+  "prokodo-GridRow--xl-11": "prokodo-GridRow--xl-11",
+  "prokodo-GridRow--xl-12": "prokodo-GridRow--xl-12",
+  gradientMove: o,
+  fadeInKeyframe: d
+};
+export {
+  r as default,
+  d as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/grid/index.js

@@ -0,0 +1,6 @@
+import { Grid as d } from "./Grid.js";
+import { GridRow as f } from "./GridRow.js";
+export {
+  d as Grid,
+  f as GridRow
+};

package/dist/components/headline/Headline.js

@@ -0,0 +1,71 @@
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import { useMemo as x, useCallback as H } from "react";
+import I from "react-markdown";
+import $ from "remark-breaks";
+import G from "remark-gfm";
+import { AnimatedText as L } from "../animatedText/AnimatedText.js";
+import { create as w } from "../../helpers/bem.js";
+import C from "./Headline.module.scss.js";
+const b = w(C, "Headline"), E = [
+  "inherit",
+  "primary",
+  "secondary",
+  "white"
+], q = ({
+  animated: l,
+  animationProps: m = {},
+  type: t = "h3",
+  size: r = "md",
+  highlight: k,
+  schema: c = {},
+  className: j,
+  align: a,
+  isRichtext: y = !1,
+  variant: o = "inherit",
+  ...n
+}) => {
+  const i = !!k && E.includes(o), S = {
+    [o]: !!o,
+    "is-highlighted": i,
+    highlighted: i,
+    [`${o}--highlighted`]: i,
+    [r]: typeof r == "string" && !!r,
+    [`${a}`]: !!a
+  }, d = b(void 0, S, j), h = x(() => typeof r == "number" ? {
+    fontSize: `${r}em`
+  } : {}, [r]), f = typeof n.children == "string" ? n.children : void 0, u = x(
+    () => ({
+      "aria-label": f,
+      className: d,
+      style: h,
+      node: void 0,
+      ...c
+    }),
+    [f, d, h, c]
+  ), g = H(
+    (e) => l ? /* @__PURE__ */ s.jsx(L, { ...m, children: e }) : e,
+    [l, m]
+  ), p = H(
+    (e) => {
+      if (!/^h[1-6]$/.test(t)) return null;
+      const T = e.children, B = t;
+      return /* @__PURE__ */ s.jsx(B, { ...e, "aria-level": parseInt(t[1] ?? "", 10), ...u, children: g(T) });
+    },
+    [t, u, g]
+  );
+  return y ? /* @__PURE__ */ s.jsx(
+    I,
+    {
+      className: b("headline"),
+      remarkPlugins: [G, $],
+      components: {
+        p: (e) => p(e)
+      },
+      children: n.children
+    }
+  ) : p(n);
+};
+export {
+  q as Headline,
+  E as POSSIBLE_HIGHLIGHTS
+};

package/dist/components/headline/Headline.module.scss.js

@@ -0,0 +1,34 @@
+const o = "gradientMove", e = "fadeInKeyframe", d = {
+  "prokodo-Headline": "prokodo-Headline",
+  "prokodo-Headline--is-highlighted": "prokodo-Headline--is-highlighted",
+  "prokodo-Headline--primary--highlighted": "prokodo-Headline--primary--highlighted",
+  "prokodo-Headline--secondary--highlighted": "prokodo-Headline--secondary--highlighted",
+  "prokodo-Headline--success--highlighted": "prokodo-Headline--success--highlighted",
+  "prokodo-Headline--warning--highlighted": "prokodo-Headline--warning--highlighted",
+  "prokodo-Headline--error--highlighted": "prokodo-Headline--error--highlighted",
+  "prokodo-Headline--inherit": "prokodo-Headline--inherit",
+  "prokodo-Headline--inherit--highlighted": "prokodo-Headline--inherit--highlighted",
+  "prokodo-Headline--primary": "prokodo-Headline--primary",
+  "prokodo-Headline--secondary": "prokodo-Headline--secondary",
+  "prokodo-Headline--success": "prokodo-Headline--success",
+  "prokodo-Headline--info": "prokodo-Headline--info",
+  "prokodo-Headline--warning": "prokodo-Headline--warning",
+  "prokodo-Headline--error": "prokodo-Headline--error",
+  "prokodo-Headline--white": "prokodo-Headline--white",
+  "prokodo-Headline--black": "prokodo-Headline--black",
+  "prokodo-Headline--xs": "prokodo-Headline--xs",
+  "prokodo-Headline--sm": "prokodo-Headline--sm",
+  "prokodo-Headline--md": "prokodo-Headline--md",
+  "prokodo-Headline--lg": "prokodo-Headline--lg",
+  "prokodo-Headline--xl": "prokodo-Headline--xl",
+  "prokodo-Headline--xxl": "prokodo-Headline--xxl",
+  "prokodo-Headline--center": "prokodo-Headline--center",
+  "prokodo-Headline--right": "prokodo-Headline--right",
+  gradientMove: o,
+  fadeInKeyframe: e
+};
+export {
+  d as default,
+  e as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/headline/index.js

@@ -0,0 +1,5 @@
+import { Headline as I, POSSIBLE_HIGHLIGHTS as S } from "./Headline.js";
+export {
+  I as Headline,
+  S as POSSIBLE_HIGHLIGHTS
+};

package/dist/components/icon/Icon.js

@@ -0,0 +1,60 @@
+import { j as t } from "../../_virtual/jsx-runtime.js";
+import { useMemo as u, lazy as l, Suspense as m } from "react";
+import { create as x } from "../../helpers/bem.js";
+import f from "./Icon.module.scss.js";
+import { ICONS as p } from "./iconsMap.js";
+const h = x(f, "Icon"), n = () => /* @__PURE__ */ t.jsxs("svg", { height: "24", viewBox: "0 0 24 24", width: "24", children: [
+  /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "black", strokeWidth: "2" }),
+  /* @__PURE__ */ t.jsx("line", { stroke: "black", strokeWidth: "2", x1: "6", x2: "18", y1: "6", y2: "18" })
+] }), y = (e) => {
+  switch (e) {
+    case "xs":
+      return 15;
+    case "sm":
+      return 20;
+    case "md":
+      return 30;
+    case "lg":
+      return 40;
+    case "xl":
+      return 50;
+    default:
+      return e ?? 16;
+  }
+}, j = (e) => {
+  const r = p[e];
+  return typeof r == "function" ? r() : Promise.resolve({ default: n });
+}, z = ({
+  name: e,
+  size: r,
+  color: s,
+  className: c,
+  role: o = "presentation",
+  "aria-hidden": a = o === "presentation" ? "true" : void 0,
+  ...i
+}) => {
+  const d = u(
+    () => l(async () => ({ default: (await j(e)).default })),
+    [e]
+  );
+  return /* @__PURE__ */ t.jsx(m, { fallback: /* @__PURE__ */ t.jsx(n, {}), children: /* @__PURE__ */ t.jsx(
+    d,
+    {
+      "aria-hidden": a,
+      color: s,
+      name: e,
+      role: o,
+      size: y(r),
+      ...i,
+      className: h(
+        void 0,
+        typeof s == "string" ? { [s]: !0 } : void 0,
+        c
+      )
+    }
+  ) });
+};
+export {
+  z as Icon,
+  y as getIconSize
+};

package/dist/components/icon/Icon.module.scss.js

@@ -0,0 +1,16 @@
+const o = "gradientMove", r = "fadeInKeyframe", n = {
+  "prokodo-Icon--primary": "prokodo-Icon--primary",
+  "prokodo-Icon--secondary": "prokodo-Icon--secondary",
+  "prokodo-Icon--info": "prokodo-Icon--info",
+  "prokodo-Icon--success": "prokodo-Icon--success",
+  "prokodo-Icon--warning": "prokodo-Icon--warning",
+  "prokodo-Icon--error": "prokodo-Icon--error",
+  "prokodo-Icon--white": "prokodo-Icon--white",
+  gradientMove: o,
+  fadeInKeyframe: r
+};
+export {
+  n as default,
+  r as fadeInKeyframe,
+  o as gradientMove
+};