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

package/build/index.d.ts

@@ -26,11 +26,12 @@ import Image from './library/slices/Image/Image';
 import ImageAndText from './library/slices/ImageAndText/ImageAndText';
 import InquestSchedule from './library/slices/InquestSchedule/InquestSchedule';
 import Promotions from './library/slices/Promotions/Promotions';
+import RoadworksList from './library/slices/RoadworksList/RoadworksList';
 import SearchBox from './library/slices/SearchBox/SearchBox';
 import Video from './library/slices/Video/Video';
 import WarningText from './library/slices/WarningText/WarningText';
 import WarningTextDisclaimer from './library/slices/WarningTextDisclaimer/WarningTextDisclaimer';
-export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, SearchBox, Video, WarningText, WarningTextDisclaimer, };
+export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, RoadworksList, SearchBox, Video, WarningText, WarningTextDisclaimer, };
 export * from './library/structure/PageStructures';
 export { GDS_theme, north_theme, west_theme, lb_theme_north, lb_theme_west } from './themes/theme_generator';
 export { GlobalStyleReset } from './themes/GlobalStyleReset.jsx';

package/build/index.js

@@ -7914,7 +7914,7 @@ var PromotedLinks = function (_a) {
     var promotedLinksArray = _a.promotedLinksArray, oneCol = _a.oneCol;
     if (promotedLinksArray.length > 0) {
         return (React__default.default.createElement(PromotedLinks$1, { "data-testid": "PromotedLinks", "$oneCol": oneCol },
-            React__default.default.createElement(Row$1, { isList: true, hasWrap: false }, promotedLinksArray.map(function (link, i) { return (React__default.default.createElement(Column, { isList: true, small: "full", medium: "one-half", large: "auto", key: i },
+            React__default.default.createElement(Row$1, { isList: true, hasWrap: true }, promotedLinksArray.map(function (link, i) { return (React__default.default.createElement(Column, { isList: true, small: "full", medium: "one-half", large: "one-third", key: i },
                 React__default.default.createElement(PromotedLink$1, { "$oneCol": oneCol, href: link.url, title: link.title },
                     React__default.default.createElement("span", null, link.title)))); }))));
     }
@@ -24300,6 +24300,31 @@ const NoMatches = styled__default.default.p`
   padding: ${(props) => props.theme.theme_vars.spacingSizes.small} 0;
 `;
 
+const RoadworkLink = styled__default.default.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
@@ -24381,8 +24406,8 @@ var RoadworksList = function (_a) {
             return (React__default.default.createElement(Roadwork, { key: index },
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "mappin" }),
-                    React__default.default.createElement(IconText, null,
-                        React__default.default.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))),
+                    React__default.default.createElement(IconText, null, roadwork.urlLinkAddress ? (React__default.default.createElement(RoadworkLink, { href: roadwork.urlLinkAddress, target: "_blank", rel: "noopener noreferrer" },
+                        React__default.default.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))) : (React__default.default.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 })))),
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "events" }),
                     React__default.default.createElement(IconText, null,