@nnc-digital/nnc-design-system 1.0.0-beta6 → 1.0.0-beta7

package/build/index.mjs.js

@@ -24287,6 +24287,31 @@ const NoMatches = styled.p`
   padding: ${(props) => props.theme.theme_vars.spacingSizes.small} 0;
 `;
 
+const RoadworkLink = styled.a`
+  color: ${(props) => props.theme.theme_vars.colours.action};
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 3px solid ${(props) => props.theme.theme_vars.colours.focus};
+    outline-offset: 0;
+    background-color: ${(props) => props.theme.theme_vars.colours.focus};
+    color: ${(props) => props.theme.theme_vars.colours.black};
+    text-decoration: none;
+  }
+
+  &:visited {
+    color: ${(props) => props.theme.theme_vars.colours.action_dark};
+  }
+
+  h3 {
+    color: inherit;
+  }
+`;
+
 /**
  * Primary UI component for user interaction
  * If value is set then treat as controlled component
@@ -24368,8 +24393,8 @@ var RoadworksList = function (_a) {
             return (React.createElement(Roadwork, { key: index },
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "mappin" }),
-                    React.createElement(IconText, null,
-                        React.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))),
+                    React.createElement(IconText, null, roadwork.urlLinkAddress ? (React.createElement(RoadworkLink, { href: roadwork.urlLinkAddress, target: "_blank", rel: "noopener noreferrer" },
+                        React.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))) : (React.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 })))),
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "events" }),
                     React.createElement(IconText, null,