@nnc-digital/nnc-design-system 0.4.16 → 0.4.18

package/build/index.esm.js

@@ -4427,6 +4427,7 @@ var BinCollection = function (_a) {
         setNoResultsFound(false);
     };
     var formatTitle = function (apiTitle) {
+        console.log(apiTitle);
         var mappings = [
             {
                 keyword: 'Refuse',
@@ -4494,6 +4495,10 @@ var BinCollection = function (_a) {
             var order = ['General refuse bin', 'Recycling bin', 'Garden bin', 'Food caddy'];
             var uniqueTitles = Array.from(new Set(Object.keys(calendarEvents).map(function (apiTitle) { return formatTitle(apiTitle); }).filter(function (title) { return title !== null; })));
             var sortedTitles = uniqueTitles.sort(function (a, b) { return order.indexOf(a) - order.indexOf(b); });
+            var noResultsFound = sortedTitles.length === 0;
+            {
+                noResultsFound && React.createElement("p", null, "No results found.");
+            }
             return sortedTitles.map(function (title, index) {
                 var apiTitlesForThisType = Object.keys(calendarEvents).filter(function (apiTitle) { return formatTitle(apiTitle) === title; });
                 return (React.createElement(React.Fragment, { key: "".concat(title, "-").concat(index) },
@@ -23179,6 +23184,17 @@ var WarningTextDisclaimer = function () {
         "."));
 };
 
+// Styling for the ul
+const AccessibleList = styled.ul`
+    list-style-type: none;
+    padding-left: 0;
+`;
+
+// Styling for the li
+const AccessibleListItem = styled.li`
+    margin-bottom: 10px;
+`;
+
 const AccessibleLinks = styled.a`
   ${props => props.theme.fontStyles}
 
@@ -23237,8 +23253,9 @@ const AccessibleLinks = styled.a`
 
 var AccessibleLink = function (_a) {
     var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b;
-    return (React.createElement(React.Fragment, null, AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) {
-        return React.createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title);
+    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));
     })));
 };
 
@@ -23311,10 +23328,10 @@ const InnerContainer$1 = styled.div`
 const BannerContentContainer = styled.div`
   flex-grow: 1;
   padding-right: ${(props) => props.theme.theme_vars.spacingSizes.medium};
+  font-weight: bold;
 `;
 
 const BannerTitle = styled.p`
-  font-weight: bold;
   margin-bottom: ${(props) => props.theme.theme_vars.spacingSizes.small};
 `;
 
@@ -23330,6 +23347,7 @@ const HideLink = styled.button`
   background: none;
   cursor: pointer;
   flex-grow: 0;
+  font-weight: bold;
 
   &:focus {
     outline: none;