@nnc-digital/nnc-design-system 1.0.0-alpha4 → 1.0.0-alpha6

package/build/index.mjs.js

@@ -23792,6 +23792,7 @@ const PromoTile = styled.a`
   display: block;
   width: 100%;
   height: 100%;
+  padding: 5px 10px;
   background: ${(props) =>
     props.theme.cardinal_name === 'north'
       ? props.theme.theme_vars.colours.white
@@ -24416,7 +24417,7 @@ const Container$E = styled.div`
   button {
     line-height: 1.3;
     color: ${(props) =>
-      props.alertType === 'warning' || props.alertType === 'positive'
+      props.$alertType === 'warning' || props.$alertType === 'positive'
         ? props.theme.theme_vars.colours.black
         : props.theme.theme_vars.colours.white} !important;
   }
@@ -24424,7 +24425,7 @@ const Container$E = styled.div`
   a {
     ${(props) => props.theme.linkStyles}
     color: ${(props) =>
-      props.alertType === 'warning' || props.alertType === 'positive'
+      props.$alertType === 'warning' || props.$alertType === 'positive'
         ? props.theme.theme_vars.colours.black
         : props.theme.theme_vars.colours.white} !important;
 
@@ -24434,11 +24435,11 @@ const Container$E = styled.div`
     &:focus {
       ${(props) => props.theme.linkStylesFocus}
       color: ${(props) =>
-        props.alertType === 'warning' || props.alertType === 'positive'
+        props.$alertType === 'warning' || props.$alertType === 'positive'
           ? props.theme.theme_vars.colours.white
           : props.theme.theme_vars.colours.black} !important;
       background: ${(props) =>
-        props.alertType === 'warning' || props.alertType === 'positive'
+        props.$alertType === 'warning' || props.$alertType === 'positive'
           ? props.theme.theme_vars.colours.action
           : props.theme.theme_vars.colours.warning_background} !important;
     }
@@ -24449,7 +24450,7 @@ const Container$E = styled.div`
 
   svg {
     fill: ${(props) =>
-      props.alertType === 'warning' || props.alertType === 'positive'
+      props.$alertType === 'warning' || props.$alertType === 'positive'
         ? props.theme.theme_vars.colours.black
         : props.theme.theme_vars.colours.white} !important;
   }
@@ -24493,11 +24494,11 @@ const HideLink = styled.button`
     outline: none;
     border-radius: ${(props) => props.theme.theme_vars.border_radius};
     color: ${(props) =>
-      props.alertType === 'warning' || props.alertType === 'positive'
+      props.$alertType === 'warning' || props.$alertType === 'positive'
         ? props.theme.theme_vars.colours.white
         : props.theme.theme_vars.colours.black} !important;
     background: ${(props) =>
-      props.alertType === 'warning' || props.alertType === 'positive'
+      props.$alertType === 'warning' || props.$alertType === 'positive'
         ? props.theme.theme_vars.colours.action
         : props.theme.theme_vars.colours.warning_background} !important;
     border-bottom: 3px solid ${(props) => props.theme.theme_vars.colours.black};
@@ -24505,7 +24506,7 @@ const HideLink = styled.button`
     svg {
       path {
         fill: ${(props) =>
-          props.alertType === 'warning' || props.alertType === 'positive'
+          props.$alertType === 'warning' || props.$alertType === 'positive'
             ? props.theme.theme_vars.colours.white
             : props.theme.theme_vars.colours.black} !important;
       }
@@ -26986,6 +26987,10 @@ const Container$l = styled.main`
   th {
     padding: 10px;
     text-align: left;
+
+    a {
+      padding: 5px 10px;
+    }
   }
   th {
     font-weight: bold;
@@ -28273,7 +28278,6 @@ const QuicklinkList = styled.ul`
 const QuicklinkItem = styled.li`
   margin-bottom: 10px;
   padding: 0 !important;
-  padding-left: 25px;
   position: relative;
   left: 0;
 
@@ -28298,6 +28302,7 @@ const Quicklink = styled.a`
   ${(props) => props.theme.linkStyles}
   font-weight: 400 !important;
   text-decoration: none !important;
+  padding: 5px 10px;
 
   &:hover {
     ${(props) => props.theme.linkStylesHover}
@@ -29627,6 +29632,7 @@ const generate_theme = (theme_vars) => {
             color: ${theme_vars.colours.action};
             font-weight: 700;
             text-decoration: underline;
+            padding: 5px 10px;
         `,
     linkStylesHover: `
             color: ${theme_vars.colours.action_dark};