rk-designsystem 1.3.0 → 1.3.2

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

@@ -0,0 +1,138 @@
+"use client";
+const t = "_footer_17i24_1", n = "_mainSection_17i24_7", o = "_mainContainer_17i24_21", i = "_graphicElementTopRight_17i24_31", e = "_graphicElementBottomLeft_17i24_38", c = "_contentRow_17i24_46", s = "_newsletterSection_17i24_56", _ = "_newsletterDescription_17i24_70", a = "_newsletterForm_17i24_79", l = "_newsletterInputGroup_17i24_85", r = "_newsletterInput_17i24_85", p = "_consentText_17i24_96", d = "_linksSection_17i24_106", L = "_linksColumn_17i24_112", C = "_linksTitle_17i24_119", k = "_linksList_17i24_130", m = "_footerLink_17i24_139", g = "_divider_17i24_161", w = "_contactSection_17i24_169", P = "_contactColumn_17i24_176", h = "_contactTitle_17i24_184", T = "_contactContent_17i24_193", S = "_copyrightSection_17i24_207", u = "_copyrightText_17i24_212", R = "_whiteSection_17i24_222", M = "_whiteContainer_17i24_227", f = "_whiteContent_17i24_235", x = "_logo_17i24_243", y = "_redCrossLogo_17i24_257", D = "_slotLarge_17i24_263", E = "_contentRowContact_17i24_318", I = "_socialLinksSection_17i24_328", b = "_socialLinksTitle_17i24_335", v = "_socialLinksList_17i24_346", B = "_socialLink_17i24_328", G = "_socialLinkIcon_17i24_379", A = "_contactPersonsSection_17i24_394", F = "_contactPersonsTitle_17i24_401", N = "_contactPersonsGrid_17i24_412", j = "_contactPersonCard_17i24_418", q = "_contactPersonName_17i24_425", z = "_contactPersonRole_17i24_434", H = "_contactPersonDetails_17i24_443", J = "_contactPersonLabel_17i24_450", K = "_contactPersonEmail_17i24_454", O = "_contactPersonPhone_17i24_455", Q = "_contactPersonAddress_17i24_456", U = "_bottomRowContact_17i24_477", V = "_legalLinksRow_17i24_486", W = "_legalLink_17i24_486", X = "_dpMain_17i24_561", Y = "_dpContainer_17i24_570", Z = "_dpColumns_17i24_578", $ = "_dpColumn_17i24_578", tt = "_dpColTitle_17i24_591", nt = "_dpList_17i24_599", ot = "_dpLink_17i24_608", it = "_dpDivider_17i24_622", et = "_dpMeta_17i24_630", ct = "_dpMetaCol_17i24_636", st = "_dpMetaTitle_17i24_644", _t = "_dpMetaText_17i24_652", at = "_dpBottom_17i24_660", lt = "_dpLegal_17i24_668", rt = "_dpLegalLink_17i24_677", pt = "_dpCopyright_17i24_689", dt = {
+  footer: t,
+  mainSection: n,
+  mainContainer: o,
+  graphicElementTopRight: i,
+  graphicElementBottomLeft: e,
+  contentRow: c,
+  newsletterSection: s,
+  newsletterDescription: _,
+  newsletterForm: a,
+  newsletterInputGroup: l,
+  newsletterInput: r,
+  consentText: p,
+  linksSection: d,
+  linksColumn: L,
+  linksTitle: C,
+  linksList: k,
+  footerLink: m,
+  divider: g,
+  contactSection: w,
+  contactColumn: P,
+  contactTitle: h,
+  contactContent: T,
+  copyrightSection: S,
+  copyrightText: u,
+  whiteSection: R,
+  whiteContainer: M,
+  whiteContent: f,
+  logo: x,
+  redCrossLogo: y,
+  slotLarge: D,
+  contentRowContact: E,
+  socialLinksSection: I,
+  socialLinksTitle: b,
+  socialLinksList: v,
+  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: it,
+  dpMeta: et,
+  dpMetaCol: ct,
+  dpMetaTitle: st,
+  dpMetaText: _t,
+  dpBottom: at,
+  dpLegal: lt,
+  dpLegalLink: rt,
+  dpCopyright: pt
+};
+export {
+  U as bottomRowContact,
+  p as consentText,
+  P as contactColumn,
+  T 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,
+  w as contactSection,
+  h as contactTitle,
+  c as contentRow,
+  E as contentRowContact,
+  S as copyrightSection,
+  u as copyrightText,
+  dt as default,
+  g as divider,
+  at as dpBottom,
+  tt as dpColTitle,
+  $ as dpColumn,
+  Z as dpColumns,
+  Y as dpContainer,
+  pt as dpCopyright,
+  it as dpDivider,
+  lt as dpLegal,
+  rt as dpLegalLink,
+  ot as dpLink,
+  nt as dpList,
+  X as dpMain,
+  et as dpMeta,
+  ct as dpMetaCol,
+  _t as dpMetaText,
+  st as dpMetaTitle,
+  t as footer,
+  m as footerLink,
+  e as graphicElementBottomLeft,
+  i as graphicElementTopRight,
+  W as legalLink,
+  V as legalLinksRow,
+  L as linksColumn,
+  k as linksList,
+  d as linksSection,
+  C as linksTitle,
+  x as logo,
+  o as mainContainer,
+  n as mainSection,
+  _ as newsletterDescription,
+  a as newsletterForm,
+  r as newsletterInput,
+  l as newsletterInputGroup,
+  s as newsletterSection,
+  y as redCrossLogo,
+  D as slotLarge,
+  B as socialLink,
+  G as socialLinkIcon,
+  v as socialLinksList,
+  I as socialLinksSection,
+  b as socialLinksTitle,
+  M as whiteContainer,
+  f as whiteContent,
+  R 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 P(t) {
+  return t in H;
+}
+const R = 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.prepend(s);
+    }, []);
+    const g = N[w], c = _[t], o = l === "isometric" && P(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"
+          }
+        ) })
+      }
+    );
+  }
+);
+R.displayName = "GraphicElement";
+export {
+  R 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
+};