rk-designsystem 1.3.0 → 1.3.1

package/dist/components/Footer/styles.module.css.js

@@ -0,0 +1,138 @@
+"use client";
+const t = "_footer_vkvg2_1", n = "_mainSection_vkvg2_7", o = "_mainContainer_vkvg2_21", e = "_graphicElementTopRight_vkvg2_31", c = "_graphicElementBottomLeft_vkvg2_38", s = "_contentRow_vkvg2_46", _ = "_newsletterSection_vkvg2_56", i = "_newsletterDescription_vkvg2_63", v = "_newsletterForm_vkvg2_72", a = "_newsletterInputGroup_vkvg2_78", l = "_newsletterInput_vkvg2_78", r = "_consentText_vkvg2_89", k = "_linksSection_vkvg2_99", g = "_linksColumn_vkvg2_105", p = "_linksTitle_vkvg2_112", d = "_linksList_vkvg2_123", L = "_footerLink_vkvg2_132", C = "_divider_vkvg2_154", m = "_contactSection_vkvg2_162", w = "_contactColumn_vkvg2_169", P = "_contactTitle_vkvg2_177", h = "_contactContent_vkvg2_186", T = "_copyrightSection_vkvg2_200", S = "_copyrightText_vkvg2_205", u = "_whiteSection_vkvg2_215", R = "_whiteContainer_vkvg2_220", M = "_whiteContent_vkvg2_228", f = "_logo_vkvg2_236", x = "_redCrossLogo_vkvg2_250", y = "_slotLarge_vkvg2_256", D = "_contentRowContact_vkvg2_311", E = "_socialLinksSection_vkvg2_321", I = "_socialLinksTitle_vkvg2_328", b = "_socialLinksList_vkvg2_339", B = "_socialLink_vkvg2_321", G = "_socialLinkIcon_vkvg2_372", A = "_contactPersonsSection_vkvg2_387", F = "_contactPersonsTitle_vkvg2_394", N = "_contactPersonsGrid_vkvg2_405", j = "_contactPersonCard_vkvg2_411", q = "_contactPersonName_vkvg2_418", z = "_contactPersonRole_vkvg2_427", H = "_contactPersonDetails_vkvg2_436", J = "_contactPersonLabel_vkvg2_443", K = "_contactPersonEmail_vkvg2_447", O = "_contactPersonPhone_vkvg2_448", Q = "_contactPersonAddress_vkvg2_449", U = "_bottomRowContact_vkvg2_470", V = "_legalLinksRow_vkvg2_479", W = "_legalLink_vkvg2_479", X = "_dpMain_vkvg2_554", Y = "_dpContainer_vkvg2_563", Z = "_dpColumns_vkvg2_571", $ = "_dpColumn_vkvg2_571", tt = "_dpColTitle_vkvg2_584", nt = "_dpList_vkvg2_592", ot = "_dpLink_vkvg2_601", et = "_dpDivider_vkvg2_615", ct = "_dpMeta_vkvg2_623", st = "_dpMetaCol_vkvg2_629", _t = "_dpMetaTitle_vkvg2_637", it = "_dpMetaText_vkvg2_645", vt = "_dpBottom_vkvg2_653", at = "_dpLegal_vkvg2_661", lt = "_dpLegalLink_vkvg2_670", rt = "_dpCopyright_vkvg2_682", kt = {
+  footer: t,
+  mainSection: n,
+  mainContainer: o,
+  graphicElementTopRight: e,
+  graphicElementBottomLeft: c,
+  contentRow: s,
+  newsletterSection: _,
+  newsletterDescription: i,
+  newsletterForm: v,
+  newsletterInputGroup: a,
+  newsletterInput: l,
+  consentText: r,
+  linksSection: k,
+  linksColumn: g,
+  linksTitle: p,
+  linksList: d,
+  footerLink: L,
+  divider: C,
+  contactSection: m,
+  contactColumn: w,
+  contactTitle: P,
+  contactContent: h,
+  copyrightSection: T,
+  copyrightText: S,
+  whiteSection: u,
+  whiteContainer: R,
+  whiteContent: M,
+  logo: f,
+  redCrossLogo: x,
+  slotLarge: y,
+  contentRowContact: D,
+  socialLinksSection: E,
+  socialLinksTitle: I,
+  socialLinksList: b,
+  socialLink: B,
+  socialLinkIcon: G,
+  contactPersonsSection: A,
+  contactPersonsTitle: F,
+  contactPersonsGrid: N,
+  contactPersonCard: j,
+  contactPersonName: q,
+  contactPersonRole: z,
+  contactPersonDetails: H,
+  contactPersonLabel: J,
+  contactPersonEmail: K,
+  contactPersonPhone: O,
+  contactPersonAddress: Q,
+  bottomRowContact: U,
+  legalLinksRow: V,
+  legalLink: W,
+  dpMain: X,
+  dpContainer: Y,
+  dpColumns: Z,
+  dpColumn: $,
+  dpColTitle: tt,
+  dpList: nt,
+  dpLink: ot,
+  dpDivider: et,
+  dpMeta: ct,
+  dpMetaCol: st,
+  dpMetaTitle: _t,
+  dpMetaText: it,
+  dpBottom: vt,
+  dpLegal: at,
+  dpLegalLink: lt,
+  dpCopyright: rt
+};
+export {
+  U as bottomRowContact,
+  r as consentText,
+  w as contactColumn,
+  h as contactContent,
+  Q as contactPersonAddress,
+  j as contactPersonCard,
+  H as contactPersonDetails,
+  K as contactPersonEmail,
+  J as contactPersonLabel,
+  q as contactPersonName,
+  O as contactPersonPhone,
+  z as contactPersonRole,
+  N as contactPersonsGrid,
+  A as contactPersonsSection,
+  F as contactPersonsTitle,
+  m as contactSection,
+  P as contactTitle,
+  s as contentRow,
+  D as contentRowContact,
+  T as copyrightSection,
+  S as copyrightText,
+  kt as default,
+  C as divider,
+  vt as dpBottom,
+  tt as dpColTitle,
+  $ as dpColumn,
+  Z as dpColumns,
+  Y as dpContainer,
+  rt as dpCopyright,
+  et as dpDivider,
+  at as dpLegal,
+  lt as dpLegalLink,
+  ot as dpLink,
+  nt as dpList,
+  X as dpMain,
+  ct as dpMeta,
+  st as dpMetaCol,
+  it as dpMetaText,
+  _t as dpMetaTitle,
+  t as footer,
+  L as footerLink,
+  c as graphicElementBottomLeft,
+  e as graphicElementTopRight,
+  W as legalLink,
+  V as legalLinksRow,
+  g as linksColumn,
+  d as linksList,
+  k as linksSection,
+  p as linksTitle,
+  f as logo,
+  o as mainContainer,
+  n as mainSection,
+  i as newsletterDescription,
+  v as newsletterForm,
+  l as newsletterInput,
+  a as newsletterInputGroup,
+  _ as newsletterSection,
+  x as redCrossLogo,
+  y as slotLarge,
+  B as socialLink,
+  G as socialLinkIcon,
+  b as socialLinksList,
+  E as socialLinksSection,
+  I as socialLinksTitle,
+  R as whiteContainer,
+  M as whiteContent,
+  u as whiteSection
+};

