From 2f8cb76778cacab4cc9c334ac4327029c99dc4d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Garn=C3=A6s?= <kasperg@users.noreply.github.com>
Date: Tue, 30 Apr 2024 00:06:08 +0200
Subject: [PATCH 1/8] Encode inline SVGs

When using an inline SVG it must be encoded. Otherwise browsers may
choke on it due to unescaped characters like < and ".

At the moment problem can be seen when the Chromatic/Cypress
integration tries to generate pages with inline CSS. Without this
process fails and CSS is never loaded.

To address this we encode the inline CSS using
https://yoksel.github.io/url-encoder/. A proper SCSS function to
address this would be preferable but I could not find such a thing.

We only have two actual instances of inline SVGs to for now it should
be OK to just change these.

The fact that this is a nice change is also indicated by the fact that
we no longer have stylelint issues that has to be ignored.
---
 .../material-header/material-periodical-select.scss       | 2 +-
 src/styles/scss/tools/placeholder.scss                    | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/stories/Library/material-header/material-periodical-select.scss b/src/stories/Library/material-header/material-periodical-select.scss
index 0fa7e677b..1c0dd8ae1 100644
--- a/src/stories/Library/material-header/material-periodical-select.scss
+++ b/src/stories/Library/material-header/material-periodical-select.scss
@@ -20,7 +20,7 @@ $icon-position: 10px;
       background-repeat: no-repeat;
       background-size: 6px;
       // This is a copy from  icons/basic/icon-select-arrow
-      background-image: url('data:image/svg+xml;utf8,<svg width="6" height="5" viewBox="0 0 6 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.75821 0.708313L3 3.95101L1.24179 0.708313L4.75821 0.708313Z" fill="black" stroke="black"/> </svg>');
+      background-image: url("data:image/svg+xml;utf8,%3Csvg width='6' height='5' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75821 0.708313L3 3.95101L1.24179 0.708313L4.75821 0.708313Z' fill='black' stroke='black'/%3E%3C/svg%3E");
       background-position: 100%;
       padding-right: $icon-position;
     }
diff --git a/src/styles/scss/tools/placeholder.scss b/src/styles/scss/tools/placeholder.scss
index ee28135c3..cae1fd237 100644
--- a/src/styles/scss/tools/placeholder.scss
+++ b/src/styles/scss/tools/placeholder.scss
@@ -28,9 +28,7 @@
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
-    // stylelint-disable -- Stylelint really does not enjoy embedded IMGs.
-    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 852.2 17" style="enable-background:new 0 0 852.2 17;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}</style><path class="st0" d="M7.9,8.7c52-1.3,131.1-3,227.7-4.3c83.7-1.1,243.5,1.2,325.2,4.3c43.3,1.6,166.2-4.9,284.4-2.7"/></svg>');
-    // stylelint-enable
+    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 852.2 17' style='enable-background:new 0 0 852.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none;stroke:%2523000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3Cpath class='st0' d='M7.9,8.7c52-1.3,131.1-3,227.7-4.3c83.7-1.1,243.5,1.2,325.2,4.3c43.3,1.6,166.2-4.9,284.4-2.7'/%3E%3C/svg%3E");
   }
 }
 
@@ -40,9 +38,7 @@
   &::before {
     width: 80px;
     right: auto;
-    // stylelint-disable -- Stylelint really does not enjoy embedded IMGs.
-    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="81" height="16" viewBox="0 0 81 16" fill="none"><path d="M3 10C29.8561 3.71312 50.1886 4.9889 78 5.35819" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
-    // stylelint-enable
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='16' viewBox='0 0 81 16' fill='none'%3E%3Cpath d='M3 10C29.8561 3.71312 50.1886 4.9889 78 5.35819' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   }
 }
 

From e56846d94dafff626b788eb37c1bba8f62c12585 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Wed, 10 Jul 2024 11:47:07 +0200
Subject: [PATCH 2/8] Refactored Underlined Title for `Slider`

This commit refactors the underlined title for the `Slider` component.

