@simplybusiness/theme-simplybusiness 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @simplybusiness/theme-simplybusiness
 
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [0e58fda]
+- Updated dependencies [705a8a5]
+- Updated dependencies [4d0d10a]
+- Updated dependencies [a768bdc]
+- Updated dependencies [f59d1d8]
+- Updated dependencies [29ba861]
+- Updated dependencies [ae94b43]
+- Updated dependencies [1576f3f]
+- Updated dependencies [c8b1266]
+- Updated dependencies [0e87a0e]
+- Updated dependencies [674f389]
+- Updated dependencies [35129f9]
+  - @simplybusiness/mobius-journey@6.6.0
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/index.css

@@ -3184,6 +3184,7 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 .mobius-cover-toggles-container .mobius-cover-toggle{
     margin-bottom:0;
+    align-self:end;
   }
 .mobius-cover-toggles-container .mobius-select__outer{
     margin-bottom:0;
@@ -3666,32 +3667,54 @@ svg:not(:host).svg-inline--mobius-icon{
   font-weight:var(--font-weight-bold);
 }
 .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);
   background-color:var(--color-background);
   list-style:none;
 }
-.mobius-quote-card__body{
-  padding:var(--size-lg) var(--size-sm);
-  font-size:var(--font-size-regular);
-  height:100%;
+@supports (grid-template-rows: subgrid){
+.mobius-quote-card{
+    grid-template-rows:subgrid;
+    grid-row:span 4;
 }
+  }
+@media (max-width: 849.99px), (min-width: 1024px){
+    @supports (grid-template-rows: subgrid){
+      .mobius-quote-card > :not(:first-child){
+        margin-top:calc(-1 * var(--size-sm));
+      }
+    }
+  }
 @media (min-width: 850px) and (max-width: 1023px){
-.mobius-quote-card__body{
-    display:grid;
-    grid-template-areas:"header information pricing" "header information actions";
-    grid-template-columns:1fr 1fr 1fr;
-    grid-template-rows:auto auto;
+.mobius-quote-card{
+    grid-template-areas:"header coverage pricing" "header coverage actions";
+    grid-template-columns:repeat(3, 1fr);
+    grid-template-rows:repeat(2, auto);
     row-gap:49px;
     padding:var(--size-lg);
+    grid-row:span 1;
 }
   }
-@supports (-webkit-touch-callout: none) and (not (translate: none)){
-    .mobius-quote-card__body  > *:not(:last-child){
-      margin-bottom:33px;
-    }
+.--is-horizontal .mobius-quote-card{
+    grid-template-areas:"header" "pricing" "actions" "coverage";
   }
+@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-rows:repeat(2, auto);
+      row-gap:49px;
+      padding:var(--size-lg);
+      grid-row:span 1;
+  }
+    }
 .mobius-quote-card__no-quote{
   gap:var(--size-lg);
   padding:var(--size-sm);
@@ -3752,7 +3775,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-quote-card__coverage{
   flex-grow:1;
-  grid-area:information;
+  grid-area:coverage;
   border-top:1px solid var(--color-border-light);
   padding-top:var(--size-sm);
   margin-bottom:var(--size-md);
@@ -3780,6 +3803,15 @@ svg:not(:host).svg-inline--mobius-icon{
     margin:0;
     font-size:var(--font-size-small-paragraph);
   }
+@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);
+  }
+    }
 .mobius-quote-card__coverage-title.mobius-text{
   margin:0 0 16px 0;
   text-transform:uppercase;
@@ -3894,6 +3926,15 @@ svg:not(:host).svg-inline--mobius-icon{
     padding-right:var(--size-sm);
 }
   }
+@media (min-width: 850px){
+.--is-horizontal .mobius-quote-card__header{
+      border-right:1px solid var(--color-border-light);
+      border-bottom:none;
+      margin-bottom:0;
+      margin-right:var(--size-sm);
+      padding-right:var(--size-sm);
+  }
+    }
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
   .mobius-quote-card__header-logo{
     margin-bottom:var(--size-xxs);
@@ -4052,8 +4093,13 @@ svg:not(:host).svg-inline--mobius-icon{
   justify-content:flex-end;
   margin-top:0;
   margin-bottom:var(--size-sm);
-  min-height:86px;
+  justify-self:end;
 }
+@supports not (grid-template-rows: subgrid){
+.mobius-quote-card__ratings{
+    min-height:86px;
+}
+  }
 .mobius-quote-card__ratings.--has-reinsurer-text{
     padding-top:var(--size-sm);
   }
@@ -4100,6 +4146,9 @@ svg:not(:host).svg-inline--mobius-icon{
       --column-count:3;
     }
   }
+.mobius-quote-cards__grid.--is-horizontal{
+    --column-count:1;
+  }
 .mobius-quote-card__section{
   position:relative;
   font-size:var(--font-size-regular);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -28,7 +28,7 @@
   "dependencies": {
     "@simplybusiness/mobius": "^5.2.0",
     "@simplybusiness/mobius-datepicker": "^6.0.5",
-    "@simplybusiness/mobius-journey": "^6.5.0",
+    "@simplybusiness/mobius-journey": "^6.6.0",
     "@simplybusiness/theme-core": "^7.1.3"
   },
   "devDependencies": {