@nnc-digital/nnc-design-system 1.0.0-beta13 → 1.0.0-beta14

package/build/index.mjs.js

@@ -7724,15 +7724,12 @@ const PromotedLinks$1 = styled.div`
 `;
 
 const PromotedLink$1 = styled.a`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  display: block;
   height: 100%;
-  text-align: center;
 
   /* Memorial theme styling - horizontal layout like HeadingWithIconLink */
-  ${props => props.theme.is_memorial && `
+  ${props => props.theme.is_memorial && props.theme.theme_vars && props.theme.theme_vars.theme_name && (props.theme.theme_vars.theme_name.includes('Memorial')) && `
+    display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
@@ -7761,10 +7758,9 @@ const PromotedLink$1 = styled.a`
 
   span {
     ${(props) => props.theme.linkStyles};
-    margin-top: 10px;
 
     /* Memorial theme - larger text like Heading component */
-    ${props => props.theme.is_memorial && `
+    ${props => props.theme.is_memorial && props.theme.theme_vars && props.theme.theme_vars.theme_name && (props.theme.theme_vars.theme_name.includes('Memorial')) && `
       font-size: 24px;
       font-size: 1.3rem;
       line-height: 1.4;
@@ -7780,14 +7776,15 @@ const PromotedLink$1 = styled.a`
   }
 
   [data-testid="DynamicIcon"] {
-    margin-bottom: 10px;
-
     .service-icon-hover {
       display: none;
     }
 
-    /* Memorial theme - no bottom margin, icon on left */
-    ${props => props.theme.is_memorial && `
+    /* Regular theme - icon above text */
+    margin-bottom: 10px;
+
+    /* Memorial theme - icon on left */
+    ${props => props.theme.is_memorial && props.theme.theme_vars && props.theme.theme_vars.theme_name && (props.theme.theme_vars.theme_name.includes('Memorial')) && `
       margin-bottom: 0;
       margin-right: 0;
     `}