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

package/build/index.js

@@ -4442,6 +4442,7 @@ var BinCollection = function (_a) {
         setNoResultsFound(false);
     };
     var formatTitle = function (apiTitle) {
+        console.log(apiTitle);
         var mappings = [
             {
                 keyword: 'Refuse',
@@ -4509,6 +4510,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__default["default"].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__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(title, "-").concat(index) },
@@ -23194,6 +23199,17 @@ var WarningTextDisclaimer = function () {
         "."));
 };
 
+// Styling for the ul
+const AccessibleList = styled__default["default"].ul`
+    list-style-type: none;
+    padding-left: 0;
+`;
+
+// Styling for the li
+const AccessibleListItem = styled__default["default"].li`
+    margin-bottom: 10px;
+`;
+
 const AccessibleLinks = styled__default["default"].a`
   ${props => props.theme.fontStyles}
 
@@ -23252,8 +23268,9 @@ const AccessibleLinks = styled__default["default"].a`
 
 var AccessibleLink = function (_a) {
     var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) {
-        return React__default["default"].createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title);
+    return (React__default["default"].createElement(AccessibleList, null, AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) {
+        return React__default["default"].createElement(AccessibleListItem, { key: 'accessible-link-li-' + i },
+            React__default["default"].createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title));
     })));
 };
 
@@ -23326,10 +23343,10 @@ const InnerContainer$1 = styled__default["default"].div`
 const BannerContentContainer = styled__default["default"].div`
   flex-grow: 1;
   padding-right: ${(props) => props.theme.theme_vars.spacingSizes.medium};
+  font-weight: bold;
 `;
 
 const BannerTitle = styled__default["default"].p`
-  font-weight: bold;
   margin-bottom: ${(props) => props.theme.theme_vars.spacingSizes.small};
 `;
 
@@ -23345,6 +23362,7 @@ const HideLink = styled__default["default"].button`
   background: none;
   cursor: pointer;
   flex-grow: 0;
+  font-weight: bold;
 
   &:focus {
     outline: none;