@simplybusiness/theme-simplybusiness 2.13.19 → 2.14.2

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.14.2
+
+### Patch Changes
+
+- Updated dependencies [e96714f]
+  - @simplybusiness/mobius-journey@11.48.2
+
+## 2.14.1
+
+### Patch Changes
+
+- Updated dependencies [752b823]
+- Updated dependencies [4142c8a]
+  - @simplybusiness/mobius-interventions@3.15.0
+  - @simplybusiness/mobius-journey@11.48.1
+
+## 2.14.0
+
+### Minor Changes
+
+- 823b20c: Removed UnderwriterLegalAgreements component
+
+### Patch Changes
+
+- Updated dependencies [92307ee]
+- Updated dependencies [823b20c]
+  - @simplybusiness/mobius-journey@11.48.0
+
+## 2.13.21
+
+### Patch Changes
+
+- Updated dependencies [b8f0960]
+- Updated dependencies [c2fb230]
+  - @simplybusiness/mobius-interventions@3.14.0
+  - @simplybusiness/mobius-journey@11.47.0
+  - @simplybusiness/mobius-chatbot@2.2.20
+
+## 2.13.20
+
+### Patch Changes
+
+- Updated dependencies [e0a3773]
+- Updated dependencies [65ed6ce]
+- Updated dependencies [c05c01e]
+- Updated dependencies [1cf86ca]
+- Updated dependencies [6298526]
+- Updated dependencies [2279964]
+- Updated dependencies [75fddeb]
+  - @simplybusiness/mobius-journey@11.46.0
+  - @simplybusiness/mobius-interventions@3.13.0
+
 ## 2.13.19
 
 ### Patch Changes

package/dist/index.css

@@ -4394,6 +4394,10 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-section__postamble a{
     color:var(--color-link);
   }
