@simplybusiness/theme-simplybusiness 0.5.2 → 0.5.4

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @simplybusiness/theme-simplybusiness
 
+## 0.5.4
+
+### Patch Changes
+
+- Updated dependencies [e1d934b]
+- Updated dependencies [9cb7e7b]
+- Updated dependencies [57657e2]
+- Updated dependencies [71a75a6]
+- Updated dependencies [24109a0]
+  - @simplybusiness/mobius-journey@6.8.0
+
+## 0.5.3
+
+### Patch Changes
+
+- 591033f: Adds No Quotes Referral content for UK
+- Updated dependencies [35dedb3]
+- Updated dependencies [8c5f210]
+- Updated dependencies [7ba4708]
+- Updated dependencies [982456d]
+- Updated dependencies [591033f]
+- Updated dependencies [e4b945a]
+- Updated dependencies [8bafced]
+- Updated dependencies [8ef7a22]
+- Updated dependencies [8e8b480]
+- Updated dependencies [749961a]
+- Updated dependencies [fe4fc40]
+- Updated dependencies [cf95eca]
+- Updated dependencies [144feef]
+- Updated dependencies [b71410a]
+  - @simplybusiness/mobius-journey@6.7.0
+  - @simplybusiness/mobius@5.3.0
+  - @simplybusiness/mobius-datepicker@6.0.6
+  - @simplybusiness/theme-core@7.1.4
+
 ## 0.5.2
 
 ### Patch Changes

package/dist/index.css

@@ -3177,11 +3177,17 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-cover-toggles-container__outer.--is-payment-aside{
     display:grid;
-    grid-template-columns:1fr auto;
+    grid-template-columns:1fr;
     column-gap:var(--size-lg);
     row-gap:var(--size-sm);
     align-items:self-start;
   }
