@simplybusiness/theme-simplybusiness 1.17.20 → 1.18.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.18.0
+
+### Minor Changes
+
+- e600bfc: Add pre-QCP signposting for WC
+
+### Patch Changes
+
+- Updated dependencies [08ab8b2]
+- Updated dependencies [a8dd11d]
+- Updated dependencies [953dc90]
+- Updated dependencies [4058c32]
+- Updated dependencies [2f83d88]
+- Updated dependencies [7563e62]
+- Updated dependencies [b147925]
+- Updated dependencies [e600bfc]
+- Updated dependencies [81949ce]
+- Updated dependencies [ffd1e86]
+- Updated dependencies [4f50758]
+  - @simplybusiness/mobius-interventions@1.37.0
+  - @simplybusiness/mobius-journey@8.14.0
+  - @simplybusiness/mobius@5.26.2
+  - @simplybusiness/mobius-chatbot@1.0.9
+  - @simplybusiness/mobius-datepicker@6.5.13
+  - @simplybusiness/theme-core@7.6.8
+
+## 1.17.21
+
+### Patch Changes
+
+- Updated dependencies [472dc17]
+  - @simplybusiness/mobius-interventions@1.36.1
+
 ## 1.17.20
 
 ### Patch Changes

package/dist/index.css

@@ -5447,6 +5447,56 @@ svg:not(:host).svg-inline--mobius-icon{
   padding-right:var(--size-sm);
   transition:height 1s;
 }
