@simplybusiness/theme-simplybusiness 2.16.3 → 2.16.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.16.4
+
+### Patch Changes
+
+- Updated dependencies [34bc923]
+- Updated dependencies [2014018]
+  - @simplybusiness/mobius-journey@12.2.0
+
 ## 2.16.3
 
 ### Patch Changes

package/dist/index.css

@@ -6768,6 +6768,7 @@ svg:not(:host).svg-inline--mobius-icon{
   width:28px;
   height:30px;
   margin:-4px;
+  align-self:flex-start;
 }
 .mobius-showcase-embedded-quick-replies__title{
   margin:0;
@@ -6782,7 +6783,6 @@ svg:not(:host).svg-inline--mobius-icon{
   border-radius:var(--size-lg);
   font-size:var(--font-size-small-paragraph);
   font-weight:var(--font-weight-regular);
-  white-space:nowrap;
 }
 .mobius-showcase-embedded-quick-replies__input-container .mobius-prompt-input__container{
     padding-left:0;
@@ -7123,6 +7123,7 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-text-medium);
   margin-bottom:var(--size-xs);
   margin-top:0;
+  text-transform:uppercase;
 }
 .mobius-showcase__coverage,
 .mobius-showcase__audience{
@@ -7131,6 +7132,73 @@ svg:not(:host).svg-inline--mobius-icon{
   line-height:var(--line-height-normal);
   margin-bottom:0;
 }
+.mobius-showcase__layout--with-faq{
+  grid-template-columns:1fr;
+  grid-template-rows:auto auto;
+  row-gap:0;
+  grid-template-areas:"showcase" "explore";
+}
+.mobius-showcase__layout--with-faq .mobius-showcase-explore{
+  margin-top:var(--size-md);
+}
+@media screen and (min-width: 776px){
+  .mobius-showcase__layout--with-faq{
+    grid-template-columns:1fr 1fr 1fr minmax(auto, 320px);
+    grid-template-rows:auto auto;
+    grid-template-areas:"showcase showcase showcase explore" "showcase showcase showcase .";
+  }
+
+  .mobius-showcase__layout--with-faq .mobius-showcase-explore{
+    margin-top:0;
+  }
+}
+.mobius-showcase__card--with-faq{
+  display:flex;
+  flex-direction:column;
+  gap:0;
+  border-radius:var(--radius-2);
+  box-shadow:var(--shadow-card, 0 0 24px 0 rgba(0, 0, 0, 0.16));
+  background:var(--color-background);
+  overflow:hidden;
+}
+@media screen and (min-width: 776px){
+  .mobius-showcase__card--with-faq{
+    display:grid;
+  }
+
+    @supports (grid-template-rows: subgrid){
+  .mobius-showcase__card--with-faq{
+      grid-template-rows:subgrid;
+      grid-row:span 2;
+  }
+    }
+}
+.mobius-showcase__card-content{
+  display:flex;
+  flex-direction:column;
+}
+@media screen and (min-width: 640px){
+  .mobius-showcase__card-content{
+    flex-direction:row;
+  }
+
+  .mobius-showcase__card--with-faq .mobius-showcase__content{
+    order:unset;
+    flex:1;
+  }
+
+  .mobius-showcase__card--with-faq .mobius-showcase__image-wrapper{
+    order:unset;
+    flex-basis:280px;
+    flex-shrink:0;
+    border-radius:32px;
+    margin:var(--size-md) var(--size-md) var(--size-md) 0;
+  }
+}
+.mobius-showcase__faq-section{
+  padding:var(--size-md);
+  padding-top:0;
+}
 .mobius-sms-button__sms-message{
   display:flex;
   justify-content:center;
@@ -7501,7 +7569,6 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 @media (max-width: 640px){
     .mobius-payment-summary__checkout-button.combined-payment-page-sticky{
-        padding:var(--size-xs);
         margin-top:var(--size-sm);
         width:100%;
     }
@@ -7516,25 +7583,41 @@ svg:not(:host).svg-inline--mobius-icon{
     margin-bottom:var(--size-md);
 }
 .mobius-payment-cta-container-align-left .mobius-payment-summary__checkout-button{
-    margin-top:var(--size-md);
-  }
-:is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-popover__toggle{
-      background:transparent;
-      padding:0;
-      font-weight:var(--font-weight-normal);
-      font-size:var(--font-size-2);
+        width:100%;
+        margin-top:var(--size-md);
     }
-:is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-icon{
-      font-size:var(--size-md);
+.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper{
+        justify-content:center;
+        display:flex;
+        align-items:center;
     }
+:is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-popover__toggle{
+            background:transparent;
+            padding:0;
+            font-weight:var(--font-weight-normal);
+            font-size:var(--font-size-2);
+        }
+:is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-icon{
+            font-size:var(--size-md);
+        }
 :is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-quote-card__explainer-icon{
-      width:var(--size-sm);
-    }
+            width:var(--size-sm);
+        }
 @media (max-width: 640px){
-      :is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-flex{
-          justify-content:center;
-      }
-    }
+            :is(.mobius-payment-cta-container-align-left .mobius-payment-cta__popover-wrapper) .mobius-flex{
+                justify-content:center;
+            }
+        }
+.mobius-payment-cta-container-align-center{
+    justify-content:center;
+    display:block;
+    flex-direction:column;
+    align-items:flex-start;
+    margin-bottom:var(--size-md);
+}
+.mobius-payment-cta-container-align-center > .mobius-flex{
+    width:100%;
+}
 @media (max-width: 640px){
     .mobius-payment-cta-container, .mobius-payment-cta-container-align-left{
         justify-content:center;
@@ -7547,6 +7630,9 @@ svg:not(:host).svg-inline--mobius-icon{
     padding:var(--size-xs);
     margin-top:var(--size-sm);
 }
+.mobius-payment-summary__checklist-container{
+    margin-top:var(--size-lg);
+}
 .mobius-dialogue-modal{
   display:contents;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.16.3",
+  "version": "2.16.4",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -32,7 +32,7 @@
     "@simplybusiness/mobius-chatbot": "^2.2.23",
     "@simplybusiness/mobius-datepicker": "^8.0.3",
     "@simplybusiness/mobius-interventions": "^3.15.3",
-    "@simplybusiness/mobius-journey": "^12.1.0",
+    "@simplybusiness/mobius-journey": "^12.2.0",
     "@simplybusiness/theme-core": "^7.14.25"
   },
   "devDependencies": {

package/src/index.css

@@ -90,6 +90,7 @@
 @import "@simplybusiness/mobius-journey/src/components/shared/PaymentElementCardForm/PaymentElementCardForm.css";
 @import "@simplybusiness/mobius-journey/src/components/Questionnaire/WindowLocks/WindowLocks.css";
 @import "@simplybusiness/mobius-journey/src/components/Showcase/Showcase.css";
+@import "@simplybusiness/mobius-journey/src/components/Showcase/ShowcaseTreatmentEmbeddedQuickReplies.css";
 @import "@simplybusiness/mobius-journey/src/components/SmsButton/SmsButton.css";
 /* Journey Components (payment summary, etc.) */
 @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";