rk-designsystem 1.3.0 → 1.3.2

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

@@ -0,0 +1,114 @@
+"use client";
+const e = "_header_1imer_1", n = "_languageSwitch_1imer_56", t = "_searchOverlay_1imer_60", o = "_headerExtension_1imer_65", s = "_headerExtensionTinted_1imer_93", i = "_languageLabel_1imer_101", _ = "_languageLink_1imer_106", r = "_extensionContent_1imer_111", m = "_extensionDivider_1imer_116", a = "_extensionContentWrapper_1imer_121", c = "_headerInner_1imer_201", l = "_logoWrapper_1imer_218", u = "_logo_1imer_218", g = "_secondaryLogoWrapper_1imer_241", h = "_slotComponent_1imer_250", L = "_slotContainer_1imer_260", d = "_slotText_1imer_268", x = "_secondaryLogo_1imer_241", p = "_redCrossLogo_1imer_295", C = "_primaryLogo_1imer_306", T = "_navItems_1imer_310", v = "_navLink_1imer_319", y = "_actions_1imer_332", k = "_ctaButton_1imer_340", I = "_themeToggle_1imer_345", B = "_userInfo_1imer_350", W = "_userName_1imer_356", R = "_loginLink_1imer_363", f = "_loginText_1imer_372", b = "_underline_1imer_379", w = "_searchButtonWrapper_1imer_385", E = "_buttonText_1imer_389", O = "_menuButton_1imer_394", S = "_menuOverlay_1imer_399", A = "_searchContent_1imer_433", D = "_menuContent_1imer_443", N = "_menuLeftColumn_1imer_452", U = "_menuRightColumn_1imer_458", j = "_slotContent_1imer_472", q = "_navList_1imer_485", z = "_menuUtilities_1imer_492", F = "_menuBrand_1imer_499", G = "_suggestionsSection_1imer_503", H = "_suggestionsTitle_1imer_509", J = "_searchResults_1imer_518", K = "_resultList_1imer_524", M = "_resultItem_1imer_530", P = "_resultLink_1imer_538", Q = "_suggestionIcon_1imer_552", V = "_suggestionText_1imer_565", X = "_highlightedText_1imer_572", Y = "_remainingText_1imer_577", Z = "_viewAllLink_1imer_590", $ = "_noResults_1imer_625", ee = {
+  header: e,
+  languageSwitch: n,
+  searchOverlay: t,
+  headerExtension: o,
+  headerExtensionTinted: s,
+  languageLabel: i,
+  languageLink: _,
+  extensionContent: r,
+  extensionDivider: m,
+  extensionContentWrapper: a,
+  headerInner: c,
+  logoWrapper: l,
+  logo: u,
+  secondaryLogoWrapper: g,
+  slotComponent: h,
+  slotContainer: L,
+  slotText: d,
+  secondaryLogo: x,
+  redCrossLogo: p,
+  primaryLogo: C,
+  navItems: T,
+  navLink: v,
+  actions: y,
+  ctaButton: k,
+  themeToggle: I,
+  userInfo: B,
+  userName: W,
+  loginLink: R,
+  loginText: f,
+  underline: b,
+  searchButtonWrapper: w,
+  buttonText: E,
+  menuButton: O,
+  menuOverlay: S,
+  searchContent: A,
+  menuContent: D,
+  menuLeftColumn: N,
+  menuRightColumn: U,
+  slotContent: j,
+  navList: q,
+  menuUtilities: z,
+  menuBrand: F,
+  suggestionsSection: G,
+  suggestionsTitle: H,
+  searchResults: J,
+  resultList: K,
+  resultItem: M,
+  resultLink: P,
+  suggestionIcon: Q,
+  suggestionText: V,
+  highlightedText: X,
+  remainingText: Y,
+  viewAllLink: Z,
+  noResults: $
+};
+export {
+  y as actions,
+  E as buttonText,
+  k as ctaButton,
+  ee as default,
+  r as extensionContent,
+  a as extensionContentWrapper,
+  m as extensionDivider,
+  e as header,
+  o as headerExtension,
+  s as headerExtensionTinted,
+  c as headerInner,
+  X as highlightedText,
+  i as languageLabel,
+  _ as languageLink,
+  n as languageSwitch,
+  R as loginLink,
+  f as loginText,
+  u as logo,
+  l as logoWrapper,
+  F as menuBrand,
+  O as menuButton,
+  D as menuContent,
+  N as menuLeftColumn,
+  S as menuOverlay,
+  U as menuRightColumn,
+  z as menuUtilities,
+  T as navItems,
+  v as navLink,
+  q as navList,
+  $ as noResults,
+  C as primaryLogo,
+  p as redCrossLogo,
+  Y as remainingText,
+  M as resultItem,
+  P as resultLink,
+  K as resultList,
+  w as searchButtonWrapper,
+  A as searchContent,
+  t as searchOverlay,
+  J as searchResults,
+  x as secondaryLogo,
+  g as secondaryLogoWrapper,
+  h as slotComponent,
+  L as slotContainer,
+  j as slotContent,
+  d as slotText,
+  Q as suggestionIcon,
+  V as suggestionText,
+  G as suggestionsSection,
+  H as suggestionsTitle,
+  I as themeToggle,
+  b as underline,
+  B as userInfo,
+  W as userName,
+  Z as viewAllLink
+};