Related pull request: [#1364](https://github.com/danskernesdigitalebibliotek/dpl-cms/pull/1364)
---
 src/stories/Library/slider/Slider.stories.tsx | 2 +-
 src/stories/Library/slider/Slider.tsx         | 9 ++++++++-
 src/stories/Library/slider/slider.scss        | 4 +---
 src/styles/scss/tools/placeholder.scss        | 2 ++
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/stories/Library/slider/Slider.stories.tsx b/src/stories/Library/slider/Slider.stories.tsx
index bedd4b10d..cc880dab2 100644
--- a/src/stories/Library/slider/Slider.stories.tsx
+++ b/src/stories/Library/slider/Slider.stories.tsx
@@ -17,7 +17,7 @@ export default {
   },
   argTypes: {
     title: {
-      defaultValue: "Inspiration",
+      defaultValue: "Get <u>new</u> Inspiration",
       type: "string",
     },
     items: {
diff --git a/src/stories/Library/slider/Slider.tsx b/src/stories/Library/slider/Slider.tsx
index 2049b48a5..b70bfad10 100644
--- a/src/stories/Library/slider/Slider.tsx
+++ b/src/stories/Library/slider/Slider.tsx
@@ -24,7 +24,14 @@ const Slider: FC<SliderProps> = ({ title, items }) => {
 
       <div className="slider swiper">
         <div className="slider__header">
-          {title ? <h2 className="slider__title">{title}</h2> : ""}
+          {title && (
+            <h2
+              className="slider__title"
+              // We need to be able to replicate our WYSIWYG field in Drupal that makes it possible to underline (<u>) words.
+              // eslint-disable-next-line react/no-danger
+              dangerouslySetInnerHTML={{ __html: title }}
+            />
+          )}
 
           <div className="slider__controls" data-glide-el="controls">
             <button
diff --git a/src/stories/Library/slider/slider.scss b/src/stories/Library/slider/slider.scss
index 4933ba451..f637790d0 100644
--- a/src/stories/Library/slider/slider.scss
+++ b/src/stories/Library/slider/slider.scss
@@ -6,10 +6,8 @@
 }
 
 .slider__title {
-  @extend %title-underline;
   @include typography($typo__h2);
-
-  display: flex;
+  @include u-extending-underline-style;
 }
 
 .slider__controls {
diff --git a/src/styles/scss/tools/placeholder.scss b/src/styles/scss/tools/placeholder.scss
index ee28135c3..104b70def 100644
--- a/src/styles/scss/tools/placeholder.scss
+++ b/src/styles/scss/tools/placeholder.scss
@@ -16,6 +16,7 @@
   }
 }
 
+// Todo: Should be removed. Use @mixin u-extending-underline-style instead.
 %title-underline {
   position: relative;
   &::before {
@@ -34,6 +35,7 @@
   }
 }
 
+// Todo: Should be removed. Use @mixin u-extending-underline-style instead.
 %title-underline--narrow {
   @extend %title-underline;
 

From 16f97893955dad6b4cf8c01354e6239a3e3b05ab Mon Sep 17 00:00:00 2001
From: LasseStaus <l.stausgaard@gmail.com>
Date: Wed, 10 Jul 2024 13:32:48 +0200
Subject: [PATCH 3/8] Add story, component and CSS for simpleLink.

This is a link without icons.

DDFFORM-827
---
 base.scss                                     |  1 +
 .../Library/paragraphs/paragraphs.scss        |  4 +-
 .../simple-link/SimpleLink.stories.tsx        | 67 +++++++++++++++++++
 .../Library/simple-link/SimpleLink.tsx        | 21 ++++++
 .../Library/simple-link/simple-link.scss      | 17 +++++
 5 files changed, 109 insertions(+), 1 deletion(-)
 create mode 100644 src/stories/Library/simple-link/SimpleLink.stories.tsx
 create mode 100644 src/stories/Library/simple-link/SimpleLink.tsx
 create mode 100644 src/stories/Library/simple-link/simple-link.scss

diff --git a/base.scss b/base.scss
index 5e584d9d1..966550281 100644
--- a/base.scss
+++ b/base.scss
@@ -145,6 +145,7 @@
 @import "./src/stories/Library/event-list-stacked/event-list-stacked";
 @import "./src/stories/Library/material-search/material-search";
 @import "./src/stories/Library/banner/banner";
+@import "./src/stories/Library/simple-link/simple-link";
 
 // Autosuggest block styling needs to be loaded before the rest of the scss for autosuggest
 @import "./src/stories/Blocks/autosuggest/autosuggest";
diff --git a/src/stories/Library/paragraphs/paragraphs.scss b/src/stories/Library/paragraphs/paragraphs.scss
index 53950851d..5b8e99dff 100644
--- a/src/stories/Library/paragraphs/paragraphs.scss
+++ b/src/stories/Library/paragraphs/paragraphs.scss
@@ -8,13 +8,15 @@
 
 // Some paragraphs should go flush against each-other.
 .paragraphs__item--links,
+.paragraphs__item--simple_links,
 .paragraphs__item--files,
 .paragraphs__item--accordion {
   @include layout-container($block-max-width__medium);
 
   + .paragraphs__item--accordion,
   + .paragraphs__item--files,
-  + .paragraphs__item--links {
+  + .paragraphs__item--links,
+  + .paragraphs__item--simple_links {
     @include block-spacing("sibling");
   }
 }
diff --git a/src/stories/Library/simple-link/SimpleLink.stories.tsx b/src/stories/Library/simple-link/SimpleLink.stories.tsx
new file mode 100644
index 000000000..df3bcac85
--- /dev/null
+++ b/src/stories/Library/simple-link/SimpleLink.stories.tsx
@@ -0,0 +1,67 @@
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { withDesign } from "storybook-addon-designs";
+import SimpleLink from "./SimpleLink";
+
+export default {
+  title: "Library / Simple Link",
+  component: SimpleLink,
+  decorators: [withDesign],
+  argTypes: {
+    linkText: {
+      control: {
+        type: "text",
+        defaultValue: "Link text",
+      },
+    },
+    href: {
+      control: {
+        type: "text",
+        defaultValue: "https://www.google.com",
+      },
+    },
+    target: {
+      control: {
+        type: "select",
+        defaultValue: "_self",
+        options: ["_blank", "_self"],
+      },
+    },
+    args: {
+      linkText: "Link text",
+      href: "https://www.google.com",
+      target: "_self",
+    },
+  },
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/design/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?node-id=7741-58648&t=Facl3aeVt0fs5t5v-0",
+    },
+  },
+} as ComponentMeta<typeof SimpleLink>;
+
+const Template: ComponentStory<typeof SimpleLink> = (args) => (
+  <SimpleLink {...args} />
+);
+
+export const OpensInSameWindow = Template.bind({});
+OpensInSameWindow.args = {
+  linkText: "Link that opens in same window",
+  href: "https://www.google.com",
+  target: "_self",
+};
+
+export const ExternalLink = Template.bind({});
+ExternalLink.args = {
+  linkText: "Link that opens in new window",
+  href: "https://www.google.com",
+  target: "_blank",
+};
+
+export const WithLongText = Template.bind({});
+WithLongText.args = {
+  linkText:
+    "This is a very long link text that should wrap to the next line, demonstrating how lengthy text can be displayed within a link element to ensure proper wrapping and readability across different screen sizes and resolutions.",
+  href: "https://www.google.com",
+  target: "_self",
+};
diff --git a/src/stories/Library/simple-link/SimpleLink.tsx b/src/stories/Library/simple-link/SimpleLink.tsx
new file mode 100644
index 000000000..cbcb17fce
--- /dev/null
+++ b/src/stories/Library/simple-link/SimpleLink.tsx
@@ -0,0 +1,21 @@
+import { ReactComponent as ArrowSmallRight } from "../Arrows/icon-arrow-ui/icon-arrow-ui-small-right.svg";
+
+export type SimpleLinkProps = {
+  linkText: string;
+  href: string;
+  target: "_blank" | "_self";
+};
+
+const SimpleLink = ({ linkText, href, target = "_self" }: SimpleLinkProps) => {
+  return (
+    <a
+      href={href}
+      target={target}
+      className="simple-link arrow__hover--right-small"
+    >
+      {linkText}
+      <ArrowSmallRight />
+    </a>
+  );
+};
+export default SimpleLink;
diff --git a/src/stories/Library/simple-link/simple-link.scss b/src/stories/Library/simple-link/simple-link.scss
new file mode 100644
index 000000000..e1847a3a9
--- /dev/null
+++ b/src/stories/Library/simple-link/simple-link.scss
@@ -0,0 +1,17 @@
+$_simple_link_min_height: 80px;
+.simple-link {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr min-content;
+  gap: $s-xl;
+  min-height: $_simple_link_min_height;
+  border: 1px solid $color__global-tertiary-1;
+  padding: $s-lg $s-xl;
+  text-decoration: none;
+  @include typography($typo__body-large);
+  color: $color__global-grey;
+
+  > svg {
+    margin-right: 40px;
+  }
+}

From 0f5bea8dde1cd6d962e0c6a2213c47eff3ad815c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 15 Jul 2024 01:08:10 +0000
Subject: [PATCH 4/8] Bump sass from 1.77.6 to 1.77.8

Bumps [sass](https://github.com/sass/dart-sass) from 1.77.6 to 1.77.8.
- [Release notes](https://github.com/sass/dart-sass/releases)
- [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md)
- [Commits](https://github.com/sass/dart-sass/compare/1.77.6...1.77.8)

---
updated-dependencies:
- dependency-name: sass
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 08f47309a..a7b933eb3 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
     "react-scripts": "^4.0.3",
-    "sass": "^1.77.6",
+    "sass": "^1.77.8",
     "skeleton-screen-css": "^1.1.0",
     "storybook-addon-designs": "^6.2.1",
     "stylelint": "^14.16.1",
diff --git a/yarn.lock b/yarn.lock
index 6cbc459db..b8bbb6ca1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14377,10 +14377,10 @@ sass-loader@^10.0.5:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
-sass@^1.77.6:
-  version "1.77.6"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.6.tgz#898845c1348078c2e6d1b64f9ee06b3f8bd489e4"
-  integrity sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==
+sass@^1.77.8:
+  version "1.77.8"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.8.tgz#9f18b449ea401759ef7ec1752a16373e296b52bd"
+  integrity sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"

From 8e59b74dd0060dc3f5f1ceaeabdd512e9d90c15a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 15 Jul 2024 01:08:48 +0000
Subject: [PATCH 5/8] Bump eslint-plugin-react from 7.34.3 to 7.34.4

Bumps [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) from 7.34.3 to 7.34.4.
- [Release notes](https://github.com/jsx-eslint/eslint-plugin-react/releases)
- [Changelog](https://github.com/jsx-eslint/eslint-plugin-react/blob/master/CHANGELOG.md)
- [Commits](https://github.com/jsx-eslint/eslint-plugin-react/compare/v7.34.3...v7.34.4)

---
updated-dependencies:
- dependency-name: eslint-plugin-react
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |   2 +-
 yarn.lock    | 141 ++++++++++++++++++++++++---------------------------
 2 files changed, 68 insertions(+), 75 deletions(-)

diff --git a/package.json b/package.json
index 08f47309a..539306b5d 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react": "^7.34.4",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-webpack-plugin": "^4.2.0",
     "flatpickr": "^4.6.13",
diff --git a/yarn.lock b/yarn.lock
index 6cbc459db..8861f835b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6829,6 +6829,58 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19
     string.prototype.trimstart "^1.0.5"
     unbox-primitive "^1.0.2"
 
+es-abstract@^1.17.5, es-abstract@^1.23.0, es-abstract@^1.23.2, es-abstract@^1.23.3:
+  version "1.23.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.9"
+    string.prototype.trimend "^1.0.8"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.6"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
 es-abstract@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.2.tgz#90f7282d91d0ad577f505e423e52d4c1d93c1b8a"
@@ -6921,58 +6973,6 @@ es-abstract@^1.22.3:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.14"
 
-es-abstract@^1.23.0, es-abstract@^1.23.2, es-abstract@^1.23.3:
-  version "1.23.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
-  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
-  dependencies:
-    array-buffer-byte-length "^1.0.1"
-    arraybuffer.prototype.slice "^1.0.3"
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.7"
-    data-view-buffer "^1.0.1"
-    data-view-byte-length "^1.0.1"
-    data-view-byte-offset "^1.0.0"
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-set-tostringtag "^2.0.3"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.4"
-    get-symbol-description "^1.0.2"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.2"
-    has-proto "^1.0.3"
-    has-symbols "^1.0.3"
-    hasown "^2.0.2"
-    internal-slot "^1.0.7"
-    is-array-buffer "^3.0.4"
-    is-callable "^1.2.7"
-    is-data-view "^1.0.1"
-    is-negative-zero "^2.0.3"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.3"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.13"
-    is-weakref "^1.0.2"
-    object-inspect "^1.13.1"
-    object-keys "^1.1.1"
-    object.assign "^4.1.5"
-    regexp.prototype.flags "^1.5.2"
-    safe-array-concat "^1.1.2"
-    safe-regex-test "^1.0.3"
-    string.prototype.trim "^1.2.9"
-    string.prototype.trimend "^1.0.8"
-    string.prototype.trimstart "^1.0.8"
-    typed-array-buffer "^1.0.2"
-    typed-array-byte-length "^1.0.1"
-    typed-array-byte-offset "^1.0.2"
-    typed-array-length "^1.0.6"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.15"
-
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
@@ -7303,10 +7303,10 @@ eslint-plugin-react-hooks@^4.2.0, eslint-plugin-react-hooks@^4.6.2:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
   integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
 
-eslint-plugin-react@^7.21.5, eslint-plugin-react@^7.34.3:
-  version "7.34.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.3.tgz#9965f27bd1250a787b5d4cfcc765e5a5d58dcb7b"
-  integrity sha512-aoW4MV891jkUulwDApQbPYTVZmeuSyFrudpbTAQuj5Fv8VL+o6df2xIGpw8B0hPjAaih1/Fb0om9grCdyFYemA==
+eslint-plugin-react@^7.21.5, eslint-plugin-react@^7.34.4:
+  version "7.34.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.4.tgz#1f0dc313a0937db7ce15fd1f6c3d77e70f3e02fb"
+  integrity sha512-Np+jo9bUwJNxCsT12pXtrGhJgT3T44T1sHhn1Ssr42XFn8TES0267wPGo5nNrMHi8qkyimDAX2BUmkf9pSaVzA==
   dependencies:
     array-includes "^3.1.8"
     array.prototype.findlast "^1.2.5"
@@ -7316,16 +7316,17 @@ eslint-plugin-react@^7.21.5, eslint-plugin-react@^7.34.3:
     doctrine "^2.1.0"
     es-iterator-helpers "^1.0.19"
     estraverse "^5.3.0"
+    hasown "^2.0.2"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
     minimatch "^3.1.2"
     object.entries "^1.1.8"
     object.fromentries "^2.0.8"
-    object.hasown "^1.1.4"
     object.values "^1.2.0"
     prop-types "^15.8.1"
     resolve "^2.0.0-next.5"
     semver "^6.3.1"
     string.prototype.matchall "^4.0.11"
+    string.prototype.repeat "^1.0.0"
 
 eslint-plugin-testing-library@^3.9.2:
   version "3.10.2"
@@ -8724,14 +8725,7 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-hasown@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
-  integrity sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==
-  dependencies:
-    function-bind "^1.1.2"
-
-hasown@^2.0.1, hasown@^2.0.2:
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
   integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
@@ -11876,15 +11870,6 @@ object.groupby@^1.0.1:
     es-abstract "^1.22.1"
     get-intrinsic "^1.2.1"
 
-object.hasown@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.4.tgz#e270ae377e4c120cdcb7656ce66884a6218283dc"
-  integrity sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==
-  dependencies:
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -15121,6 +15106,14 @@ string.prototype.padstart@^3.0.0:
     define-properties "^1.1.3"
     es-abstract "^1.19.1"
 
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
 string.prototype.trim@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"

From 2983921dae12649b25b1e126163af1cc402e546b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 15 Jul 2024 01:08:52 +0000
Subject: [PATCH 6/8] Bump chromaui/action from 11.5.4 to 11.5.5

Bumps [chromaui/action](https://github.com/chromaui/action) from 11.5.4 to 11.5.5.
- [Release notes](https://github.com/chromaui/action/releases)
- [Commits](https://github.com/chromaui/action/compare/v11.5.4...v11.5.5)

---
updated-dependencies:
- dependency-name: chromaui/action
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 .github/workflows/chromatic.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
index b95ab4a76..9925c6216 100644
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -34,7 +34,7 @@ jobs:
       - run: yarn css:build
 
       - name: Publish to Chromatic
-        uses: chromaui/action@v11.5.4
+        uses: chromaui/action@v11.5.5
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: c6b96f9648b6

From 68ec0e427c3c8b8dd3cee7127fc6890c835952bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Garn=C3=A6s?= <kasperg@users.noreply.github.com>
Date: Tue, 16 Jul 2024 13:59:06 +0200
Subject: [PATCH 7/8] Convert style element in SVG to attributes

The style element makes Chrome not render the background image. Also
it is not really needed as a separate style element.

Convert it to attributes on the element instead.
---
 src/styles/scss/tools/placeholder.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/scss/tools/placeholder.scss b/src/styles/scss/tools/placeholder.scss
index cae1fd237..9879a6d07 100644
--- a/src/styles/scss/tools/placeholder.scss
+++ b/src/styles/scss/tools/placeholder.scss
@@ -28,7 +28,7 @@
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 852.2 17' style='enable-background:new 0 0 852.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none;stroke:%2523000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3Cpath class='st0' d='M7.9,8.7c52-1.3,131.1-3,227.7-4.3c83.7-1.1,243.5,1.2,325.2,4.3c43.3,1.6,166.2-4.9,284.4-2.7'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 852.2 17' style='enable-background:new 0 0 852.2 17;' xml:space='preserve'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.9,8.7c52-1.3,131.1-3,227.7-4.3c83.7-1.1,243.5,1.2,325.2,4.3c43.3,1.6,166.2-4.9,284.4-2.7'/%3E%3C/svg%3E");
   }
 }
 

From 931ef295076e2597e47f85f50b2e8d0fcc72ea34 Mon Sep 17 00:00:00 2001
From: Benjamin Rasmussen <benjamin@reload.dk>
Date: Fri, 2 Aug 2024 09:07:26 +0200
Subject: [PATCH 8/8] Add subheading styling for use on web search page.
 DDFFORM-678

---
 .../Blocks/content-list-page/content-list-page.scss       | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/stories/Blocks/content-list-page/content-list-page.scss b/src/stories/Blocks/content-list-page/content-list-page.scss
index 83f3abe16..1c5f2a70f 100644
--- a/src/stories/Blocks/content-list-page/content-list-page.scss
+++ b/src/stories/Blocks/content-list-page/content-list-page.scss
@@ -8,6 +8,14 @@
   @include typography($typo__h2);
 }
 
+.content-list-page__subheading {
+  @extend %rich-text;
+
+  @include layout-container($block-max-width__large);
+  @include typography($typo__body-small);
+  margin-top: $s-lg;
+}
+
 .content-list-page__filters {
   @include layout-container($block-max-width__large);