@bonniernews/dn-design-system-web 32.7.44 → 32.7.45

package/preact/components/footer/footer.d.ts

@@ -1,4 +1,4 @@
-import type { SharedProps } from "@bonniernews/dn-design-system-web/assets/types/shared-props.ts";
+import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
 interface FooterLink extends SharedProps {
     href: string;
     text: string;
@@ -23,7 +23,7 @@ export interface FooterProps extends SharedProps {
     forcePx?: boolean;
 }
 /**
- * - GitHub: [BonnierNews/dn-design-system/../web/src/components/footer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/footer)
+ * - GitHub: [BonnierNews/dn-design-system/web/src/components/footer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/footer)
  * - Storybook: [footer](https://designsystem.dn.se/?path=/docs/page-footer--docs)
  *
  * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:

package/preact/components/footer/footer.js

@@ -4,7 +4,7 @@ var formatClassString = (classesArray) => {
 };
 
 // ../src/helpers/stringToHtml.tsx
-import { parse, HTMLElement } from "node-html-parser";
+import { HTMLElement, parse } from "node-html-parser";
 import { jsx } from "preact/jsx-runtime";
 var StringToHtml = ({ htmlString }) => {
   const root = parse(htmlString.trim());
@@ -50,15 +50,24 @@ var Footer = ({
   const componentClassName = "ds-footer";
   const classes = formatClassString([componentClassName, classNames]);
   return /* @__PURE__ */ jsx3("footer", { className: classes, ...attributes, children: /* @__PURE__ */ jsxs("div", { className: `${componentClassName}__inner`, children: [
-    /* @__PURE__ */ jsx3("div", { className: `${componentClassName}__link-grid`, children: linkGroups && linkGroups.map((group) => /* @__PURE__ */ createElement("div", { className: `${componentClassName}__link-group`, ...group.attributes, key: `footer-group-${group.title}` }, group.title && /* @__PURE__ */ jsx3("h2", { children: group.title }), /* @__PURE__ */ jsx3("ul", { children: group.links.map((link, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
-      "a",
+    /* @__PURE__ */ jsx3("div", { className: `${componentClassName}__link-grid`, children: linkGroups && linkGroups.map((group) => /* @__PURE__ */ createElement(
+      "div",
       {
-        href: link.href,
-        className: `ds-footer__link ${link.classNames ? link.classNames : ""}`,
-        ...link.attributes,
-        children: link.text
-      }
-    ) }, `group-link-${link.href}-${index}`)) }))) }),
+        className: `${componentClassName}__link-group`,
+        ...group.attributes,
+        key: `footer-group-${group.title}`
+      },
+      group.title && /* @__PURE__ */ jsx3("h2", { children: group.title }),
+      /* @__PURE__ */ jsx3("ul", { children: group.links.map((link, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(
+        "a",
+        {
+          href: link.href,
+          className: `ds-footer__link ${link.classNames ? link.classNames : ""}`,
+          ...link.attributes,
+          children: link.text
+        }
+      ) }, `group-link-${link.href}-${index}`)) })
+    )) }),
     /* @__PURE__ */ jsxs("div", { className: `${componentClassName}__editors`, children: [
       editorsHtml && /* @__PURE__ */ jsx3(StringToHtml, { htmlString: editorsHtml }),
       copyright && /* @__PURE__ */ jsx3("p", { className: `${componentClassName}__copyright`, dangerouslySetInnerHTML: { __html: copyright } })

package/preact/components/footer/footer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../helpers/formatClassString.ts", "../../../helpers/stringToHtml.tsx", "../../../components/footer/logoWithPayoff.tsx", "../../../components/footer/footer.tsx"],
-  "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n  return classesArray.filter(x => !!x).join(' ');\n}\n", "import { FunctionalComponent } from \"preact\";\nimport { parse, HTMLElement } from \"node-html-parser\";\n\ninterface StringToHtmlProps {\n  htmlString: string;\n}\n\n// This function was originally written for Camy ( https://github.com/BonnierNews/dn-sajt/ )\nexport const StringToHtml: FunctionalComponent<StringToHtmlProps> = ({ htmlString }) => {\n  const root = parse(htmlString.trim());\n  const outer = root.firstChild;\n  if (!outer || typeof outer === \"string\" || !(outer instanceof HTMLElement)) {\n    return null;\n  }\n\n  const tagName = outer.tagName.toLowerCase();\n  const attributes = outer.attributes;\n  const innerHTML = outer.innerHTML;\n\n  // Convert attributes object to props for Preact\n  const props: { [key: string]: string } = {};\n  for (const [key, value] of Object.entries(attributes)) {\n    props[key] = String(value);\n  }\n\n  const Tag = tagName as any;\n  return <Tag {...props} dangerouslySetInnerHTML={{ __html: innerHTML }} />;\n};\n", "export const LogoWithPayoff = () => (\n  <svg width='141' height='71' viewBox='0 0 141 71' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M42.2473 18.624V3.488C42.2473 1.792 42.9513 1.024 44.4233 1.024C47.0473 1.024 49.0633 2.72 51.1753 7.904H51.4953V0.128H50.8553L49.3513 2.464C47.8153 0.864 46.3433 0 44.1033 0C38.8553 0 35.1753 4.288 35.1753 10.816C35.1753 17.344 38.9193 21.504 44.0713 21.504C46.2473 21.504 48.0713 20.448 49.5433 19.072L51.3673 21.408H52.0073V13.184C52.0073 11.264 52.4873 11.072 52.9993 11.072H53.5433V10.336H44.3273V11.072H44.8393C45.3833 11.072 45.8633 11.264 45.8633 13.184V18.624C45.8633 19.904 45.2873 20.608 44.0713 20.608C42.8233 20.608 42.2473 19.904 42.2473 18.624ZM1.82604 18.368V3.13602C1.82604 1.21602 1.34604 1.02402 0.802039 1.02402H0.290039V0.288025H10.146C15.202 0.288025 18.722 4.25602 18.722 10.752C18.722 17.28 15.202 21.216 10.146 21.216H0.290039V20.48H0.802039C1.34604 20.48 1.82604 20.288 1.82604 18.368ZM8.19404 1.31202V20.192H10.146C11.138 20.192 11.682 19.616 11.682 18.336V3.20003C11.682 1.92003 11.138 1.31202 10.146 1.31202H8.19404ZM21.4561 15.776L20.5921 18.912C20.2401 20.256 20.4961 20.48 21.1681 20.48H21.5201V21.216H17.8721V20.48H18.1281C18.8001 20.48 19.1841 20.256 19.5681 18.912L24.7201 0.288025H28.9441L34.1281 18.912C34.512 20.256 34.8641 20.48 35.5681 20.48H35.8241V21.216H26.2561V20.48H26.6721C27.3761 20.48 27.6321 20.256 27.2801 18.912L26.3841 15.776H21.4561ZM23.92 7.00802L21.7441 14.752H26.0961L23.92 7.00802ZM62.3764 10.08H63.7524C64.2964 10.08 64.9364 9.63202 65.7044 8.32002L66.7284 6.59202H67.0484V14.624H66.7284L65.7044 12.896C64.9364 11.584 64.2964 11.136 63.7524 11.136H62.3764V20.224H65.1604C65.7044 20.224 66.0884 19.744 66.8884 18.432L70.2804 12.928H70.6324V21.216H54.5044V20.48H55.0164C55.5604 20.48 56.0084 20.288 56.0084 18.4V3.16803C56.0084 1.24803 55.5604 1.02402 55.0164 1.02402H54.5044V0.288025H70.6324V8.44802H70.2804L66.8564 2.94403C66.0244 1.63203 65.7044 1.31202 65.1604 1.31202H62.3764V10.08ZM80.628 0.288025H72.948V1.02402H73.556C74.26 1.02402 74.58 1.24802 74.58 2.59202V18.304C74.58 19.648 74.132 20.48 73.268 20.48H72.916V21.216H77.268V20.48H76.916C76.052 20.48 75.636 19.648 75.636 18.304V5.05603L84.148 21.216H88.852V3.16803C88.852 1.82403 89.3 1.02402 90.164 1.02402H90.516V0.288025H86.164V1.02402H86.516C87.412 1.02402 87.796 1.82403 87.796 3.16803V13.984L80.628 0.288025ZM104.883 7.68C103.507 3.392 101.044 1.024 98.9634 1.024C97.8114 1.024 97.0434 1.92 97.0434 3.2C97.0434 4.92886 98.8779 6.18997 100.948 7.61325C103.63 9.45662 106.707 11.572 106.707 15.328C106.707 19.008 103.284 21.504 100.02 21.504C97.8114 21.504 95.6994 20.672 94.3234 18.944L92.4994 21.408H91.8274V13.6H92.4994C94.8994 18.912 97.0754 20.544 99.7954 20.544C100.948 20.544 101.812 19.84 101.812 18.496C101.812 16.5572 99.7334 15.163 97.47 13.6448C94.7647 11.8301 91.7954 9.83836 91.7954 6.528C91.7954 2.56 95.1874 0 98.1634 0C100.307 0 101.747 0.736 103.251 2.112L104.883 0.16H105.588V7.68H104.883ZM7.84188 26.288H0.161883V27.024H0.769883C1.47388 27.024 1.79388 27.248 1.79388 28.592V44.304C1.79388 45.648 1.34588 46.48 0.481883 46.48H0.129883V47.216H4.48188V46.48H4.12988C3.26588 46.48 2.84988 45.648 2.84988 44.304V31.056L11.3619 47.216H16.0659V29.168C16.0659 27.824 16.5139 27.024 17.3779 27.024H17.7299V26.288H13.3779V27.024H13.7299C14.6259 27.024 15.0099 27.824 15.0099 29.168V39.984L7.84188 26.288ZM29.7296 34.928L31.8736 29.392C32.5136 27.76 32.1296 27.024 31.0416 27.024H30.7856V26.288H35.2336V27.024H35.0416C33.9856 27.024 33.6016 27.504 33.0896 28.848L30.2096 36.4V44.368C30.2096 46.288 30.6896 46.48 31.2336 46.48H31.7456V47.216H22.3376V46.48H22.8496C23.3936 46.48 23.8736 46.288 23.8736 44.368V37.904L19.9056 28.56C19.3616 27.248 18.9456 27.024 18.2736 27.024H18.0176V26.288H27.9696V27.024H27.5536C26.8816 27.024 26.5936 27.248 27.1376 28.56L29.7296 34.928ZM36.6519 47.216H45.8999V46.48H45.5479C45.0039 46.48 44.5239 46.288 44.5239 44.368V37.136H48.7799V44.368C48.7799 46.288 48.3319 46.48 47.7879 46.48H47.4039V47.216H56.6839V46.48H56.1719C55.6279 46.48 55.1479 46.288 55.1479 44.368V29.136C55.1479 27.216 55.6279 27.024 56.1719 27.024H56.6839V26.288H47.4039V27.024H47.7879C48.3319 27.024 48.7799 27.216 48.7799 29.136V36.112H44.5239V29.136C44.5239 27.216 45.0039 27.024 45.5479 27.024H45.8999V26.288H36.6519V27.024H37.1639C37.7079 27.024 38.1559 27.216 38.1559 29.136V44.368C38.1559 46.288 37.7079 46.48 37.1639 46.48H36.6519V47.216ZM66.4076 36.08H67.7836C68.3276 36.08 68.9675 35.632 69.7355 34.32L70.7596 32.592H71.0797V40.624H70.7596L69.7355 38.896C68.9675 37.584 68.3276 37.136 67.7836 37.136H66.4076V46.224H69.1915C69.7355 46.224 70.1196 45.744 70.9196 44.432L74.3116 38.928H74.6635V47.216H58.5356V46.48H59.0476C59.5916 46.48 60.0395 46.288 60.0395 44.4V29.168C60.0395 27.248 59.5916 27.024 59.0476 27.024H58.5356V26.288H74.6635V34.448H74.3116L70.8875 28.944C70.0555 27.632 69.7355 27.312 69.1915 27.312H66.4076V36.08ZM94.2595 34.736V26.288H77.0435V34.736H77.3955L80.5635 28.912C81.3315 27.472 81.4595 27.28 81.8755 27.28H82.4835V44.368C82.4835 46.288 82.0035 46.48 81.4595 46.48H80.9155V47.216H90.3875V46.48H89.8435C89.3315 46.48 88.8515 46.288 88.8515 44.368V27.28H89.4275C89.8435 27.28 89.9715 27.504 90.7395 28.912L93.9075 34.736H94.2595ZM103.738 36.08H105.114C105.658 36.08 106.298 35.632 107.066 34.32L108.09 32.592H108.41V40.624H108.09L107.066 38.896C106.298 37.584 105.658 37.136 105.114 37.136H103.738V46.224H106.522C107.066 46.224 107.45 45.744 108.25 44.432L111.642 38.928H111.994V47.216H95.8662V46.48H96.3783C96.9223 46.48 97.3702 46.288 97.3702 44.4V29.168C97.3702 27.248 96.9223 27.024 96.3783 27.024H95.8662V26.288H111.994V34.448H111.642L108.218 28.944C107.386 27.632 107.066 27.312 106.522 27.312H103.738V36.08ZM122.118 44.368V37.488H123.59C124.774 37.488 125.126 38.032 125.126 39.376V43.184C125.126 46 126.438 47.472 129.51 47.472C132.422 47.472 133.958 46.096 134.406 43.536L133.702 43.312C133.414 44.496 133.062 45.04 132.55 45.04C132.262 45.04 132.07 44.88 132.07 44.464V41.84C132.07 38.96 131.11 36.976 126.982 36.848V36.816C130.502 36.432 132.07 34.448 132.07 31.824C132.07 28.624 129.638 26.288 124.678 26.288H114.246V27.344H114.758C115.302 27.344 115.75 27.536 115.75 29.456V44.4C115.75 46.32 115.302 46.48 114.758 46.48H114.246V47.216H123.686V46.48H123.142C122.598 46.48 122.118 46.288 122.118 44.368ZM122.118 36.496V27.28H123.43C124.806 27.28 125.126 27.824 125.126 29.168V34.608C125.126 35.984 124.774 36.496 123.59 36.496H122.118ZM140.777 44.5921C140.777 46.4801 139.657 47.5041 138.249 47.5041C136.841 47.5041 135.721 46.4801 135.721 44.5921C135.721 42.7361 136.841 41.6801 138.249 41.6801C139.657 41.6801 140.777 42.7361 140.777 44.5921ZM0.042 68.216H4.2V67.768L3.92 67.712C3.416 67.614 3.01 67.516 3.01 66.956V63.456H4.382C5.334 63.456 5.74 63.96 6.034 64.814H6.538V61.608H6.034C5.74 62.448 5.334 62.826 4.382 62.826H3.01V59.186H4.9C6.342 59.186 6.86 59.802 7.21 61.09H7.714V58.556H0V59.004L0.224 59.046C0.686 59.116 1.078 59.256 1.078 59.83V66.956C1.078 67.544 0.686 67.628 0.266 67.712L0.042 67.768V68.216ZM15.7225 64.562C15.7225 66.942 14.0285 68.412 12.0685 68.412C10.0945 68.412 8.41455 67.012 8.41455 64.632C8.41455 62.238 10.0945 60.782 12.0685 60.782C14.0285 60.782 15.7225 62.168 15.7225 64.562ZM10.6825 59.732C10.1225 59.732 9.70255 59.298 9.70255 58.78C9.70255 58.262 10.1225 57.842 10.6825 57.842C11.2565 57.842 11.6765 58.262 11.6765 58.78C11.6765 59.298 11.2565 59.732 10.6825 59.732ZM11.9845 61.356C10.9065 61.356 10.3325 62.574 10.3325 64.394C10.3325 66.312 10.9625 67.824 12.1385 67.824C13.2165 67.824 13.7905 66.606 13.7905 64.786C13.7905 62.672 13.0905 61.356 11.9845 61.356ZM13.4545 59.732C12.8945 59.732 12.4745 59.298 12.4745 58.78C12.4745 58.262 12.8945 57.842 13.4545 57.842C14.0145 57.842 14.4345 58.262 14.4345 58.78C14.4345 59.298 14.0145 59.732 13.4545 59.732ZM16.645 68.2161H20.747V67.7821L20.495 67.7401C19.781 67.6281 19.403 67.5161 19.403 66.9281V62.3641C19.711 62.1121 20.145 61.8881 20.621 61.8041C20.635 62.2241 20.901 62.7421 21.615 62.7421C22.133 62.7421 22.581 62.3361 22.581 61.8181C22.581 61.3281 22.259 60.8101 21.503 60.8101C20.747 60.8101 19.893 61.4261 19.375 62.0701V60.8241H19.291L16.645 61.4681V61.8881C17.443 61.9301 17.625 62.2521 17.625 62.8261V66.9281C17.625 67.5301 17.359 67.6561 16.883 67.7401L16.645 67.7821V68.2161ZM33.241 66.312C32.541 67.782 31.407 68.412 30.091 68.412C28.117 68.412 26.731 67.012 26.731 64.758C26.731 62.238 28.383 60.782 30.077 60.782C31.897 60.782 33.283 62.098 33.171 64.156H28.411C28.481 66.27 29.769 67.054 30.959 67.054C31.715 67.054 32.443 66.774 32.961 66.102L33.241 66.312ZM29.979 61.356C29.181 61.356 28.551 62.14 28.425 63.526H31.379C31.337 62.224 30.805 61.356 29.979 61.356ZM38.5951 68.216H42.3051V67.782L42.0811 67.74C41.5631 67.642 41.3251 67.502 41.3251 66.928V62.28C41.3251 61.79 40.7511 60.782 39.2671 60.782C38.1751 60.782 37.2651 61.51 36.7891 62.084V60.824H36.7051L34.0591 61.468V61.888C34.8571 61.93 35.0391 62.252 35.0391 62.826V66.928C35.0391 67.53 34.7731 67.656 34.2971 67.74L34.0591 67.782V68.216H37.7831V67.782L37.5451 67.74C37.0691 67.656 36.8171 67.516 36.8171 66.928V62.378C37.1111 62.084 37.5731 61.902 38.1611 61.902C39.0011 61.902 39.5331 62.308 39.5331 63.022V66.928C39.5331 67.53 39.3091 67.656 38.8331 67.74L38.5951 67.782V68.216ZM51.9777 67.25C51.4177 67.782 50.5077 68.412 49.6257 68.412C48.1557 68.412 47.5397 67.39 47.5397 66.886V62.602C47.5397 62.056 47.3157 61.748 46.5737 61.678V61.272L49.2197 60.796H49.3317V66.186C49.3317 66.732 49.7937 67.292 50.7177 67.292C51.1517 67.292 51.6137 67.138 51.9637 66.928V62.602C51.9637 62.056 51.7537 61.748 51.0117 61.678V61.272L53.6437 60.796H53.7557V66.508C53.7557 67.054 53.9937 67.404 54.7357 67.418V67.824L52.2017 68.3H52.0897L51.9777 67.25ZM55.3252 70.7361H59.0632V70.3021L58.8392 70.2601C58.3212 70.1761 58.0972 70.0081 58.0972 69.4481V68.2301C58.4892 68.3421 58.9372 68.3981 59.4132 68.3981C61.6112 68.3981 63.1932 66.7881 63.1932 64.3941C63.1932 62.1821 62.0312 60.8101 60.2672 60.8101C59.2732 60.8101 58.4332 61.4261 58.0552 61.8741V60.8241H57.9432L55.3392 61.4681V61.8881C56.1232 61.9301 56.3052 62.2521 56.3052 62.8121V69.4481C56.3052 70.0501 56.0392 70.1761 55.5492 70.2601L55.3252 70.3021V70.7361ZM58.0972 66.4101V62.1541C58.3772 61.9581 58.8112 61.8041 59.3712 61.8041C60.6172 61.8041 61.2752 62.7421 61.2752 64.6881C61.2752 66.9141 60.5612 67.8101 59.4552 67.8101C58.5732 67.8101 58.0972 66.9701 58.0972 66.4101ZM67.7483 70.7361H64.0103V70.3021L64.2343 70.2601C64.7243 70.1761 64.9903 70.0501 64.9903 69.4481V62.8121C64.9903 62.2521 64.8083 61.9301 64.0243 61.8881V61.4681L66.6283 60.8241H66.7403V61.8741C67.1183 61.4261 67.9583 60.8101 68.9523 60.8101C70.7163 60.8101 71.8783 62.1821 71.8783 64.3941C71.8783 66.7881 70.2962 68.3981 68.0983 68.3981C67.6223 68.3981 67.1743 68.3421 66.7823 68.2301V69.4481C66.7823 70.0081 67.0063 70.1761 67.5243 70.2601L67.7483 70.3021V70.7361ZM66.7823 62.1541V66.4101C66.7823 66.9701 67.2582 67.8101 68.1403 67.8101C69.2463 67.8101 69.9603 66.9141 69.9603 64.6881C69.9603 62.7421 69.3023 61.8041 68.0563 61.8041C67.4963 61.8041 67.0623 61.9581 66.7823 62.1541ZM73.5386 59.494V67.306C73.5386 67.726 73.9726 68.342 74.9106 68.342C75.4146 68.342 76.1426 68.076 76.6606 67.726V67.348C76.5206 67.39 76.3106 67.404 76.1566 67.404C75.6666 67.404 75.3306 67.138 75.3306 66.802V57.506H75.2186L72.5586 58.15V58.57C73.3426 58.612 73.5386 58.934 73.5386 59.494ZM80.7174 68.594C80.0874 70.162 79.4434 70.96 78.3934 70.96C77.8054 70.96 77.4274 70.596 77.4274 70.092C77.4274 69.602 77.8474 69.238 78.3654 69.238C78.8414 69.238 79.1774 69.504 79.4154 69.896C79.5834 69.714 79.8494 69.252 80.1574 68.496L80.2694 68.23L78.0994 63.134C77.5114 61.762 77.1894 61.482 76.8394 61.398V60.964H80.4234V61.398C79.5414 61.51 79.3874 61.958 79.7654 62.826L81.1514 66.032L82.3554 63.022C82.7334 62.056 82.5094 61.524 81.7114 61.398V60.964H84.3434V61.398C83.8254 61.524 83.3493 62.098 82.9434 63.092L80.7174 68.594ZM87.6787 68.3979C89.3447 68.3979 90.5627 67.3619 90.5627 66.1159C90.5627 65.0379 89.8907 64.4359 88.6167 63.8759L87.7067 63.4839C87.0207 63.1759 86.5447 62.8259 86.5447 62.3219C86.5447 61.7759 87.0067 61.3559 87.6787 61.3559C88.5747 61.3559 89.2327 62.1539 89.5547 63.1199H90.0307V60.8239H89.6807L89.4427 61.2019C89.0787 60.9779 88.4067 60.7679 87.7207 60.7679C86.2507 60.7679 85.0467 61.7479 85.0467 62.9519C85.0467 64.0439 85.8307 64.6039 86.9367 65.0799L87.8187 65.4579C88.4487 65.7379 88.9947 66.0319 88.9947 66.6899C88.9947 67.3619 88.5327 67.8099 87.7767 67.8099C86.6847 67.8099 85.8167 66.7879 85.4247 65.5419H84.9487V68.3559H85.3267L85.6907 67.8659C86.2647 68.2159 86.9227 68.3979 87.6787 68.3979ZM92.4206 67.222V61.72H91.4126V61.328C92.0986 61.076 93.3445 60.04 93.8625 59.074H94.2126V60.964H96.1866L95.6825 61.72H94.2126V66.634C94.2126 67.138 94.6886 67.334 95.3186 67.334C95.6266 67.334 95.9906 67.292 96.2146 67.18V67.572C95.7246 67.978 94.9266 68.356 94.0306 68.356C92.8546 68.356 92.4206 67.67 92.4206 67.222ZM101.274 63.386L103.08 68.188H104.186L106.062 63.218C106.496 62.07 107 61.482 107.49 61.398V60.964H104.858V61.398C105.712 61.51 105.796 62.07 105.418 63.092L104.2 66.424L102.968 63.092C102.548 62 102.632 61.496 103.542 61.398V60.964H99.9717V61.398C100.35 61.454 100.728 61.916 101.274 63.386ZM112.252 63.96V62.644C112.252 61.846 111.594 61.3 110.712 61.3C110.194 61.3 109.802 61.538 109.648 61.678C109.9 61.846 110.124 62.182 110.124 62.588C110.124 63.218 109.648 63.512 109.158 63.512C108.612 63.512 108.276 63.092 108.276 62.616C108.276 61.594 109.704 60.768 111.37 60.768C113.4 60.768 114.002 61.804 114.002 62.28V66.83C114.002 67.236 114.268 67.404 114.66 67.404C114.786 67.404 115.038 67.39 115.192 67.334V67.712C114.702 68.048 113.904 68.342 113.4 68.342C112.532 68.342 112.252 67.628 112.252 67.39V67.264C111.748 67.824 110.936 68.342 110.012 68.342C108.766 68.342 108.094 67.684 108.094 66.704C108.094 65.402 109.172 64.408 112.252 63.96ZM109.858 59.732C109.298 59.732 108.878 59.298 108.878 58.78C108.878 58.262 109.298 57.842 109.858 57.842C110.432 57.842 110.852 58.262 110.852 58.78C110.852 59.298 110.432 59.732 109.858 59.732ZM112.252 64.352C110.502 64.758 109.774 65.5 109.774 66.326C109.774 66.97 110.208 67.404 110.978 67.404C111.482 67.404 111.93 67.208 112.252 66.97V64.352ZM112.63 59.732C112.07 59.732 111.65 59.298 111.65 58.78C111.65 58.262 112.07 57.842 112.63 57.842C113.19 57.842 113.61 58.262 113.61 58.78C113.61 59.298 113.19 59.732 112.63 59.732ZM115.952 68.2161H120.054V67.7821L119.802 67.7401C119.088 67.6281 118.71 67.5161 118.71 66.9281V62.3641C119.018 62.1121 119.452 61.8881 119.928 61.8041C119.942 62.2241 120.208 62.7421 120.922 62.7421C121.44 62.7421 121.888 62.3361 121.888 61.8181C121.888 61.3281 121.566 60.8101 120.81 60.8101C120.054 60.8101 119.2 61.4261 118.682 62.0701V60.8241H118.598L115.952 61.4681V61.8881C116.75 61.9301 116.932 62.2521 116.932 62.8261V66.9281C116.932 67.5301 116.666 67.6561 116.19 67.7401L115.952 67.7821V68.2161ZM123.18 67.306V59.494C123.18 58.934 122.984 58.612 122.2 58.57V58.15L124.86 57.506H124.972V66.802C124.972 67.138 125.308 67.404 125.798 67.404C125.952 67.404 126.162 67.39 126.302 67.348V67.726C125.784 68.076 125.056 68.342 124.552 68.342C123.614 68.342 123.18 67.726 123.18 67.306ZM129.772 68.384C130.766 68.384 131.536 67.768 131.914 67.32L132.054 68.3H132.166L134.686 67.824V67.418C133.944 67.39 133.692 67.054 133.692 66.508V57.506H133.594L130.92 58.15V58.57C131.718 58.626 131.914 58.934 131.914 59.494V60.964C131.522 60.866 131.074 60.796 130.584 60.796C128.4 60.796 126.818 62.406 126.818 64.758C126.818 67.026 127.994 68.384 129.772 68.384ZM128.736 64.534C128.736 62.336 129.464 61.384 130.584 61.384C131.466 61.384 131.914 62.14 131.914 62.462V67.026C131.606 67.236 131.158 67.39 130.612 67.39C129.45 67.39 128.736 66.41 128.736 64.534ZM137.729 67.334C137.729 67.894 137.253 68.356 136.693 68.356C136.133 68.356 135.643 67.894 135.643 67.334C135.643 66.76 136.133 66.312 136.693 66.312C137.253 66.312 137.729 66.76 137.729 67.334Z'\n      fill='white'\n    />\n  </svg>\n)\n", "import type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\nimport { formatClassString } from '../../helpers/formatClassString'\nimport { StringToHtml } from '../../helpers/stringToHtml'\nimport { LogoWithPayoff } from './logoWithPayoff'\n\ninterface FooterLink extends SharedProps {\n  href: string\n  text: string\n}\n\ninterface FooterLinkList {\n  attributes?: object\n  title?: string\n  links: FooterLink[]\n}\n\ninterface Footerbutton extends SharedProps {\n  text: string\n}\n\nexport interface FooterProps extends SharedProps {\n  editorsHtml?: string\n  copyright?: string\n  linkGroups?: FooterLinkList[]\n  rudolf: {\n    imgUrl: string\n    text: string\n  }\n  buttons?: Footerbutton[]\n  forcePx?: boolean\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/footer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/footer)\n * - Storybook: [footer](https://designsystem.dn.se/?path=/docs/page-footer--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/footer/footer.scss'`\n */\nexport const Footer = ({\n  editorsHtml,\n  copyright,\n  linkGroups,\n  rudolf,\n  buttons,\n  classNames,\n  attributes,\n}: FooterProps) => {\n  const componentClassName = 'ds-footer'\n  const classes = formatClassString([componentClassName, classNames])\n\n  return (\n    <footer className={classes} {...attributes}>\n      <div className={`${componentClassName}__inner`}>\n        <div className={`${componentClassName}__link-grid`}>\n          {linkGroups &&\n            linkGroups.map((group) => (\n              <div className={`${componentClassName}__link-group`} {...group.attributes} key={`footer-group-${group.title}`}>\n                {group.title && <h2>{group.title}</h2>}\n                <ul>\n                  {group.links.map((link, index) => (\n                    <li key={`group-link-${link.href}-${index}`}>\n                      <a\n                        href={link.href}\n                        className={`ds-footer__link ${link.classNames ? link.classNames : ''}`}\n                        {...link.attributes}\n                      >\n                        {link.text}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n        </div>\n\n        <div className={`${componentClassName}__editors`}>\n          {editorsHtml && <StringToHtml htmlString={editorsHtml} />}\n          {copyright && (\n            <p className={`${componentClassName}__copyright`} dangerouslySetInnerHTML={{ __html: copyright }}></p>\n          )}\n        </div>\n\n        {rudolf && <div className={`${componentClassName}__rudolf`}>\n          <img src={rudolf.imgUrl} alt='Rudolf Wall' width='64' height='64' loading='lazy' />\n          <p>{rudolf.text}</p>\n        </div>}\n        <div className={`${componentClassName}__logo`}>\n          <LogoWithPayoff />\n        </div>\n        {buttons && (\n          <div className={`${componentClassName}__buttons`}>\n            {buttons.map((button) => (\n              <button\n                className={`ds-footer__button ${button.classNames ? button.classNames : ''}`}\n                {...button.attributes}\n              >\n                {button.text}\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],
-  "mappings": "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",
+  "sourcesContent": ["export const formatClassString = (classesArray: (string | undefined | false)[]): string => {\n  return classesArray.filter((x) => !!x).join(' ')\n}\n", "import { HTMLElement, parse } from 'node-html-parser'\nimport { FunctionalComponent } from 'preact'\n\ninterface StringToHtmlProps {\n  htmlString: string\n}\n\n// This function was originally written for Camy ( https://github.com/BonnierNews/dn-sajt/ )\nexport const StringToHtml: FunctionalComponent<StringToHtmlProps> = ({ htmlString }) => {\n  const root = parse(htmlString.trim())\n  const outer = root.firstChild\n  if (!outer || typeof outer === 'string' || !(outer instanceof HTMLElement)) {\n    return null\n  }\n\n  const tagName = outer.tagName.toLowerCase()\n  const attributes = outer.attributes\n  const innerHTML = outer.innerHTML\n\n  // Convert attributes object to props for Preact\n  const props: { [key: string]: string } = {}\n  for (const [key, value] of Object.entries(attributes)) {\n    props[key] = String(value)\n  }\n\n  const Tag = tagName as any\n  return <Tag {...props} dangerouslySetInnerHTML={{ __html: innerHTML }} />\n}\n", "export const LogoWithPayoff = () => (\n  <svg width='141' height='71' viewBox='0 0 141 71' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M42.2473 18.624V3.488C42.2473 1.792 42.9513 1.024 44.4233 1.024C47.0473 1.024 49.0633 2.72 51.1753 7.904H51.4953V0.128H50.8553L49.3513 2.464C47.8153 0.864 46.3433 0 44.1033 0C38.8553 0 35.1753 4.288 35.1753 10.816C35.1753 17.344 38.9193 21.504 44.0713 21.504C46.2473 21.504 48.0713 20.448 49.5433 19.072L51.3673 21.408H52.0073V13.184C52.0073 11.264 52.4873 11.072 52.9993 11.072H53.5433V10.336H44.3273V11.072H44.8393C45.3833 11.072 45.8633 11.264 45.8633 13.184V18.624C45.8633 19.904 45.2873 20.608 44.0713 20.608C42.8233 20.608 42.2473 19.904 42.2473 18.624ZM1.82604 18.368V3.13602C1.82604 1.21602 1.34604 1.02402 0.802039 1.02402H0.290039V0.288025H10.146C15.202 0.288025 18.722 4.25602 18.722 10.752C18.722 17.28 15.202 21.216 10.146 21.216H0.290039V20.48H0.802039C1.34604 20.48 1.82604 20.288 1.82604 18.368ZM8.19404 1.31202V20.192H10.146C11.138 20.192 11.682 19.616 11.682 18.336V3.20003C11.682 1.92003 11.138 1.31202 10.146 1.31202H8.19404ZM21.4561 15.776L20.5921 18.912C20.2401 20.256 20.4961 20.48 21.1681 20.48H21.5201V21.216H17.8721V20.48H18.1281C18.8001 20.48 19.1841 20.256 19.5681 18.912L24.7201 0.288025H28.9441L34.1281 18.912C34.512 20.256 34.8641 20.48 35.5681 20.48H35.8241V21.216H26.2561V20.48H26.6721C27.3761 20.48 27.6321 20.256 27.2801 18.912L26.3841 15.776H21.4561ZM23.92 7.00802L21.7441 14.752H26.0961L23.92 7.00802ZM62.3764 10.08H63.7524C64.2964 10.08 64.9364 9.63202 65.7044 8.32002L66.7284 6.59202H67.0484V14.624H66.7284L65.7044 12.896C64.9364 11.584 64.2964 11.136 63.7524 11.136H62.3764V20.224H65.1604C65.7044 20.224 66.0884 19.744 66.8884 18.432L70.2804 12.928H70.6324V21.216H54.5044V20.48H55.0164C55.5604 20.48 56.0084 20.288 56.0084 18.4V3.16803C56.0084 1.24803 55.5604 1.02402 55.0164 1.02402H54.5044V0.288025H70.6324V8.44802H70.2804L66.8564 2.94403C66.0244 1.63203 65.7044 1.31202 65.1604 1.31202H62.3764V10.08ZM80.628 0.288025H72.948V1.02402H73.556C74.26 1.02402 74.58 1.24802 74.58 2.59202V18.304C74.58 19.648 74.132 20.48 73.268 20.48H72.916V21.216H77.268V20.48H76.916C76.052 20.48 75.636 19.648 75.636 18.304V5.05603L84.148 21.216H88.852V3.16803C88.852 1.82403 89.3 1.02402 90.164 1.02402H90.516V0.288025H86.164V1.02402H86.516C87.412 1.02402 87.796 1.82403 87.796 3.16803V13.984L80.628 0.288025ZM104.883 7.68C103.507 3.392 101.044 1.024 98.9634 1.024C97.8114 1.024 97.0434 1.92 97.0434 3.2C97.0434 4.92886 98.8779 6.18997 100.948 7.61325C103.63 9.45662 106.707 11.572 106.707 15.328C106.707 19.008 103.284 21.504 100.02 21.504C97.8114 21.504 95.6994 20.672 94.3234 18.944L92.4994 21.408H91.8274V13.6H92.4994C94.8994 18.912 97.0754 20.544 99.7954 20.544C100.948 20.544 101.812 19.84 101.812 18.496C101.812 16.5572 99.7334 15.163 97.47 13.6448C94.7647 11.8301 91.7954 9.83836 91.7954 6.528C91.7954 2.56 95.1874 0 98.1634 0C100.307 0 101.747 0.736 103.251 2.112L104.883 0.16H105.588V7.68H104.883ZM7.84188 26.288H0.161883V27.024H0.769883C1.47388 27.024 1.79388 27.248 1.79388 28.592V44.304C1.79388 45.648 1.34588 46.48 0.481883 46.48H0.129883V47.216H4.48188V46.48H4.12988C3.26588 46.48 2.84988 45.648 2.84988 44.304V31.056L11.3619 47.216H16.0659V29.168C16.0659 27.824 16.5139 27.024 17.3779 27.024H17.7299V26.288H13.3779V27.024H13.7299C14.6259 27.024 15.0099 27.824 15.0099 29.168V39.984L7.84188 26.288ZM29.7296 34.928L31.8736 29.392C32.5136 27.76 32.1296 27.024 31.0416 27.024H30.7856V26.288H35.2336V27.024H35.0416C33.9856 27.024 33.6016 27.504 33.0896 28.848L30.2096 36.4V44.368C30.2096 46.288 30.6896 46.48 31.2336 46.48H31.7456V47.216H22.3376V46.48H22.8496C23.3936 46.48 23.8736 46.288 23.8736 44.368V37.904L19.9056 28.56C19.3616 27.248 18.9456 27.024 18.2736 27.024H18.0176V26.288H27.9696V27.024H27.5536C26.8816 27.024 26.5936 27.248 27.1376 28.56L29.7296 34.928ZM36.6519 47.216H45.8999V46.48H45.5479C45.0039 46.48 44.5239 46.288 44.5239 44.368V37.136H48.7799V44.368C48.7799 46.288 48.3319 46.48 47.7879 46.48H47.4039V47.216H56.6839V46.48H56.1719C55.6279 46.48 55.1479 46.288 55.1479 44.368V29.136C55.1479 27.216 55.6279 27.024 56.1719 27.024H56.6839V26.288H47.4039V27.024H47.7879C48.3319 27.024 48.7799 27.216 48.7799 29.136V36.112H44.5239V29.136C44.5239 27.216 45.0039 27.024 45.5479 27.024H45.8999V26.288H36.6519V27.024H37.1639C37.7079 27.024 38.1559 27.216 38.1559 29.136V44.368C38.1559 46.288 37.7079 46.48 37.1639 46.48H36.6519V47.216ZM66.4076 36.08H67.7836C68.3276 36.08 68.9675 35.632 69.7355 34.32L70.7596 32.592H71.0797V40.624H70.7596L69.7355 38.896C68.9675 37.584 68.3276 37.136 67.7836 37.136H66.4076V46.224H69.1915C69.7355 46.224 70.1196 45.744 70.9196 44.432L74.3116 38.928H74.6635V47.216H58.5356V46.48H59.0476C59.5916 46.48 60.0395 46.288 60.0395 44.4V29.168C60.0395 27.248 59.5916 27.024 59.0476 27.024H58.5356V26.288H74.6635V34.448H74.3116L70.8875 28.944C70.0555 27.632 69.7355 27.312 69.1915 27.312H66.4076V36.08ZM94.2595 34.736V26.288H77.0435V34.736H77.3955L80.5635 28.912C81.3315 27.472 81.4595 27.28 81.8755 27.28H82.4835V44.368C82.4835 46.288 82.0035 46.48 81.4595 46.48H80.9155V47.216H90.3875V46.48H89.8435C89.3315 46.48 88.8515 46.288 88.8515 44.368V27.28H89.4275C89.8435 27.28 89.9715 27.504 90.7395 28.912L93.9075 34.736H94.2595ZM103.738 36.08H105.114C105.658 36.08 106.298 35.632 107.066 34.32L108.09 32.592H108.41V40.624H108.09L107.066 38.896C106.298 37.584 105.658 37.136 105.114 37.136H103.738V46.224H106.522C107.066 46.224 107.45 45.744 108.25 44.432L111.642 38.928H111.994V47.216H95.8662V46.48H96.3783C96.9223 46.48 97.3702 46.288 97.3702 44.4V29.168C97.3702 27.248 96.9223 27.024 96.3783 27.024H95.8662V26.288H111.994V34.448H111.642L108.218 28.944C107.386 27.632 107.066 27.312 106.522 27.312H103.738V36.08ZM122.118 44.368V37.488H123.59C124.774 37.488 125.126 38.032 125.126 39.376V43.184C125.126 46 126.438 47.472 129.51 47.472C132.422 47.472 133.958 46.096 134.406 43.536L133.702 43.312C133.414 44.496 133.062 45.04 132.55 45.04C132.262 45.04 132.07 44.88 132.07 44.464V41.84C132.07 38.96 131.11 36.976 126.982 36.848V36.816C130.502 36.432 132.07 34.448 132.07 31.824C132.07 28.624 129.638 26.288 124.678 26.288H114.246V27.344H114.758C115.302 27.344 115.75 27.536 115.75 29.456V44.4C115.75 46.32 115.302 46.48 114.758 46.48H114.246V47.216H123.686V46.48H123.142C122.598 46.48 122.118 46.288 122.118 44.368ZM122.118 36.496V27.28H123.43C124.806 27.28 125.126 27.824 125.126 29.168V34.608C125.126 35.984 124.774 36.496 123.59 36.496H122.118ZM140.777 44.5921C140.777 46.4801 139.657 47.5041 138.249 47.5041C136.841 47.5041 135.721 46.4801 135.721 44.5921C135.721 42.7361 136.841 41.6801 138.249 41.6801C139.657 41.6801 140.777 42.7361 140.777 44.5921ZM0.042 68.216H4.2V67.768L3.92 67.712C3.416 67.614 3.01 67.516 3.01 66.956V63.456H4.382C5.334 63.456 5.74 63.96 6.034 64.814H6.538V61.608H6.034C5.74 62.448 5.334 62.826 4.382 62.826H3.01V59.186H4.9C6.342 59.186 6.86 59.802 7.21 61.09H7.714V58.556H0V59.004L0.224 59.046C0.686 59.116 1.078 59.256 1.078 59.83V66.956C1.078 67.544 0.686 67.628 0.266 67.712L0.042 67.768V68.216ZM15.7225 64.562C15.7225 66.942 14.0285 68.412 12.0685 68.412C10.0945 68.412 8.41455 67.012 8.41455 64.632C8.41455 62.238 10.0945 60.782 12.0685 60.782C14.0285 60.782 15.7225 62.168 15.7225 64.562ZM10.6825 59.732C10.1225 59.732 9.70255 59.298 9.70255 58.78C9.70255 58.262 10.1225 57.842 10.6825 57.842C11.2565 57.842 11.6765 58.262 11.6765 58.78C11.6765 59.298 11.2565 59.732 10.6825 59.732ZM11.9845 61.356C10.9065 61.356 10.3325 62.574 10.3325 64.394C10.3325 66.312 10.9625 67.824 12.1385 67.824C13.2165 67.824 13.7905 66.606 13.7905 64.786C13.7905 62.672 13.0905 61.356 11.9845 61.356ZM13.4545 59.732C12.8945 59.732 12.4745 59.298 12.4745 58.78C12.4745 58.262 12.8945 57.842 13.4545 57.842C14.0145 57.842 14.4345 58.262 14.4345 58.78C14.4345 59.298 14.0145 59.732 13.4545 59.732ZM16.645 68.2161H20.747V67.7821L20.495 67.7401C19.781 67.6281 19.403 67.5161 19.403 66.9281V62.3641C19.711 62.1121 20.145 61.8881 20.621 61.8041C20.635 62.2241 20.901 62.7421 21.615 62.7421C22.133 62.7421 22.581 62.3361 22.581 61.8181C22.581 61.3281 22.259 60.8101 21.503 60.8101C20.747 60.8101 19.893 61.4261 19.375 62.0701V60.8241H19.291L16.645 61.4681V61.8881C17.443 61.9301 17.625 62.2521 17.625 62.8261V66.9281C17.625 67.5301 17.359 67.6561 16.883 67.7401L16.645 67.7821V68.2161ZM33.241 66.312C32.541 67.782 31.407 68.412 30.091 68.412C28.117 68.412 26.731 67.012 26.731 64.758C26.731 62.238 28.383 60.782 30.077 60.782C31.897 60.782 33.283 62.098 33.171 64.156H28.411C28.481 66.27 29.769 67.054 30.959 67.054C31.715 67.054 32.443 66.774 32.961 66.102L33.241 66.312ZM29.979 61.356C29.181 61.356 28.551 62.14 28.425 63.526H31.379C31.337 62.224 30.805 61.356 29.979 61.356ZM38.5951 68.216H42.3051V67.782L42.0811 67.74C41.5631 67.642 41.3251 67.502 41.3251 66.928V62.28C41.3251 61.79 40.7511 60.782 39.2671 60.782C38.1751 60.782 37.2651 61.51 36.7891 62.084V60.824H36.7051L34.0591 61.468V61.888C34.8571 61.93 35.0391 62.252 35.0391 62.826V66.928C35.0391 67.53 34.7731 67.656 34.2971 67.74L34.0591 67.782V68.216H37.7831V67.782L37.5451 67.74C37.0691 67.656 36.8171 67.516 36.8171 66.928V62.378C37.1111 62.084 37.5731 61.902 38.1611 61.902C39.0011 61.902 39.5331 62.308 39.5331 63.022V66.928C39.5331 67.53 39.3091 67.656 38.8331 67.74L38.5951 67.782V68.216ZM51.9777 67.25C51.4177 67.782 50.5077 68.412 49.6257 68.412C48.1557 68.412 47.5397 67.39 47.5397 66.886V62.602C47.5397 62.056 47.3157 61.748 46.5737 61.678V61.272L49.2197 60.796H49.3317V66.186C49.3317 66.732 49.7937 67.292 50.7177 67.292C51.1517 67.292 51.6137 67.138 51.9637 66.928V62.602C51.9637 62.056 51.7537 61.748 51.0117 61.678V61.272L53.6437 60.796H53.7557V66.508C53.7557 67.054 53.9937 67.404 54.7357 67.418V67.824L52.2017 68.3H52.0897L51.9777 67.25ZM55.3252 70.7361H59.0632V70.3021L58.8392 70.2601C58.3212 70.1761 58.0972 70.0081 58.0972 69.4481V68.2301C58.4892 68.3421 58.9372 68.3981 59.4132 68.3981C61.6112 68.3981 63.1932 66.7881 63.1932 64.3941C63.1932 62.1821 62.0312 60.8101 60.2672 60.8101C59.2732 60.8101 58.4332 61.4261 58.0552 61.8741V60.8241H57.9432L55.3392 61.4681V61.8881C56.1232 61.9301 56.3052 62.2521 56.3052 62.8121V69.4481C56.3052 70.0501 56.0392 70.1761 55.5492 70.2601L55.3252 70.3021V70.7361ZM58.0972 66.4101V62.1541C58.3772 61.9581 58.8112 61.8041 59.3712 61.8041C60.6172 61.8041 61.2752 62.7421 61.2752 64.6881C61.2752 66.9141 60.5612 67.8101 59.4552 67.8101C58.5732 67.8101 58.0972 66.9701 58.0972 66.4101ZM67.7483 70.7361H64.0103V70.3021L64.2343 70.2601C64.7243 70.1761 64.9903 70.0501 64.9903 69.4481V62.8121C64.9903 62.2521 64.8083 61.9301 64.0243 61.8881V61.4681L66.6283 60.8241H66.7403V61.8741C67.1183 61.4261 67.9583 60.8101 68.9523 60.8101C70.7163 60.8101 71.8783 62.1821 71.8783 64.3941C71.8783 66.7881 70.2962 68.3981 68.0983 68.3981C67.6223 68.3981 67.1743 68.3421 66.7823 68.2301V69.4481C66.7823 70.0081 67.0063 70.1761 67.5243 70.2601L67.7483 70.3021V70.7361ZM66.7823 62.1541V66.4101C66.7823 66.9701 67.2582 67.8101 68.1403 67.8101C69.2463 67.8101 69.9603 66.9141 69.9603 64.6881C69.9603 62.7421 69.3023 61.8041 68.0563 61.8041C67.4963 61.8041 67.0623 61.9581 66.7823 62.1541ZM73.5386 59.494V67.306C73.5386 67.726 73.9726 68.342 74.9106 68.342C75.4146 68.342 76.1426 68.076 76.6606 67.726V67.348C76.5206 67.39 76.3106 67.404 76.1566 67.404C75.6666 67.404 75.3306 67.138 75.3306 66.802V57.506H75.2186L72.5586 58.15V58.57C73.3426 58.612 73.5386 58.934 73.5386 59.494ZM80.7174 68.594C80.0874 70.162 79.4434 70.96 78.3934 70.96C77.8054 70.96 77.4274 70.596 77.4274 70.092C77.4274 69.602 77.8474 69.238 78.3654 69.238C78.8414 69.238 79.1774 69.504 79.4154 69.896C79.5834 69.714 79.8494 69.252 80.1574 68.496L80.2694 68.23L78.0994 63.134C77.5114 61.762 77.1894 61.482 76.8394 61.398V60.964H80.4234V61.398C79.5414 61.51 79.3874 61.958 79.7654 62.826L81.1514 66.032L82.3554 63.022C82.7334 62.056 82.5094 61.524 81.7114 61.398V60.964H84.3434V61.398C83.8254 61.524 83.3493 62.098 82.9434 63.092L80.7174 68.594ZM87.6787 68.3979C89.3447 68.3979 90.5627 67.3619 90.5627 66.1159C90.5627 65.0379 89.8907 64.4359 88.6167 63.8759L87.7067 63.4839C87.0207 63.1759 86.5447 62.8259 86.5447 62.3219C86.5447 61.7759 87.0067 61.3559 87.6787 61.3559C88.5747 61.3559 89.2327 62.1539 89.5547 63.1199H90.0307V60.8239H89.6807L89.4427 61.2019C89.0787 60.9779 88.4067 60.7679 87.7207 60.7679C86.2507 60.7679 85.0467 61.7479 85.0467 62.9519C85.0467 64.0439 85.8307 64.6039 86.9367 65.0799L87.8187 65.4579C88.4487 65.7379 88.9947 66.0319 88.9947 66.6899C88.9947 67.3619 88.5327 67.8099 87.7767 67.8099C86.6847 67.8099 85.8167 66.7879 85.4247 65.5419H84.9487V68.3559H85.3267L85.6907 67.8659C86.2647 68.2159 86.9227 68.3979 87.6787 68.3979ZM92.4206 67.222V61.72H91.4126V61.328C92.0986 61.076 93.3445 60.04 93.8625 59.074H94.2126V60.964H96.1866L95.6825 61.72H94.2126V66.634C94.2126 67.138 94.6886 67.334 95.3186 67.334C95.6266 67.334 95.9906 67.292 96.2146 67.18V67.572C95.7246 67.978 94.9266 68.356 94.0306 68.356C92.8546 68.356 92.4206 67.67 92.4206 67.222ZM101.274 63.386L103.08 68.188H104.186L106.062 63.218C106.496 62.07 107 61.482 107.49 61.398V60.964H104.858V61.398C105.712 61.51 105.796 62.07 105.418 63.092L104.2 66.424L102.968 63.092C102.548 62 102.632 61.496 103.542 61.398V60.964H99.9717V61.398C100.35 61.454 100.728 61.916 101.274 63.386ZM112.252 63.96V62.644C112.252 61.846 111.594 61.3 110.712 61.3C110.194 61.3 109.802 61.538 109.648 61.678C109.9 61.846 110.124 62.182 110.124 62.588C110.124 63.218 109.648 63.512 109.158 63.512C108.612 63.512 108.276 63.092 108.276 62.616C108.276 61.594 109.704 60.768 111.37 60.768C113.4 60.768 114.002 61.804 114.002 62.28V66.83C114.002 67.236 114.268 67.404 114.66 67.404C114.786 67.404 115.038 67.39 115.192 67.334V67.712C114.702 68.048 113.904 68.342 113.4 68.342C112.532 68.342 112.252 67.628 112.252 67.39V67.264C111.748 67.824 110.936 68.342 110.012 68.342C108.766 68.342 108.094 67.684 108.094 66.704C108.094 65.402 109.172 64.408 112.252 63.96ZM109.858 59.732C109.298 59.732 108.878 59.298 108.878 58.78C108.878 58.262 109.298 57.842 109.858 57.842C110.432 57.842 110.852 58.262 110.852 58.78C110.852 59.298 110.432 59.732 109.858 59.732ZM112.252 64.352C110.502 64.758 109.774 65.5 109.774 66.326C109.774 66.97 110.208 67.404 110.978 67.404C111.482 67.404 111.93 67.208 112.252 66.97V64.352ZM112.63 59.732C112.07 59.732 111.65 59.298 111.65 58.78C111.65 58.262 112.07 57.842 112.63 57.842C113.19 57.842 113.61 58.262 113.61 58.78C113.61 59.298 113.19 59.732 112.63 59.732ZM115.952 68.2161H120.054V67.7821L119.802 67.7401C119.088 67.6281 118.71 67.5161 118.71 66.9281V62.3641C119.018 62.1121 119.452 61.8881 119.928 61.8041C119.942 62.2241 120.208 62.7421 120.922 62.7421C121.44 62.7421 121.888 62.3361 121.888 61.8181C121.888 61.3281 121.566 60.8101 120.81 60.8101C120.054 60.8101 119.2 61.4261 118.682 62.0701V60.8241H118.598L115.952 61.4681V61.8881C116.75 61.9301 116.932 62.2521 116.932 62.8261V66.9281C116.932 67.5301 116.666 67.6561 116.19 67.7401L115.952 67.7821V68.2161ZM123.18 67.306V59.494C123.18 58.934 122.984 58.612 122.2 58.57V58.15L124.86 57.506H124.972V66.802C124.972 67.138 125.308 67.404 125.798 67.404C125.952 67.404 126.162 67.39 126.302 67.348V67.726C125.784 68.076 125.056 68.342 124.552 68.342C123.614 68.342 123.18 67.726 123.18 67.306ZM129.772 68.384C130.766 68.384 131.536 67.768 131.914 67.32L132.054 68.3H132.166L134.686 67.824V67.418C133.944 67.39 133.692 67.054 133.692 66.508V57.506H133.594L130.92 58.15V58.57C131.718 58.626 131.914 58.934 131.914 59.494V60.964C131.522 60.866 131.074 60.796 130.584 60.796C128.4 60.796 126.818 62.406 126.818 64.758C126.818 67.026 127.994 68.384 129.772 68.384ZM128.736 64.534C128.736 62.336 129.464 61.384 130.584 61.384C131.466 61.384 131.914 62.14 131.914 62.462V67.026C131.606 67.236 131.158 67.39 130.612 67.39C129.45 67.39 128.736 66.41 128.736 64.534ZM137.729 67.334C137.729 67.894 137.253 68.356 136.693 68.356C136.133 68.356 135.643 67.894 135.643 67.334C135.643 66.76 136.133 66.312 136.693 66.312C137.253 66.312 137.729 66.76 137.729 67.334Z'\n      fill='white'\n    />\n  </svg>\n)\n", "import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'\n\nimport { formatClassString } from '@bonniernews/dn-design-system-web/helpers/formatClassString.ts'\nimport { StringToHtml } from '@bonniernews/dn-design-system-web/helpers/stringToHtml.tsx'\n\nimport { LogoWithPayoff } from './logoWithPayoff'\n\ninterface FooterLink extends SharedProps {\n  href: string\n  text: string\n}\n\ninterface FooterLinkList {\n  attributes?: object\n  title?: string\n  links: FooterLink[]\n}\n\ninterface Footerbutton extends SharedProps {\n  text: string\n}\n\nexport interface FooterProps extends SharedProps {\n  editorsHtml?: string\n  copyright?: string\n  linkGroups?: FooterLinkList[]\n  rudolf: {\n    imgUrl: string\n    text: string\n  }\n  buttons?: Footerbutton[]\n  forcePx?: boolean\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/web/src/components/footer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/footer)\n * - Storybook: [footer](https://designsystem.dn.se/?path=/docs/page-footer--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/footer/footer.scss'`\n */\nexport const Footer = ({\n  editorsHtml,\n  copyright,\n  linkGroups,\n  rudolf,\n  buttons,\n  classNames,\n  attributes,\n}: FooterProps) => {\n  const componentClassName = 'ds-footer'\n  const classes = formatClassString([componentClassName, classNames])\n\n  return (\n    <footer className={classes} {...attributes}>\n      <div className={`${componentClassName}__inner`}>\n        <div className={`${componentClassName}__link-grid`}>\n          {linkGroups &&\n            linkGroups.map((group) => (\n              <div\n                className={`${componentClassName}__link-group`}\n                {...group.attributes}\n                key={`footer-group-${group.title}`}\n              >\n                {group.title && <h2>{group.title}</h2>}\n                <ul>\n                  {group.links.map((link, index) => (\n                    <li key={`group-link-${link.href}-${index}`}>\n                      <a\n                        href={link.href}\n                        className={`ds-footer__link ${link.classNames ? link.classNames : ''}`}\n                        {...link.attributes}\n                      >\n                        {link.text}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n        </div>\n\n        <div className={`${componentClassName}__editors`}>\n          {editorsHtml && <StringToHtml htmlString={editorsHtml} />}\n          {copyright && (\n            <p className={`${componentClassName}__copyright`} dangerouslySetInnerHTML={{ __html: copyright }}></p>\n          )}\n        </div>\n\n        {rudolf && (\n          <div className={`${componentClassName}__rudolf`}>\n            <img src={rudolf.imgUrl} alt='Rudolf Wall' width='64' height='64' loading='lazy' />\n            <p>{rudolf.text}</p>\n          </div>\n        )}\n        <div className={`${componentClassName}__logo`}>\n          <LogoWithPayoff />\n        </div>\n        {buttons && (\n          <div className={`${componentClassName}__buttons`}>\n            {buttons.map((button) => (\n              <button\n                className={`ds-footer__button ${button.classNames ? button.classNames : ''}`}\n                {...button.attributes}\n              >\n                {button.text}\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],
+  "mappings": "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",
   "names": ["jsx", "jsx"]
 }

package/preact/components/game-header/game-header.d.ts

@@ -1,4 +1,4 @@
-import type { SharedProps } from "@bonniernews/dn-design-system-web/assets/types/shared-props.ts";
+import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
 export interface GameHeaderProps extends SharedProps {
     title: string;
     media?: string;
@@ -7,10 +7,10 @@ export interface GameHeaderProps extends SharedProps {
     backgroundColor?: string;
 }
 /**
- * - GitHub: [BonnierNews/dn-design-system/../web/src/components/game-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/game-header)
+ * - GitHub: [BonnierNews/dn-design-system/web/src/components/game-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/game-header)
  * - Storybook: [GameHeader](https://designsystem.dn.se/?path=/docs/section-Gameheader--docs)
  *
  * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
  * `@use '@bonniernews/dn-design-system-web/components/game-header/game-header.scss'`
  */
-export declare const GameHeader: ({ title, media, descriptionHtml, classNames, backgroundColor, textColor, attributes }: GameHeaderProps) => import("preact").JSX.Element;
+export declare const GameHeader: ({ title, media, descriptionHtml, classNames, backgroundColor, textColor, attributes, }: GameHeaderProps) => import("preact").JSX.Element;

package/preact/components/game-header/game-header.js

@@ -5,12 +5,17 @@ var formatClassString = (classesArray) => {
 
 // ../src/components/game-header/game-header.tsx
 import { jsx, jsxs } from "preact/jsx-runtime";
-var GameHeader = ({ title, media, descriptionHtml, classNames, backgroundColor, textColor, attributes }) => {
+var GameHeader = ({
+  title,
+  media,
+  descriptionHtml,
+  classNames,
+  backgroundColor,
+  textColor,
+  attributes
+}) => {
   const componentClassName = "ds-game-header";
-  const classes = formatClassString([
-    componentClassName,
-    classNames
-  ]);
+  const classes = formatClassString([componentClassName, classNames]);
   const styles = {
     color: textColor,
     backgroundColor
@@ -20,7 +25,13 @@ var GameHeader = ({ title, media, descriptionHtml, classNames, backgroundColor,
       /* @__PURE__ */ jsx("h1", { className: `${componentClassName}__title`, children: title }),
       media && /* @__PURE__ */ jsx("div", { className: `${componentClassName}__media`, dangerouslySetInnerHTML: { __html: media } })
     ] }) }),
-    descriptionHtml && /* @__PURE__ */ jsx("div", { className: `${componentClassName}__description`, children: /* @__PURE__ */ jsx("div", { className: `${componentClassName}__description-content`, dangerouslySetInnerHTML: { __html: descriptionHtml } }) })
+    descriptionHtml && /* @__PURE__ */ jsx("div", { className: `${componentClassName}__description`, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${componentClassName}__description-content`,
+        dangerouslySetInnerHTML: { __html: descriptionHtml }
+      }
+    ) })
   ] });
 };
 export {

package/preact/components/game-header/game-header.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../helpers/formatClassString.ts", "../../../components/game-header/game-header.tsx"],
-  "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n  return classesArray.filter(x => !!x).join(' ');\n}\n", "import type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\nimport { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\n\nexport interface GameHeaderProps extends SharedProps {\n  title: string;\n  media?: string;\n  descriptionHtml?: string;\n  textColor?: string;\n  backgroundColor?: string;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/game-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/game-header)\n * - Storybook: [GameHeader](https://designsystem.dn.se/?path=/docs/section-Gameheader--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/game-header/game-header.scss'`\n */\nexport const GameHeader = ({ title, media, descriptionHtml, classNames, backgroundColor, textColor, attributes }: GameHeaderProps) => {\n  const componentClassName = 'ds-game-header';\n\n  const classes = formatClassString([\n    componentClassName,\n    classNames\n  ])\n\n  const styles = {\n    color: textColor,\n    backgroundColor\n  };\n\n\n  return (\n    <div className={classes} {...attributes}>\n      <div className={`${componentClassName}__top`} style={styles}>\n      <div className={`${componentClassName}__top-content`}>\n        <h1 className={`${componentClassName}__title`}>{ title }</h1>\n        { media &&\n          <div className={`${componentClassName}__media`} dangerouslySetInnerHTML={{ __html: media }}></div>\n        }\n        </div>\n    </div>\n\n    { descriptionHtml &&\n      <div className={`${componentClassName}__description`}>\n        <div className={`${componentClassName}__description-content`} dangerouslySetInnerHTML={{ __html: descriptionHtml }}></div>\n      </div>\n    }\n  </div>\n  );\n};\n"],
-  "mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAqD;AACrF,SAAO,aAAa,OAAO,OAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AAC/C;;;ACiCM,SACE,KADF;AAjBC,IAAM,aAAa,CAAC,EAAE,OAAO,OAAO,iBAAiB,YAAY,iBAAiB,WAAW,WAAW,MAAuB;AACpI,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP;AAAA,EACF;AAGA,SACE,qBAAC,SAAI,WAAW,SAAU,GAAG,YAC3B;AAAA,wBAAC,SAAI,WAAW,GAAG,kBAAkB,SAAS,OAAO,QACrD,+BAAC,SAAI,WAAW,GAAG,kBAAkB,iBACnC;AAAA,0BAAC,QAAG,WAAW,GAAG,kBAAkB,WAAa,iBAAO;AAAA,MACtD,SACA,oBAAC,SAAI,WAAW,GAAG,kBAAkB,WAAW,yBAAyB,EAAE,QAAQ,MAAM,GAAG;AAAA,OAE9F,GACJ;AAAA,IAEE,mBACA,oBAAC,SAAI,WAAW,GAAG,kBAAkB,iBACnC,8BAAC,SAAI,WAAW,GAAG,kBAAkB,yBAAyB,yBAAyB,EAAE,QAAQ,gBAAgB,GAAG,GACtH;AAAA,KAEJ;AAEF;",
+  "sourcesContent": ["export const formatClassString = (classesArray: (string | undefined | false)[]): string => {\n  return classesArray.filter((x) => !!x).join(' ')\n}\n", "import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts'\n\nimport { formatClassString } from '@bonniernews/dn-design-system-web/helpers/formatClassString.ts'\n\nexport interface GameHeaderProps extends SharedProps {\n  title: string\n  media?: string\n  descriptionHtml?: string\n  textColor?: string\n  backgroundColor?: string\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/web/src/components/game-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/game-header)\n * - Storybook: [GameHeader](https://designsystem.dn.se/?path=/docs/section-Gameheader--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/game-header/game-header.scss'`\n */\nexport const GameHeader = ({\n  title,\n  media,\n  descriptionHtml,\n  classNames,\n  backgroundColor,\n  textColor,\n  attributes,\n}: GameHeaderProps) => {\n  const componentClassName = 'ds-game-header'\n\n  const classes = formatClassString([componentClassName, classNames])\n\n  const styles = {\n    color: textColor,\n    backgroundColor,\n  }\n\n  return (\n    <div className={classes} {...attributes}>\n      <div className={`${componentClassName}__top`} style={styles}>\n        <div className={`${componentClassName}__top-content`}>\n          <h1 className={`${componentClassName}__title`}>{title}</h1>\n          {media && <div className={`${componentClassName}__media`} dangerouslySetInnerHTML={{ __html: media }}></div>}\n        </div>\n      </div>\n\n      {descriptionHtml && (\n        <div className={`${componentClassName}__description`}>\n          <div\n            className={`${componentClassName}__description-content`}\n            dangerouslySetInnerHTML={{ __html: descriptionHtml }}\n          ></div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAyD;AACzF,SAAO,aAAa,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AACjD;;;ACsCQ,SACE,KADF;AArBD,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB,CAAC,oBAAoB,UAAU,CAAC;AAElE,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,SAAU,GAAG,YAC3B;AAAA,wBAAC,SAAI,WAAW,GAAG,kBAAkB,SAAS,OAAO,QACnD,+BAAC,SAAI,WAAW,GAAG,kBAAkB,iBACnC;AAAA,0BAAC,QAAG,WAAW,GAAG,kBAAkB,WAAY,iBAAM;AAAA,MACrD,SAAS,oBAAC,SAAI,WAAW,GAAG,kBAAkB,WAAW,yBAAyB,EAAE,QAAQ,MAAM,GAAG;AAAA,OACxG,GACF;AAAA,IAEC,mBACC,oBAAC,SAAI,WAAW,GAAG,kBAAkB,iBACnC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,kBAAkB;AAAA,QAChC,yBAAyB,EAAE,QAAQ,gBAAgB;AAAA;AAAA,IACpD,GACH;AAAA,KAEJ;AAEJ;",
   "names": []
 }

package/preact/components/group-header/group-header.d.ts

@@ -1,5 +1,5 @@
 import { ComponentChild } from 'preact';
-import { SharedProps } from '../../assets/types/shared-props';
+import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
 export type GroupHeaderType = 'icon' | 'link' | 'toggle' | 'arrows';
 export interface GroupHeaderProps extends SharedProps {
     /** The title text */
@@ -32,7 +32,7 @@ export interface GroupHeaderProps extends SharedProps {
     };
 }
 /**
- * - GitHub: [BonnierNews/dn-design-system/../web/src/components/group-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/group-header)
+ * - GitHub: [BonnierNews/dn-design-system/web/src/components/group-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/group-header)
  * - Storybook: [GroupHeader](https://designsystem.dn.se/?path=/docs/basic-groupheader--docs)
  *
  * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:

package/preact/components/group-header/group-header.js

@@ -207,23 +207,28 @@ var Button = ({
   attributes,
   forcePx = false
 }) => {
-  return /* @__PURE__ */ jsx6(ButtonBase, { ...{
-    text,
-    disabled,
-    variant,
-    size,
-    fullWidth,
-    mobileFullWidth,
-    iconPosition,
-    iconName,
-    loading,
-    type,
-    href,
-    isIconButton,
-    classNames,
-    attributes,
-    forcePx
-  } });
+  return /* @__PURE__ */ jsx6(
+    ButtonBase,
+    {
+      ...{
+        text,
+        disabled,
+        variant,
+        size,
+        fullWidth,
+        mobileFullWidth,
+        iconPosition,
+        iconName,
+        loading,
+        type,
+        href,
+        isIconButton,
+        classNames,
+        attributes,
+        forcePx
+      }
+    }
+  );
 };
 var button_default = Button;