package/dist/components/Heading/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { Heading as a } from "@digdir/designsystemet-react";
+const m = o((r, e) => /* @__PURE__ */ i(a, { ref: e, ...r }));
+m.displayName = "Heading";
+export {
+  m as Heading
+};

package/dist/components/Input/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { Input as t } from "@digdir/designsystemet-react";
+const p = t;
+p.displayName = "Input";
+export {
+  p as Input
+};

package/dist/components/Label/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { Label as m } from "@digdir/designsystemet-react";
+const t = a((r, e) => /* @__PURE__ */ o(m, { ref: e, ...r }));
+t.displayName = "Label";
+export {
+  t as Label
+};

package/dist/components/Link/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Link as i } from "@digdir/designsystemet-react";
+const o = i;
+export {
+  o as Link
+};

package/dist/components/List/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { List as t } from "@digdir/designsystemet-react";
+const i = t;
+export {
+  i as List
+};

package/dist/components/Pagination/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { Pagination as n, PaginationButton as a, PaginationItem as i, PaginationList as t, usePagination as o } from "@digdir/designsystemet-react";
+const s = n, P = t, e = i, u = a, c = o;
+s.displayName = "Pagination";
+export {
+  s as Pagination,
+  u as PaginationButton,
+  e as PaginationItem,
+  P as PaginationList,
+  c as usePagination
+};

package/dist/components/Paragraph/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { Paragraph as m } from "@digdir/designsystemet-react";
+const t = p(
+  (r, a) => /* @__PURE__ */ o(m, { ref: a, ...r })
+);
+t.displayName = "Paragraph";
+export {
+  t as Paragraph
+};

package/dist/components/Popover/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Popover as o } from "@digdir/designsystemet-react";
+const r = o;
+export {
+  r as Popover
+};

package/dist/components/Radio/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { Radio as o, useRadioGroup as a } from "@digdir/designsystemet-react";
+const s = o, u = a;
+export {
+  s as Radio,
+  u as useRadioGroup
+};

package/dist/components/Search/index.js

@@ -0,0 +1,10 @@
+"use client";
+import { Search as t, SearchInput as e, SearchClear as r, SearchButton as a } from "@digdir/designsystemet-react";
+const n = Object.assign(t, {
+  Button: a,
+  ClearButton: r,
+  Input: e
+});
+export {
+  n as Search
+};

package/dist/components/Select/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Select as e } from "@digdir/designsystemet-react";
+const c = e;
+export {
+  c as Select
+};

package/dist/components/SkeletonLoader/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Skeleton as e } from "@digdir/designsystemet-react";
+const t = e;
+export {
+  t as SkeletonLoader
+};

package/dist/components/SkipLink/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { SkipLink as i } from "@digdir/designsystemet-react";
+const n = i;
+export {
+  n as SkipLink
+};

package/dist/components/SpinnerLoader/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Spinner as n } from "@digdir/designsystemet-react";
+const r = n;
+export {
+  r as Spinner
+};

package/dist/components/Suggestion/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { EXPERIMENTAL_Suggestion as e } from "@digdir/designsystemet-react";
+const o = e;
+o.displayName = "Suggestion";
+export {
+  o as Suggestion
+};

package/dist/components/Switch/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Switch as t } from "@digdir/designsystemet-react";
+const i = t;
+export {
+  i as Switch
+};

package/dist/components/Table/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Table as e } from "@digdir/designsystemet-react";
+const l = e;
+export {
+  l as Table
+};

package/dist/components/Tabs/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Tabs as s } from "@digdir/designsystemet-react";
+const o = s;
+export {
+  o as Tabs
+};

package/dist/components/Tag/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { Tag as i } from "@digdir/designsystemet-react";
+import { forwardRef as u } from "react";
+const f = u(function({ shape: o, style: e, ...t }, a) {
+  const r = {};
+  o === "rounded" && (r.borderRadius = "var(--ds-border-radius-xl)");
+  const s = Object.keys(r).length === 0 && !e ? void 0 : { ...r, ...e }, d = {};
+  return o === "rounded" && (d["data-shape"] = "rounded"), /* @__PURE__ */ n(i, { ref: a, ...t, ...d, style: s });
+});
+f.displayName = "Tag";
+export {
+  f as Tag
+};