package/dist/components/GraphicElement/index.js

@@ -0,0 +1,317 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as W, useEffect as k } from "react";
+import a from "./styles.module.css.js";
+function T(t) {
+  return `
+.${t.graphicElement} {
+  display: inline-block;
+  flex-shrink: 0;
+  --graphic-element-color: var(--ds-color-base-default, #DA4236);
+  --graphic-element-face-front: var(--ds-color-border-subtle, #EEABA6);
+  --graphic-element-face-top: var(--ds-color-surface-active, #E5776F);
+}
+/* data-color scoping: the theme's [data-color] scopes swap the generic
+   --ds-color-* variables, so no per-ramp rules are needed here. */
+.${t.shape} {
+  fill: var(--graphic-element-color);
+}
+/* Outline variant: thin stroke, no fill */
+.${t.graphicElement}[data-variant="outline"] {
+  overflow: visible;
+}
+.${t.graphicElement}[data-variant="outline"] .${t.shape} {
+  fill: none;
+  stroke: var(--graphic-element-color);
+  stroke-width: 2px;
+}
+/* Isometric variant: three token-driven cube faces */
+.${t.faceFront} {
+  fill: var(--graphic-element-face-front);
+}
+.${t.faceTop} {
+  fill: var(--graphic-element-face-top);
+}
+.${t.faceRight} {
+  fill: var(--graphic-element-color);
+}
+`;
+}
+const N = {
+  sm: 24,
+  md: 34,
+  lg: 48
+}, O = {
+  "top-left": 270,
+  "top-right": 0,
+  "bottom-right": 90,
+  "bottom-left": 180
+}, _ = {
+  // One unit square. Outline: bottom edge only.
+  square: {
+    viewBoxW: 34,
+    viewBoxH: 34,
+    solid: "M0 0H34V34H0V0Z",
+    outline: "M0 34H34"
+  },
+  // Three cells of a 2x2 grid with the TOP-LEFT cell missing:
+  // (1,0), (0,1), (1,1). Outline: bottom + right edges (open step).
+  corner: {
+    viewBoxW: 68,
+    viewBoxH: 68,
+    solid: "M34 0H68V68H0V34H34V0Z",
+    outline: "M0 68H68V0"
+  },
+  // The corner rotated -90deg: (0,0), (1,0), (1,1) - top bar plus the
+  // bottom-right cell (this is the legacy CrossCorner form).
+  // Outline: top + right edges.
+  angle: {
+    viewBoxW: 68,
+    viewBoxH: 68,
+    solid: "M0 0H68V68H34V34H0V0Z",
+    outline: "M0 0H68V68"
+  },
+  // Three unit squares rotated 45deg (diamonds, radius 24 = U*sqrt(2)/2):
+  // two side by side on top (centers (24,24) and (72,24)) and one
+  // centered below/between them (center (48,48)). Their union forms
+  // the angular heart. Outline: only the two bottom edges (open V).
+  heart: {
+    viewBoxW: 96,
+    viewBoxH: 72,
+    solid: "M24 0L48 24L72 0L96 24L48 72L0 24L24 0Z",
+    outline: "M0 24L48 72L96 24"
+  },
+  // Four cells: a 3x1 row plus one center cell above it -
+  // (1,0), (0,1), (1,1), (2,1). T pointing up.
+  // Outline: 2U horizontal line with a 1U tick rising from its midpoint.
+  tee: {
+    viewBoxW: 102,
+    viewBoxH: 68,
+    solid: "M34 0H68V34H102V68H0V34H34V0Z",
+    outline: "M17 68H85M51 34V68"
+  },
+  // Three cells in a row. Outline: bottom edge (one 3U line).
+  bar: {
+    viewBoxW: 102,
+    viewBoxH: 34,
+    solid: "M0 0H102V34H0V0Z",
+    outline: "M0 34H102"
+  },
+  // Four cells with NO center cell: (1,0), (0,1), (2,1), (1,2) -
+  // the gapped, checkerboard-style cross.
+  // Outline: full-height vertical axis plus two 1U horizontal ticks,
+  // leaving a gap over the (empty) center cell.
+  cross: {
+    viewBoxW: 102,
+    viewBoxH: 102,
+    solid: "M34 0H68V34H34V0ZM0 34H34V68H0V34ZM68 34H102V68H68V34ZM34 68H68V102H34V68Z",
+    outline: "M51 0V102M0 51H34M68 51H102"
+  }
+}, e = {
+  cube: {
+    w: 58.89,
+    h: 68,
+    faces: [
+      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
+      { face: "right", d: "M29.44 34L58.89 17L58.89 51L29.44 68Z" },
+      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" }
+    ]
+  },
+  cornerStanding: {
+    w: 88.33,
+    h: 102,
+    faces: [
+      { face: "top", d: "M0 34L29.44 17L58.89 34L29.44 51Z" },
+      { face: "front", d: "M0 34L29.44 51L29.44 85L0 68Z" },
+      { face: "right", d: "M58.89 68L88.33 51L88.33 85L58.89 102Z" },
+      { face: "front", d: "M29.44 51L58.89 68L58.89 102L29.44 85Z" },
+      { face: "top", d: "M29.44 17L58.89 0L88.33 17L58.89 34Z" },
+      { face: "right", d: "M58.89 34L88.33 17L88.33 51L58.89 68Z" },
+      { face: "front", d: "M29.44 17L58.89 34L58.89 68L29.44 51Z" }
+    ]
+  },
+  cornerLying: {
+    w: 117.78,
+    h: 85,
+    faces: [
+      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
+      { face: "top", d: "M0 17L29.44 34L58.89 17L29.44 0Z" },
+      { face: "right", d: "M88.33 34L117.78 17L117.78 51L88.33 68Z" },
+      { face: "top", d: "M58.89 17L88.33 34L117.78 17L88.33 0Z" },
+      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" },
+      { face: "right", d: "M58.89 51L88.33 34L88.33 68L58.89 85Z" },
+      { face: "top", d: "M29.44 34L58.89 51L88.33 34L58.89 17Z" }
+    ]
+  },
+  angleStanding: {
+    w: 88.33,
+    h: 119,
+    faces: [
+      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
+      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
+      { face: "right", d: "M58.89 85L88.33 68L88.33 102L58.89 119Z" },
+      { face: "front", d: "M29.44 68L58.89 85L58.89 119L29.44 102Z" },
+      { face: "top", d: "M29.44 34L58.89 17L88.33 34L58.89 51Z" },
+      { face: "right", d: "M58.89 51L88.33 34L88.33 68L58.89 85Z" },
+      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" }
+    ]
+  },
+  angleLying: {
+    w: 88.33,
+    h: 102,
+    faces: [
+      { face: "right", d: "M58.89 34L88.33 17L88.33 51L58.89 68Z" },
+      { face: "top", d: "M29.44 17L58.89 34L88.33 17L58.89 0Z" },
+      { face: "front", d: "M0 34L29.44 51L29.44 85L0 68Z" },
+      { face: "top", d: "M0 34L29.44 51L58.89 34L29.44 17Z" },
+      { face: "front", d: "M29.44 51L58.89 68L58.89 102L29.44 85Z" },
+      { face: "right", d: "M58.89 68L88.33 51L88.33 85L58.89 102Z" },
+      { face: "top", d: "M29.44 51L58.89 68L88.33 51L58.89 34Z" }
+    ]
+  },
+  heart: {
+    w: 102,
+    h: 88.33,
+    faces: [
+      { face: "front", d: "M17 0L34 29.44L17 58.89L0 29.44Z" },
+      { face: "top", d: "M17 0L51 0L68 29.44L34 29.44Z" },
+      { face: "right", d: "M51 58.89L85 58.89L68 88.33L34 88.33Z" },
+      { face: "front", d: "M34 29.44L51 58.89L34 88.33L17 58.89Z" },
+      { face: "right", d: "M68 29.44L102 29.44L85 58.89L51 58.89Z" },
+      { face: "front", d: "M51 0L68 29.44L51 58.89L34 29.44Z" },
+      { face: "top", d: "M51 0L85 0L102 29.44L68 29.44Z" }
+    ]
+  },
+  heartMirrored: {
+    w: 102,
+    h: 88.33,
+    faces: [
+      { face: "front", d: "M85 0L68 29.44L85 58.89L102 29.44Z" },
+      { face: "top", d: "M85 0L51 0L34 29.44L68 29.44Z" },
+      { face: "right", d: "M51 58.89L17 58.89L34 88.33L68 88.33Z" },
+      { face: "front", d: "M68 29.44L51 58.89L68 88.33L85 58.89Z" },
+      { face: "right", d: "M34 29.44L0 29.44L17 58.89L51 58.89Z" },
+      { face: "front", d: "M51 0L34 29.44L51 58.89L68 29.44Z" },
+      { face: "top", d: "M51 0L17 0L0 29.44L34 29.44Z" }
+    ]
+  },
+  barHorizontal: {
+    w: 117.78,
+    h: 102,
+    faces: [
+      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
+      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
+      { face: "top", d: "M29.44 34L58.89 17L88.33 34L58.89 51Z" },
+      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" },
+      { face: "top", d: "M58.89 51L88.33 34L117.78 51L88.33 68Z" },
+      { face: "right", d: "M88.33 68L117.78 51L117.78 85L88.33 102Z" },
+      { face: "front", d: "M58.89 51L88.33 68L88.33 102L58.89 85Z" }
+    ]
+  },
+  barVertical: {
+    w: 58.89,
+    h: 136,
+    faces: [
+      { face: "right", d: "M29.44 102L58.89 85L58.89 119L29.44 136Z" },
+      { face: "front", d: "M0 85L29.44 102L29.44 136L0 119Z" },
+      { face: "right", d: "M29.44 68L58.89 51L58.89 85L29.44 102Z" },
+      { face: "front", d: "M0 51L29.44 68L29.44 102L0 85Z" },
+      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
+      { face: "right", d: "M29.44 34L58.89 17L58.89 51L29.44 68Z" },
+      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" }
+    ]
+  }
+}, H = {
+  square: {
+    "top-left": e.cube,
+    "top-right": e.cube,
+    "bottom-left": e.cube,
+    "bottom-right": e.cube
+  },
+  corner: {
+    "top-left": e.cornerStanding,
+    "top-right": e.cornerStanding,
+    "bottom-left": e.cornerLying,
+    "bottom-right": e.cornerLying
+  },
+  angle: {
+    "top-left": e.angleStanding,
+    "top-right": e.angleStanding,
+    "bottom-left": e.angleLying,
+    "bottom-right": e.angleLying
+  },
+  heart: {
+    "top-left": e.heart,
+    "top-right": e.heart,
+    "bottom-left": e.heart,
+    "bottom-right": e.heart
+  },
+  bar: {
+    "top-left": e.barVertical,
+    "top-right": e.barHorizontal,
+    "bottom-left": e.barHorizontal,
+    "bottom-right": e.barVertical
+  }
+}, v = 34, z = {
+  front: a.faceFront,
+  top: a.faceTop,
+  right: a.faceRight
+};
+function C(t) {
+  return t in H;
+}
+const P = W(
+  ({
+    shape: t = "corner",
+    variant: l = "solid",
+    position: h = "top-left",
+    size: w = "md",
+    mirrored: b = !1,
+    className: V,
+    "aria-label": x,
+    "aria-hidden": M = !0,
+    "data-color": B,
+    "data-size": E,
+    ...$
+  }, y) => {
+    k(() => {
+      const L = "rk-graphic-element-inline-styles";
+      if (typeof document > "u" || document.getElementById(L)) return;
+      const d = T(a), s = document.createElement("style");
+      s.id = L, s.textContent = d, document.head.appendChild(s);
+    }, []);
+    const g = N[w], c = _[t], o = l === "isometric" && C(t) ? t === "heart" && b ? e.heartMirrored : H[t][h] : void 0, p = l === "isometric" && !o ? "solid" : l, r = o ? 0 : O[h], n = o ? o.w : c.viewBoxW, i = o ? o.h : c.viewBoxH, Z = r === 90 || r === 270, m = Z ? i : n, u = Z ? n : i, A = Math.round(g * m / v), S = Math.round(g * u / v), I = r === 90 ? `rotate(90) translate(0 ${-i})` : r === 180 ? `rotate(180) translate(${-n} ${-i})` : r === 270 ? `rotate(-90) translate(${-n} 0)` : void 0;
+    return /* @__PURE__ */ f(
+      "svg",
+      {
+        ref: y,
+        className: `${a.graphicElement} ${V || ""}`,
+        width: A,
+        height: S,
+        viewBox: `0 0 ${m} ${u}`,
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-label": x,
+        "aria-hidden": M,
+        role: M ? void 0 : "img",
+        "data-shape": t,
+        "data-variant": p,
+        "data-color": B,
+        "data-size": E,
+        ...$,
+        children: /* @__PURE__ */ f("g", { transform: I, children: o ? o.faces.map((L, d) => /* @__PURE__ */ f("path", { d: L.d, className: z[L.face] }, d)) : /* @__PURE__ */ f(
+          "path",
+          {
+            d: p === "outline" ? c.outline : c.solid,
+            className: a.shape,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ) })
+      }
+    );
+  }
+);
+P.displayName = "GraphicElement";
+export {
+  P as GraphicElement
+};

package/dist/components/GraphicElement/styles.module.css.js

@@ -0,0 +1,16 @@
+"use client";
+const c = "_graphicElement_134cx_1", e = "_shape_134cx_12", t = "_faceFront_134cx_28", a = "_faceTop_134cx_32", _ = "_faceRight_134cx_36", n = {
+  graphicElement: c,
+  shape: e,
+  faceFront: t,
+  faceTop: a,
+  faceRight: _
+};
+export {
+  n as default,
+  t as faceFront,
+  _ as faceRight,
+  a as faceTop,
+  c as graphicElement,
+  e as shape
+};