@nnc-digital/nnc-design-system 0.4.21 → 0.4.23

package/build/index.esm.js

@@ -4400,7 +4400,7 @@ var BinCollection = function (_a) {
         var selectedUPRN = e.target.value;
         if (selectedUPRN) {
             var startDate = getFormattedDate();
-            var endDate = getFormattedDate(42);
+            var endDate = getFormattedDate(28);
             // Fetch calendar events for the selected UPRN
             axios.get("".concat(CalendarEventsApiUrl).concat(selectedUPRN, "/").concat(startDate, "/").concat(endDate))
                 .then(function (response) {
@@ -23251,12 +23251,79 @@ const AccessibleLinks = styled.a`
 
 `;
 
+const SkipToMainContent$1 = styled.a`
+  ${props => props.theme.fontStyles}
+
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  display: block;
+  padding: 10px 15px;
+ 
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    -webkit-clip-path: none;
+    clip-path: none;
+    white-space: inherit
+  }
+
+  &:link,
+  &:visited,
+  &:hover,
+  &:active,
+  &:focus {
+    color: ${props => props.theme.theme_vars.colours.black};
+  }
+
+
+
+  @media (min-width: 40.0625em) {
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.25
+  }
+
+
+
+  &:focus {
+    outline: 3px solid ${props => props.theme.theme_vars.colours.focus};
+    outline-offset: 0;
+    background-color: ${props => props.theme.theme_vars.colours.focus};
+  }
+
+
+
+
+`;
+
+var SkipToMainContent = function () { return (React.createElement(SkipToMainContent$1, { "data-testid": "SkipToMainContent", href: "#main" }, "Skip to main content")); };
+
 var AccessibleLink = function (_a) {
-    var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b;
-    return (React.createElement(AccessibleList, null, AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) {
-        return React.createElement(AccessibleListItem, { key: 'accessible-link-li-' + i },
-            React.createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title));
-    })));
+    var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b, _c = _a.includeSkipToMainContent, includeSkipToMainContent = _c === void 0 ? false : _c, _d = _a.listItem, listItem = _d === void 0 ? true : _d;
+    var ListItemWrapper = function (_a) {
+        var children = _a.children;
+        return listItem ? React.createElement(AccessibleListItem, null, children) : React.createElement(React.Fragment, null, children);
+    };
+    var ListWrapper = function (_a) {
+        var children = _a.children;
+        return listItem ? React.createElement(AccessibleList, null, children) : React.createElement(React.Fragment, null, children);
+    };
+    return (React.createElement(ListWrapper, null,
+        includeSkipToMainContent && (React.createElement(ListItemWrapper, null,
+            React.createElement(SkipToMainContent, null))),
+        AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) { return (React.createElement(ListItemWrapper, { key: 'accessible-link-li-' + i },
+            React.createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title))); })));
 };
 
 const Container$F = styled.div`
@@ -27848,64 +27915,6 @@ var SignpostLinks = function (_a) {
                             signpostLinksArray[0].areaName))));
 };
 
-const SkipToMainContent$1 = styled.a`
-  ${props => props.theme.fontStyles}
-
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: 0;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-  display: block;
-  padding: 10px 15px;
- 
-  &:active,
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: inherit;
-    overflow: visible;
-    clip: auto;
-    -webkit-clip-path: none;
-    clip-path: none;
-    white-space: inherit
-  }
-
-  &:link,
-  &:visited,
-  &:hover,
-  &:active,
-  &:focus {
-    color: ${props => props.theme.theme_vars.colours.black};
-  }
-
-
-
-  @media (min-width: 40.0625em) {
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.25
-  }
-
-
-
-  &:focus {
-    outline: 3px solid ${props => props.theme.theme_vars.colours.focus};
-    outline-offset: 0;
-    background-color: ${props => props.theme.theme_vars.colours.focus};
-  }
-
-
-
-
-`;
-
-var SkipToMainContent = function () { return (React.createElement(SkipToMainContent$1, { "data-testid": "SkipToMainContent", href: "#main" }, "Skip to main content")); };
-
 const summaryStyles = (props) => {
   if (props.theme.is_memorial === true) {
     return css`