package/dist/components/Textarea/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Textarea as e } from "@digdir/designsystemet-react";
+const t = e;
+export {
+  t as Textarea
+};

package/dist/components/Textfield/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Textfield as e } from "@digdir/designsystemet-react";
+const i = e;
+export {
+  i as Textfield
+};

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { ToggleGroup as o } from "@digdir/designsystemet-react";
+const g = o;
+export {
+  g as ToggleGroup
+};

package/dist/components/Tooltip/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { Tooltip as o } from "@digdir/designsystemet-react";
+const i = o;
+export {
+  i as Tooltip
+};

package/dist/components/ValidationMessage/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { ValidationMessage as s } from "@digdir/designsystemet-react";
+const r = o((a, e) => /* @__PURE__ */ i(s, { ref: e, ...a }));
+r.displayName = "ValidationMessage";
+export {
+  r as ValidationMessage
+};

package/dist/context/LanguageContext.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { useState as c, useContext as i, createContext as d } from "react";
+import { translations as h } from "../translations/index.js";
+const a = d(void 0), m = ({ children: e }) => {
+  const [o, s] = c("NO"), l = (t) => {
+    const u = t.split(".");
+    let r = h[o];
+    for (const n of u) {
+      if (r[n] === void 0)
+        return console.warn(`Translation missing for key: ${t} in language: ${o}`), t;
+      r = r[n];
+    }
+    return r;
+  };
+  return /* @__PURE__ */ g(a.Provider, { value: { language: o, setLanguage: s, t: l }, children: e });
+}, L = () => {
+  const e = i(a);
+  if (e === void 0)
+    throw new Error("useLanguage must be used within a LanguageProvider");
+  return e;
+}, v = () => {
+  const e = i(a);
+  return e === void 0 ? {
+    language: "NO",
+    setLanguage: () => {
+      console.warn("LanguageProvider is not available. Language changes will not work.");
+    },
+    t: (o) => ({
+      // Header translations
+      "header.darkMode": "Nattmodus",
+      "header.language": "Språk",
+      "header.selectLanguage": "Velg språk",
+      "header.homeAriaLabel": "Norges Røde Kors Hjem",
+      "header.login": "Logg inn",
+      "header.search": "Søk",
+      "header.close": "Lukk",
+      "header.closeSearch": "Lukk søk",
+      "header.openSearch": "Åpne søk",
+      "header.menu": "Meny",
+      "header.closeMenu": "Lukk meny",
+      "header.openMenu": "Åpne meny",
+      "header.supportUs": "Støtt oss",
+      "header.toggleTheme": "Bytt tema",
+      "header.searchPlaceholder": "Søk...",
+      "header.clearSearch": "Tøm søk",
+      "header.suggestions": "Forslag",
+      "header.viewAll": "Se alle",
+      "header.noResults": "Ingen resultater for",
+      "header.suggestionCount": "{count} forslag",
+      // Footer translations
+      "footer.shortcuts": "Snarveier",
+      "footer.shortcutsLinks.services": "Tilbudene",
+      "footer.shortcutsLinks.volunteer": "Bli frivillig",
+      "footer.shortcutsLinks.ourWork": "Vårt arbeid",
+      "footer.shortcutsLinks.about": "Om Røde Kors",
+      "footer.shortcutsLinks.support": "Støtt arbeidet",
+      "footer.shortcutsLinks.contact": "Kontakt oss",
+      "footer.contact.visitingAddress": "Besøks adresse",
+      "footer.contact.organizationNumber": "Organisasjonsnummer",
+      "footer.contact.email": "E-post",
+      "footer.contact.phone": "Telefon",
+      "footer.contact.title": "Kontakt",
+      "footer.followUs": "Følg oss",
+      "footer.links": "Lenker",
+      "footer.copyright": "Rødekors",
+      "footer.legal.privacy": "Personvern",
+      "footer.legal.press": "For presse",
+      "footer.legal.procurement": "Regler for innkjøp",
+      "footer.legal.whistleblowing": "Varsling/Misconduct",
+      // Carousel translations
+      "carousel.loading": "Laster bilde",
+      "carousel.previousImage": "Forrige bilde",
+      "carousel.nextImage": "Neste bilde",
+      "carousel.imagePosition": "Bildeposisjon",
+      "carousel.goToImage": "Gå til bilde",
+      "carousel.pauseAutoplay": "Pause automatisk avspilling",
+      "carousel.resumeAutoplay": "Start automatisk avspilling",
+      // DatePicker translations
+      "datePicker.previousMonth": "Forrige måned",
+      "datePicker.nextMonth": "Neste måned",
+      // DateInput translations
+      "dateInput.openDatePicker": "Åpne datovelger"
+    })[o] || o
+  } : e;
+};
+export {
+  m as LanguageProvider,
+  L as useLanguage,
+  v as useLanguageOptional
+};