+.mobius-cover-toggles-container{
+  display:grid;
+  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
+  gap:var(--size-sm);
+  margin-bottom:var(--size-sm);
+}
 .mobius-cover-toggles-container .mobius-cover-toggle{
     margin-bottom:0;
     align-self:end;
@@ -3189,16 +3195,14 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-cover-toggles-container .mobius-select__outer{
     margin-bottom:0;
   }
-.mobius-cover-toggles-container.--is-desktop{
-    display:grid;
-    grid-template-columns:repeat(3, 1fr);
-    column-gap:var(--size-lg);
-    row-gap:var(--size-sm);
-    align-items:end;
-  }
 .mobius-cover-toggles-container.--is-collapsible{
     padding-top:var(--size-xs);
   }
+@media (min-width: 600px){
+  .mobius-cover-toggles-container__outer.--is-payment-aside{
+    grid-template-columns:1fr auto;
+  }
+}
 .mobius-edit-limits__button{
   display:flex;
   gap:var(--size-xs);
@@ -3316,12 +3320,15 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-headline__highlight{
   color:var(--color-primary);
 }
-.mobius-quote-headline__text.mobius-text{
+.mobius-quote-headline__text{
   font-size:var(--font-size-3);
   margin:0 4%;
   text-align:center;
 }
-.mobius-quote-headline__title.mobius-text{
+.mobius-quote-headline__text--variant-without-qdp-drawer{
+  font-size:var(--font-size-2);
+}
+.mobius-quote-headline__title{
   font-size:var(--font-size-title);
   margin:0;
 }
@@ -3344,10 +3351,14 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-bottom:var(--size-lg);
 }
 @media (min-width: 850px){
-    .mobius-quote-headline .mobius-quote-headline__text{
-      font-size:var(--font-size-4);
-      margin:20px 10%;
-    }
+  .mobius-quote-headline__text{
+    font-size:var(--font-size-4);
+    margin:20px;
+  }
+
+  .mobius-quote-headline__text--variant-without-qdp-drawer{
+    font-size:var(--font-size-2);
+  }
 }
 :root,
 :host{
@@ -3651,9 +3662,13 @@ svg:not(:host).svg-inline--mobius-icon{
       text-decoration:underline;
       text-underline-offset:6px;
     }
-.mobius-quote-actions{
+.mobius-quote-actions-form{
+  display:flex;
   align-items:flex-end;
 }
+.mobius-quote-actions{
+  width:100%;
+}
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
     .mobius-quote-actions :not(:last-child){
       margin-right:var(--size-sm);
@@ -3666,13 +3681,23 @@ svg:not(:host).svg-inline--mobius-icon{
   font-size:var(--font-size-regular);
   font-weight:var(--font-weight-bold);
 }
+:where([data-variant="without-qdp-drawer"]) .mobius-quote-actions__button{
+    margin-top:0;
+  }
+:where([data-variant="without-qdp-drawer"]) .mobius-quote-actions__button--is-details{
+    display:none;
+  }
+@media (min-width: 850px){
+    :where([data-variant="without-qdp-drawer"]) .mobius-quote-actions__button--is-details{
+      display:block;
+    }
+}
 .mobius-quote-card{
   display:grid;
   grid-template-areas:"header" "pricing" "coverage" "actions";
   grid-auto-rows:auto;
   padding:var(--size-lg) var(--size-sm);
   font-size:var(--font-size-regular);
-  height:100%;
   margin:0;
   border:1px solid var(--color-border);
   border-radius:var(--radius-2);
@@ -3708,7 +3733,7 @@ svg:not(:host).svg-inline--mobius-icon{
 @media (min-width: 850px){
 .--is-horizontal .mobius-quote-card{
       grid-template-areas:"header coverage pricing" "header coverage actions";
-      grid-template-columns:repeat(3, 1fr);
+      grid-template-columns:160px 1fr 1fr;
       grid-template-rows:repeat(2, auto);
       row-gap:49px;
       padding:var(--size-lg);
@@ -3735,6 +3760,9 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-top:var(--size-xs);
   margin-bottom:var(--size-sm);
 }
+.mobius-quote-card__badges.--is-uk{
+    margin:0;
+  }
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
     .mobius-quote-card__badges:not(:last-child){
       margin-bottom:var(--size-xs);
@@ -3803,15 +3831,29 @@ svg:not(:host).svg-inline--mobius-icon{
     margin:0;
     font-size:var(--font-size-small-paragraph);
   }
+.--is-horizontal .mobius-quote-card__coverage{
+    margin-bottom:0;
+    border:none;
+  }
 @media (min-width: 850px){
 .--is-horizontal .mobius-quote-card__coverage{
-      border-top:none;
-      border-right:1px solid var(--color-border-light);
       padding-right:var(--size-sm);
-      margin-bottom:0;
-      margin-right:var(--size-sm);
   }
     }
+:is(.--is-horizontal .mobius-quote-card__coverage) .mobius-quote-card__coverage-item{
+      display:grid;
+      align-items:center;
+      grid-template-columns:3fr minmax(0, 2fr) minmax(0, 1fr);
+    }
+:is(.--is-horizontal .mobius-quote-card__coverage) .mobius-grid__item{
+      line-height:var(--line-height-normal);
+    }
+:is(.--is-horizontal .mobius-quote-card__coverage) .mobius-accordion__link{
+      justify-content:center;
+    }
+:is(.--is-horizontal .mobius-quote-card__coverage) .mobius-accordion__link-text,:is(.--is-horizontal .mobius-quote-card__coverage) .mobius-accordion__link-icon{
+      font-size:var(--font-size-small-paragraph);
+    }
 .mobius-quote-card__coverage-title.mobius-text{
   margin:0 0 16px 0;
   text-transform:uppercase;
@@ -3846,6 +3888,13 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-right:var(--size-xs);
   min-width:var(--size-sm);
 }
+.mobius-quote-card__coverage-cross-icon{
+  margin-top:2px;
+  width:var(--size-sm);
+  color:var(--color-error);
+  margin-right:var(--size-xs);
+  min-width:var(--size-sm);
+}
 .mobius-quote-card__included-by-insurer-icon{
   margin-bottom:5px;
   width:var(--size-sm);
@@ -3893,6 +3942,33 @@ svg:not(:host).svg-inline--mobius-icon{
 :is(.mobius-quote-card__coverage-item .mobius-accordion__content) .mobius-quote-card__cover:last-child{
       margin-bottom:0;
     }
+.mobius-quote-card__coverage-item-excess-link{
+  -webkit-text-decoration:underline;
+  text-decoration:underline;
+  text-underline-offset:5px;
+}
+.mobius-quote-card__coverage-item-excess-modal .mobius-modal__header{
+    align-items:center;
+    font-size:var(--font-size-lead);
+    padding-bottom:0;
+  }
+.mobius-quote-card__coverage-item-excess-modal .mobius-modal__content{
+    margin-top:var(--size-xs);
+  }
+.mobius-quote-card__coverage-item-excess-modal .mobius-quote-card__cover{
+    color:var(--color-text);
+    font-size:var(--font-size-small-paragraph);
+    margin:var(--size-xxs) 0;
+    padding-left:0;
+  }
+.mobius-quote-card__coverage-item-excess-modal .mobius-quote-card__cover-amount{
+    max-width:70%;
+    text-align:right;
+  }
+.mobius-quote-card__coverage-item-excess-modal .mobius-modal__close{
+    font-size:var(--font-size-regular);
+    padding:calc(var(--size-xs) + var(--size-xxs)) calc(var(--size-sm) + 2px);
+  }
 .mobius-quote-card__deductibles-title.--is-p{
   margin-top:4px;
   margin-bottom:0;
@@ -3945,11 +4021,22 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 }
 .mobius-quote-card__header-logo{
-  max-width:144px;
   max-height:var(--size-xl);
   object-fit:contain;
   object-position:left;
 }
+.mobius-quote-card__header-logo.--is-uk{
+    object-position:center;
+    max-height:50px;
+    margin-bottom:var(--size-sm);
+  }
+@media (min-width: 850px){
+.mobius-quote-card__header-logo.--is-uk{
+      object-position:left;
+      max-height:var(--size-xl);
+      margin-bottom:0;
+  }
+    }
 .mobius-quote-card__explainer-title{
   color:var(--color-text-medium);
   -webkit-text-decoration:underline;
@@ -4033,6 +4120,9 @@ svg:not(:host).svg-inline--mobius-icon{
   grid-area:pricing;
   width:100%;
 }
+.mobius-quote-card__pricing.--is-uk{
+    margin-top:0;
+  }
 .mobius-quote-card__pricing-primary-amount.mobius-text{
     font-size:var(--font-size-title);
     font-weight:var(--font-weight-bold);
@@ -4040,6 +4130,9 @@ svg:not(:host).svg-inline--mobius-icon{
     margin-top:0;
     margin-bottom:0;
   }
+.mobius-quote-card__pricing-primary-amount.mobius-text.--is-uk{
+    font-size:28px;
+  }
 .mobius-quote-card__pricing-total-amount.mobius-text{
     font-weight:var(--font-weight-bold);
     text-align:right;
@@ -4068,6 +4161,20 @@ svg:not(:host).svg-inline--mobius-icon{
   border-left:var(--size-xxs) solid var(--color-accent);
   padding-left:var(--size-xs);
 }
+.mobius-quote-card__instalments-grid{
+  display:grid;
+  grid-template-columns:1fr auto;
+  gap:var(--size-xs);
+  margin-top:var(--size-xs);
+  color:var(--color-text-medium);
+}
+.mobius-quote-card__instalments-grid p{
+    font-size:var(--font-size-small-paragraph);
+    margin:0;
+  }
+.mobius-quote-card__instalments-grid .mobius-quote-card__instalment_amount{
+    text-align:right;
+  }
 .mobius-quote-card__amount-due-iterated.mobius-text{
     font-size:var(--font-size-small-paragraph);
     color:var(--color-text-medium);
@@ -4240,15 +4347,42 @@ svg:not(:host).svg-inline--mobius-icon{
   object-fit:contain;
   object-position:left;
 }
-.mobius-skeleton{
-  flex:1;
-  width:calc(100vw - 66px);
+.no-quotes-referral__container{
+  display:grid;
+  grid-template-columns:1fr;
+  align-items:center;
+  justify-content:center;
+  gap:var(--size-xs);
+  text-align:center;
 }
-@media (min-width: 850px){
-.mobius-skeleton{
-    width:290px;
+.no-quotes-referral__insurer-panel{
+  display:grid;
+  grid-template-columns:repeat(auto-fit, minmax(64px, 1fr));
+  gap:var(--size-xs);
+}
+.no-quotes-referral__insurer-panel *{
+    justify-self:center;
+  }
+.no-quotes-referral-logo{
+  width:64px;
+  height:30px;
+  object-fit:contain;
+  object-position:center;
+  gap:var(--size-xs);
 }
+@media (min-width: 850px){
+  .no-quotes-referral__container{
+    gap:var(--size-lg);
   }
+  .no-quotes-referral__insurer-panel{
+    grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
+    gap:var(--size-md);
+  }
+  .no-quotes-referral-logo{
+    width:128px;
+    height:60px;
+  }
+}
 .mobius-quote-help{
   --chopin-quote-help-message-background:var(--color-background-highlight);
   --chopin-quote-help-arrow-size:var(--size-xs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.2.0",
-    "@simplybusiness/mobius-datepicker": "^6.0.5",
-    "@simplybusiness/mobius-journey": "^6.6.1",
-    "@simplybusiness/theme-core": "^7.1.3"
+    "@simplybusiness/mobius": "^5.3.0",
+    "@simplybusiness/mobius-datepicker": "^6.0.6",
+    "@simplybusiness/mobius-journey": "^6.8.0",
+    "@simplybusiness/theme-core": "^7.1.4"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",
@@ -44,7 +44,7 @@
     "resolve-url-loader": "^5.0.0",
     "ts-loader": "^9.5.1",
     "typescript": "^5.6.2",
-    "webpack": "^5.94.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4"
   }
 }

package/src/index.css

@@ -29,6 +29,7 @@
 @import "@simplybusiness/mobius-journey/src/components/QuoteComparison/Headline/QuoteHeadline.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteComparison/PaymentToggle/PaymentToggle.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteComparison/QuoteCards/QuoteCards.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/QuoteCards/NoQuotesReferral/NoQuotesReferral.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
 @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
 @import "@simplybusiness/mobius-journey/src/components/TradeSelector/TradeSelector.css";