+.mobius-pre-qcp__additional-rfq-body{
+    display:grid;
+    grid-template-columns:1fr;
+    padding:var(--size-lg) var(--size-sm);
+    flex-direction:column;
+    align-items:flex-start;
+    row-gap:var(--size-xs);
+    align-self:stretch;
+    border-radius:var(--size-xs);
+    font-size:var(--font-size-3);
+    line-height:var(--size-md);
+    border:1px solid var(--color-neutral-300);
+    background:var(--color-neutral-100);
+    max-height:116px;
+    width:inherit;
+}
+.mobius-pre-qcp__additional-rfq-body .bold-text{
+        font-weight:bold;
+    }
+@media (min-width: 960px){
+.mobius-pre-qcp__additional-rfq-body{
+        width:436px;
+        row-gap:0;
+}
+    }
+.mobius-pre-qcp__pre-qcp-card-container{
+    padding:var(--size-sm) 0;
+    display:grid;
+    grid-template-columns:1fr;
+    row-gap:var(--size-sm);
+}
+@media (min-width: 960px){
+.mobius-pre-qcp__pre-qcp-card-container{
+        grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
+        grid-row-gap:var(--size-lg);
+}
+    }
+.mobius-pre-qcp__quoted-product-name{
+    margin:0 0 var(--size-xs) 0;
+}
+.mobius-pre-qcp__pre-qcp-continuation-subtext{
+    font-weight:var(--font-weight-normal);
+    text-align:left;
+    padding-left:var(--size-sm);
+    color:var(--color-text-medium);
+    border-left:var(--size-xxs) solid var(--color-error);
+    font-size:var(--font-size-3);
+    line-height:var(--font-size-4);
+    border-left:var(--size-xxs) solid var(--color-info);
+}
 .mobius-payment-summary__styled-div{
     display:grid;
     row-gap:var(--size-sm);
@@ -6161,6 +6211,10 @@ svg:not(:host).svg-inline--mobius-icon{
   .mobius-interventions__trade-based-cta-button{
     margin-top:0%;
   }
+
+  .mobius-interventions__trade-based-msm-box{
+    max-width:none;
+  }
 }
 .mobius-interventions__price-estimate{
   border:2px solid #4632d8;
@@ -6195,78 +6249,178 @@ svg:not(:host).svg-inline--mobius-icon{
     text-wrap:wrap;
 }
 .mobius-interventions__coverage-diagnosis-modal{
+  display:grid;
+  grid-template-columns:4.5fr 5fr;
+  grid-template-rows:repeat(11, 1fr);
+  column-gap:16px;
+
   background-color:#F6F5FE;
+  border-radius:8px;
+  padding:15px 15px 10px;
   overflow:visible;
+  height:400px;
+  width:800px;
 }
-.mobius-interventions__coverage-diagnosis-modal .mobius-modal__content{
-    padding:8px 16px;
-    margin:0px;
-    overflow:visible;
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-primary-text{
+    grid-column:1 / 2;
+    grid-row:1 / 3;
+    align-self:center;
+    justify-self:start;
+
+    line-height:1.25;
+    font-size:30px;
+    font-weight:bold;
+    text-wrap:auto;
+  }
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-secondary-text{
+    grid-column:1 / 2;
+    grid-row:3 / 4;
+    align-self:end;
+    justify-self:start;
+
+    font-size:16px;
+    font-weight:bold;
+    margin:0;
+  }
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-button{
+    grid-column:2 / 3;
+    grid-row:1 / 2;
+    align-self:start;
+    justify-self:end;
+  }
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
+    grid-column:2 / 3;
+    grid-row:2 / 12;
+    align-self:center;
+    justify-self:start;
+
+    aspect-ratio:1.2 / 1;
+    background-image:url(bd3dc6207d15e47701df.png);
+    background-position:center center;
+    background-repeat:no-repeat;
+    background-size:contain;
+    width:100%;
+  }
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-dynamic-content{
+    grid-column:1 / 2;
+    grid-row:4 / 11;
+    align-self:stretch;
+    justify-self:stretch;
+
+    align-content:center;
+    margin:10px 0 0 0;
+  }
+.mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-disclaimer{
+    grid-column:1 / 2;
+    grid-row:11 / 12;
+    align-self:center;
+    justify-self:start;
   }
 .mobius-interventions__coverage-diagnosis-modal input{
     border:none;
   }
-.mobius-interventions__coverage-diagnosis-modal-desktop{
-  min-width:700px;
-}
-.mobius-interventions__coverage-diagnosis-modal-heading-text{
-  font-weight:600;
-  text-wrap:auto;
-}
-.mobius-interventions__coverage-diagnosis-modal-heading-small-text{
-  font-weight:300;
-  text-wrap:auto;
-}
-.mobius-interventions__coverage-diagnosis-modal-image{
-  width:100%;
-  aspect-ratio:1.2/1;
-  background-position:center center;
-  background-repeat:no-repeat;
-  background-size:contain;
-  background-image:url(bd3dc6207d15e47701df.png);
+.mobius-interventions__coverage-diagnosis-modal .mobius-combobox__input:focus{
+    box-shadow:none !important;
+  }
+@media (max-width: 825px){
+  .mobius-interventions__coverage-diagnosis-modal{
+    display:flex;
+    height:fit-content;
+    padding:10px 15px;
+    overflow:visible;
+    width:min-content;
+  }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-primary-text{
+      order:2;
+      align-self:start;
+
+      font-size:24px;
+      margin:0 0 8px 0;
+      width:85%;
+    }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-secondary-text{
+      order:3;
+      align-self:start;
+    }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-button{
+      order:0;
+      align-self:end;
+    }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
+      order:1;
+      align-self:start;
+
+      margin-bottom:16px;
+    }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-dynamic-content{
+      order:4;
+      align-self:start;
+    }
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-disclaimer{
+      order:5;
+
+      margin-top:5px;
+    }
 }
-.mobius-interventions__coverage-diagnosis-modal-button{
-  margin-bottom:8px;
+@media (max-width: 825px) and (max-height: 750px){
+
+    .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
+      display:none;
+    }
 }
 .mobius-interventions__coverage-diagnosis-cover-display-letdown-padding{
-    padding-top:10px;
-    padding-bottom:10px;
+  padding-top:10px;
+  padding-bottom:10px;
 }
 .mobius-interventions__coverage-diagnosis-cover-display-cta{
-    display:flex;
-    align-items:center;
-    justify-content:left;
-    margin-top:16px;
-    max-width:210px;
+  display:flex;
+  align-items:center;
+  justify-content:left;
+  margin-top:16px;
+  max-width:210px;
+}
+.mobius-interventions__coverage-diagnosis-header{
+  font-size:20px;
+  font-weight:bold;
+  margin:5px 0;
 }
 .mobius-interventions__coverage-diagnosis-text{
-    margin:0px;
-    padding-top:8px;
+  margin:0;
+  padding:0;
 }
 .mobius-interventions__coverage-diagnosis-trade-name{
-    margin:0px;
-    padding-bottom:8px;
-}
-.mobius-interventions__coverage-diagnosis-disclaimer{
-    font-size:xx-small;
-    text-wrap:nowrap;
+  margin:0 0 15px 0;
 }
 .mobius-interventions__coverage-diagnosis-dynamic-content{
-    background-color:white;
-    border-radius:8px;
-    padding:8px 8px 30px 16px;
-    box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);
+  background-color:white;
+  border-radius:8px;
+  box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);
+  margin-top:15px;
+  min-width:355px;
+  padding:8px 16px;
+  width:100%;
 }
 .mobius-interventions__coverage-diagnosis-trade-selector{
-    padding-top:24px;
-    padding-bottom:16px;
+  padding-top:24px;
+  padding-bottom:16px;
 }
 .mobius-interventions__coverage-diagnosis-dynamic-content-cta{
-    display:flex;
-    align-items:center;
-    justify-content:left;
-    margin-top:16px;
-    max-width:210px;
+  display:flex;
+  align-items:center;
+  justify-content:left;
+  margin-top:16px;
+  max-width:210px;
+}
+.mobius-interventions__coverage-diagnosis-disclaimer{
+  font-size:10px;
+  text-wrap:nowrap;
+  margin:0;
 }
 .mobius-interventions__inpage-indicative-price-container{
   padding-top:16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.17.20",
+  "version": "1.18.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,12 +26,12 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.26.1",
-    "@simplybusiness/mobius-chatbot": "^1.0.8",
-    "@simplybusiness/mobius-datepicker": "^6.5.12",
-    "@simplybusiness/mobius-interventions": "^1.36.0",
-    "@simplybusiness/mobius-journey": "^8.13.1",
-    "@simplybusiness/theme-core": "^7.6.7"
+    "@simplybusiness/mobius": "^5.26.2",
+    "@simplybusiness/mobius-chatbot": "^1.0.9",
+    "@simplybusiness/mobius-datepicker": "^6.5.13",
+    "@simplybusiness/mobius-interventions": "^1.37.0",
+    "@simplybusiness/mobius-journey": "^8.14.0",
+    "@simplybusiness/theme-core": "^7.6.8"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/index.css

@@ -75,6 +75,7 @@
 @import "@simplybusiness/mobius-journey/src/components/Footer/StickyFooter.css";
 @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
 @import "@simplybusiness/mobius-journey/src/pages/Main.css";
+@import "@simplybusiness/mobius-journey/src/components/shared/PreQCP/styles.css";
 
 /* Journey Components (payment summary, etc.) */
 @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";