+.mobius-section__postamble.--narrow{
+  display:inline-block;
+  max-width:var(--section-max-width);
+}
 .mobius-section__question-container{
   max-width:var(--section-max-width);
   display:grid;
@@ -5870,6 +5874,82 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-recommendations__error{
   margin-bottom:var(--size-md);
 }
+.mobius-recommendations-drawer__content p,.mobius-recommendations-drawer__content li{
+    color:var(--color-text-medium);
+    font-size:var(--font-size-2);
+    line-height:var(--line-height-normal);
+  }
+.mobius-recommendations-drawer__content .list__covered{
+    padding-left:0;
+    text-transform:lowercase;
+  }
+:is(.mobius-recommendations-drawer__content .list__covered) li{
+      list-style:none;
+      display:flex;
+      margin-bottom:var(--size-xs);
+      align-items:baseline;
+    }
+:is(:is(.mobius-recommendations-drawer__content .list__covered) li)::before{
+        display:block;
+        flex-basis:var(--size-md);
+        content:url("data:image/svg+xml,%3Csvg aria-hidden%3D%22true%22 width%3D%2214px%22 height%3D%2210px%22 viewBox%3D%220 0 14 10%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E  %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E    %3Cg fill%3D%22%23008744%22 fill-rule%3D%22nonzero%22%3E      %3Cpolygon points%3D%2214 1.0625 13.4688 1.59375 5.53125 9.5 5 10.0312 4.46875 9.5 0.53125 5.5625 0 5.03125 1.03125 3.96875 1.5625 4.5 5 7.90625 12.4062 0.53125 12.9375 0%22%3E%3C%2Fpolygon%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
+        width:var(--size-sm);
+        height:var(--size-sm);
+        padding-right:var(--size-md);
+      }
+:is(:is(.mobius-recommendations-drawer__content .list__covered) li):last-of-type{
+        margin-bottom:0;
+      }
+.mobius-recommendations-drawer__content .list__not-covered{
+    padding-left:0;
+    text-transform:lowercase;
+  }
+:is(.mobius-recommendations-drawer__content .list__not-covered) li{
+      list-style:none;
+      display:flex;
+      margin-bottom:var(--size-xs);
+      align-items:baseline;
+    }
+:is(:is(.mobius-recommendations-drawer__content .list__not-covered) li)::before{
+        display:block;
+        flex-basis:var(--size-md);
+        content:url("data:image/svg+xml,%3Csvg aria-hidden%3D%22true%22 width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 13 13%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E  %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E    %3Cg fill%3D%22%23B90909%22 fill-rule%3D%22nonzero%22%3E      %3Cpolygon points%3D%2212.35 1.95 13 1.3 11.7 0.00382352941 11.05 0.653823529 6.5 5.20382353 1.95 0.65 1.3 0 0.00382352941 1.3 0.653823529 1.95 5.20382353 6.5 0.65 11.05 0 11.7 1.3 12.9961765 1.95 12.3461765 6.5 7.79617647 11.05 12.35 11.7 13 12.9961765 11.7 12.3461765 11.05 7.79617647 6.5%22%3E%3C%2Fpolygon%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
+        width:var(--size-sm);
+        height:var(--size-sm);
+        position:relative;
+        top:1px;
+        padding-right:var(--size-md);
+      }
+:is(:is(.mobius-recommendations-drawer__content .list__not-covered) li):last-of-type{
+        margin-bottom:0;
+      }
+.mobius-recommendations-drawer__content p{
+    margin-bottom:var(--size-md);
+  }
+:is(.mobius-recommendations-drawer__content p):first-of-type{
+      margin-top:0;
+    }
+:is(.mobius-recommendations-drawer__content p) + .list__covered,:is(.mobius-recommendations-drawer__content p) + .list__not-covered{
+      margin-top:0;
+    }
+.mobius-recommendations-drawer__content .list-heading{
+    color:var(--color-neutral-700);
+    font-size:var(--font-size-3);
+    font-weight:var(--font-weight-semibold);
+    display:block;
+    margin-top:var(--size-lg);
+    margin-bottom:var(--size-sm);
+  }
+:is(.mobius-recommendations-drawer__content .list-heading) em{
+      font-style:normal;
+    }
+.mobius-recommendations-drawer__content ul{
+    margin-top:0;
+    padding-left:var(--size-sm);
+  }
+:is(.mobius-recommendations-drawer__content ul) li{
+      margin-bottom:var(--size-xs);
+    }
 .mobius-quote-card__section{
   position:relative;
   font-size:var(--font-size-regular);
@@ -6115,207 +6195,6 @@ svg:not(:host).svg-inline--mobius-icon{
     justify-content:flex-start;
 }
   }
-.mobius-underwriter-legal-agreements{
-  display:grid;
-  gap:var(--size-sm) var(--size-xl);
-  margin-bottom:var(--size-lg);
-}
-@media (min-width: 960px){
-.mobius-underwriter-legal-agreements{
-    grid-template-columns:1fr max-content;
-    grid-template-areas:"referralText trustSection" "nextCoverage trustSection";
-    row-gap:0;
-}
-  }
-.mobius-cross-sell{
-  grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection";
-}
-@media (min-width: 960px){
-.mobius-cross-sell{
-    grid-template-columns:2fr 1.25fr;
-    grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage coverageSummary" "nextCoverage trustSection";
-}
-  }
-.mobius-trust-section{
-  grid-area:trustSection;
-}
-.mobius-next-coverage{
-  grid-area:nextCoverage;
-}
-.mobius-referral__text{
-  grid-area:referralText;
-}
-.mobius-coverage-summary{
-  grid-area:1 / 2;
-}
-.mobius-underwriter-legal-agreements__sms-button{
-  display:flex;
-  justify-content:center;
-  margin:0 auto;
-  margin-bottom:var(--size-md);
-}
-.mobius-underwriter-legal-agreements__sms-message{
-  display:flex;
-  justify-content:center;
-  flex-direction:row;
-  padding:var(--size-md);
-  margin:var(--size-md) 0;
-  font-size:var(--font-size-regular);
-  background-color:var(--color-valid-background);
-}
-.mobius-underwriter-legal-agreements__sms-message.--is-invalid{
-    background-color:var(--color-error-background);
-  }
-.mobius-checkout-buttons{
-  margin-top:var(--size-md);
-  display:flex;
-  justify-content:space-between;
-  gap:var(--size-lg);
-}
-@media (min-width: 960px){
-.mobius-checkout-buttons{
-    justify-content:flex-start;
-}
-  }
-.mobius-underwriter-legal-agreements__agreement-content{
-  color:var(--color-text-medium);
-}
-.mobius-underwriter-legal-agreements__agreement-content :is(h1, h2, h3, h4, h5, h6){
-  color:var(--color-text);
-  margin-top:0;
-  margin-bottom:15px;
-}
-.mobius-underwriter-legal-agreements__agreement-content h1,
-.mobius-underwriter-legal-agreements__agreement-content h2,
-.mobius-underwriter-legal-agreements__agreement-content h3{
-  text-align:center;
-}
-.mobius-underwriter-legal-agreements__agreement-content .client_information{
-  margin-top:10px;
-  margin-bottom:10px;
-}
-.mobius-underwriter-legal-agreements__agreement-content .client_information p{
-  margin:1px;
-}
-.mobius-underwriter-legal-agreements__agreement-content .signature_block{
-  margin-top:10px;
-  margin-bottom:10px;
-}
-.mobius-underwriter-legal-agreements__agreement-content .signature_block p,
-.mobius-underwriter-legal-agreements__agreement-content .signature_block h4{
-  margin:1px;
-}
-.mobius-underwriter-legal-agreements__agreement-content .signature{
-  width:200px;
-  height:auto;
-  font-size:var(--font-size-regular);
-}
-.mobius-underwriter-legal-agreements__bullet-list{
-  margin:0;
-  padding-left:20px;
-  list-style:none;
-}
-.mobius-underwriter-legal-agreements__carrier-title{
-  font-size:24px;
-  font-weight:600;
-  margin-bottom:20px;
-  color:var(--color-text);
-}
-.mobius-underwriter-legal-agreements__checkbox{
-  display:none;
-}
-.mobius-underwriter-legal-agreements__checkbox-container{
-  border:1px solid var(--color-border);
-  border-radius:10px;
-  margin-bottom:30px;
-  display:flex;
-  align-items:flex-start;
-  gap:15px;
-  padding:25px 25px 25px 15px;
-}
-.mobius-underwriter-legal-agreements__checkbox-label{
-  color:var(--color-text-medium);
-  cursor:pointer;
-  flex:1;
-}
-.mobius-underwriter-legal-agreements__form-actions{
-  margin-top:80px;
-  display:flex;
-  justify-content:space-between;
-  align-items:center;
-}
-.mobius-underwriter-legal-agreements__main-checkbox{
-  display:none;
-}
-.mobius-underwriter-legal-agreements__legal-agreements-column{
-  flex:1;
-  min-width:0;
-}
-.mobius-underwriter-legal-agreements__page-container{
-  margin:0 auto;
-  padding:20px;
-  font-family:Arial, sans-serif;
-  line-height:1.6;
-  display:flex;
-  gap:40px;
-}
-@media (max-width: 768px){
-  .mobius-underwriter-legal-agreements__page-container{
-    flex-direction:column;
-    gap:20px;
-  }
-}
-.mobius-text.mobius-underwriter-legal-agreements__page-title{
-  padding-left:20px;
-}
-.mobius-underwriter-legal-agreements__price-summary-column{
-  width:340px;
-  flex-shrink:0;
-}
-@media (max-width: 768px){
-  .mobius-underwriter-legal-agreements__price-summary-column{
-    width:100%;
-  }
-}
-.mobius-underwriter-legal-agreements__section-title{
-  font-size:20px;
-  font-weight:600;
-  margin-top:10px;
-  margin-bottom:10px;
-  color:var(--color-text);
-}
-.mobius-underwriter-legal-agreements__styled-checkbox{
-  height:25px;
-  width:25px;
-  border:2px solid var(--color-border);
-  background-color:var(--color-background);
-  display:inline-block;
-  position:relative;
-  cursor:pointer;
-  border-radius:3px;
-  border-color:var(--color-primary-light);
-}
-.mobius-underwriter-legal-agreements__styled-checkbox.checked{
-  background-color:var(--color-primary);
-  border-color:var(--color-primary);
-}
-.mobius-underwriter-legal-agreements__styled-checkbox::after{
-  content:"";
-  position:absolute;
-  top:2.5px;
-  left:7.7px;
-  width:6px;
-  height:12px;
-  border:none;
-  border-width:0 4px 4px 0;
-  transform:rotate(45deg);
-  opacity:0;
-}
-.mobius-underwriter-legal-agreements__styled-checkbox.checked::after{
-  border:solid var(--color-text-inverted);
-  border-width:0 4px 4px 0;
-  opacity:1;
-}
 .mobius-trust-section__header{
   border-bottom-right-radius:0;
   border-bottom-left-radius:0;
@@ -8411,62 +8290,65 @@ input[type="date"]::-webkit-datetime-edit-year-field{
     display:block;
 }
   }
-.live-chat__text{
+.live-chat .sticky__content{
   display:grid;
-  grid-template-columns:auto 1fr;
-  align-items:center;
-  color:var(--color-secondary);
+  grid-template-columns:1fr auto auto;
+  gap:var(--size-sm);
 }
-.live-chat .sticky__content{
-  grid-template-columns:auto 1fr auto;
+.live-chat .sticky-footer__text{
+  grid-column:1;
+  grid-row:1;
+  color:var(--color-secondary);
+  text-align:center;
 }
-.live-chat button{
+.live-chat-intervention__button{
   --button-content-color:var(--color-text-inverted);
 
   background:var(--button-secondary-hover-color);
   border-color:var(--button-secondary-hover-color);
   border-radius:19px;
+  white-space:nowrap;
 }
-.live-chat button:hover{
+.live-chat-intervention__button:hover{
   --button-content-color:var(--button-secondary-hover-color);
 
   background:var(--color-text-inverted);
   border-color:var(--button-secondary-color);
 }
-@media (max-width: 768px){
-  .sticky__footer{
-    grid-template-columns:1fr;
-    align-items:flex-start;
-  }
-
+.live-chat__close-button{
+  background:none;
+  border:none;
+  cursor:pointer;
+  padding:var(--size-xs);
+  color:var(--color-secondary);
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+.live-chat__close-button:hover{
+  color:var(--color-secondary-hover);
+}
+@media (max-width: 640px){
   .live-chat .sticky__content{
     grid-template-columns:1fr;
-    gap:var(--size-xs);
-    align-items:flex-start;
-  }
-
-  .live-chat__text{
-    grid-template-columns:1fr;
-    gap:var(--size-xs);
-    align-items:flex-start;
+    grid-template-rows:auto auto auto;
   }
 
-  .live-chat__images{
-    grid-auto-flow:row;
-    gap:var(--size-xs);
+  .live-chat .sticky-footer__text{
+    grid-column:1;
+    grid-row:2;
   }
 
-  .live-chat__image{
-    max-height:var(--size-lg);
-    max-width:110px;
-    width:auto;
+  .live-chat .live-chat-intervention__button{
+    grid-column:1;
+    grid-row:3;
   }
 
-  .live-chat__text-container{
-    display:grid;
-    grid-template-columns:1fr auto;
-    align-items:center;
-    width:100%;
+  .live-chat .live-chat__close-button{
+    grid-column:1;
+    grid-row:1;
+    padding:0;
+    justify-self:end;
   }
 }
 .sticky-footer__close-button{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.13.19",
+  "version": "2.14.2",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -29,10 +29,10 @@
   },
   "dependencies": {
     "@simplybusiness/mobius": "^7.0.0",
-    "@simplybusiness/mobius-chatbot": "^2.2.19",
+    "@simplybusiness/mobius-chatbot": "^2.2.20",
     "@simplybusiness/mobius-datepicker": "^8.0.0",
-    "@simplybusiness/mobius-interventions": "^3.12.0",
-    "@simplybusiness/mobius-journey": "^11.45.0",
+    "@simplybusiness/mobius-interventions": "^3.15.0",
+    "@simplybusiness/mobius-journey": "^11.48.2",
     "@simplybusiness/theme-core": "^7.14.22"
   },
   "devDependencies": {

package/src/index.css

@@ -77,12 +77,12 @@
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Ratings/Ratings.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCards.css";
 @import "@simplybusiness/mobius-journey/src/components/Recommendations/Recommendations.css";
+@import "@simplybusiness/mobius-journey/src/components/Recommendations/RecommendationsDrawer/RecommendationsDrawer.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Section/Section.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
 @import "@simplybusiness/mobius-journey/src/components/SpecialistReferralContent/SpecialistReferralContent.css";
 @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
-@import "@simplybusiness/mobius-journey/src/components/UnderwriterLegalAgreements/UnderwriterLegalAgreements.css";
 @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
 @import "@simplybusiness/mobius-journey/src/components/RewardBanner/RewardBanner.css";
 @import "@simplybusiness/mobius-journey/src/components/ScrollableText/ScrollableText.css";