@simplybusiness/theme-simplybusiness 1.5.11 → 1.5.13

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.5.13
+
+### Patch Changes
+
+- Updated dependencies [2ce9ce3]
+- Updated dependencies [d43f1a2]
+- Updated dependencies [8263763]
+- Updated dependencies [24172d3]
+  - @simplybusiness/mobius-journey@6.34.1
+
+## 1.5.12
+
+### Patch Changes
+
+- Updated dependencies [1f54b5d]
+- Updated dependencies [088cf5b]
+- Updated dependencies [ffe6b10]
+- Updated dependencies [21b4792]
+- Updated dependencies [2aa115a]
+  - @simplybusiness/mobius-journey@6.34.0
+  - @simplybusiness/mobius@5.15.4
+  - @simplybusiness/mobius-datepicker@6.0.28
+  - @simplybusiness/theme-core@7.2.19
+
 ## 1.5.11
 
 ### Patch Changes

package/dist/index.css

@@ -677,6 +677,8 @@ a.mobius-button:focus-visible,
 }
 .mobius-drawer__header button{
     color:var(--color-primary);
+    display:flex;
+    gap:var(--size-xs);
   }
 .mobius-drawer__header img{
     width:144px;
@@ -3487,15 +3489,20 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-collapsible__details{
   border:1px solid var(--color-border-medium);
   border-radius:var(--radius-2);
-  padding:var(--size-lg);
+  padding:var(--size-sm);
   margin-bottom:var(--size-lg);
 }
-.mobius-collapsible__details::details-content{
-    overflow:hidden;
-    height:0;
-    transition:height var(--animation-duration), content-visibility var(--animation-duration);
-    transition-behavior:allow-discreet;
+@media (min-width: 600px){
+  .mobius-collapsible__details{
+    padding:var(--size-lg);
   }
+}
+.mobius-collapsible__details::details-content{
+  overflow:clip;
+  height:0;
+  transition:height var(--animation-duration), content-visibility var(--animation-duration);
+  transition-behavior:allow-discreet;
+}
 .mobius-collapsible__details[open]::details-content{
   height:auto;
 }
@@ -3511,13 +3518,30 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 .mobius-collapsible__summary .mobius-text{
     margin:0;
+    font-size:var(--font-size-4);
+  }
+@media (min-width: 600px){
+  .mobius-collapsible__summary > .mobius-text{
+    font-size:var(--font-size-5);
   }
+}
 .mobius-collapsible__summary-content{
   display:grid;
-  grid-template-columns:36px 1fr auto;
+  grid-template-columns:1fr auto;
   align-items:center;
   width:100%;
-  height:40px;
+  min-height:40px;
+}
+.mobius-collapsible__summary-content svg{
+    display:none;
+  }
+@media (min-width: 600px){
+  .mobius-collapsible__summary-content{
+    grid-template-columns:36px 1fr auto;
+  }
+    .mobius-collapsible__summary-content svg{
+      display:block;
+    }
 }
 .mobius-collapsible__summary-header-icon{
   color:var(--color-accent);
@@ -3525,8 +3549,24 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-bottom:2px;
 }
 .mobius-collapsible__content{
-  margin-bottom:var(--size-lg);
+  display:grid;
+  gap:var(--size-md);
+  margin:var(--size-lg) 0;
 }
+:is(.mobius-collapsible__content .mobius-collapsible__content-blocks) p{
+      margin:0;
+      margin-bottom:var(--size-xxs);
+    }
+.mobius-collapsible__content .mobius-list{
+    list-style-type:initial;
+    gap:var(--size-xxs);
+    padding-left:var(--size-md);
+  }
+.mobius-collapsible__content .mobius-list__item{
+    background:none;
+    padding-left:0;
+    line-height:var(--line-height-normal);
+  }
 .mobius-collapsible__actions .mobius-button{
     display:flex;
     gap:var(--size-xs);
@@ -3555,6 +3595,10 @@ svg:not(:host).svg-inline--mobius-icon{
   text-decoration:underline;
   text-underline-offset:var(--size-xxs);
 }
+.mobius-question__help-button{
+  display:flex;
+  gap:var(--size-xs);
+}
 .mobius-question__help-link-drawer .mobius-drawer__content{
     color:var(--color-text-medium);
     line-height:var(--line-height-normal);
@@ -4775,10 +4819,13 @@ svg:not(:host).svg-inline--mobius-icon{
     row-gap:0;
 }
   }
+.mobius-cross-sell{
+  grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection" "checkoutButtons";
+}
 @media (min-width: 960px){
 .mobius-cross-sell{
     grid-template-columns:2fr 1.25fr;
-    grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage trustSection";
+    grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage coverageSummary" "checkoutButtons trustSection";
 }
   }
 .mobius-trust-section{
@@ -4793,6 +4840,17 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-coverage-summary{
   grid-area:coverageSummary;
 }
+.mobius-checkout-buttons{
+  grid-area:checkoutButtons;
+  display:flex;
+  justify-content:space-between;
+  gap:var(--size-lg);
+}
+@media (min-width: 960px){
+.mobius-checkout-buttons{
+    justify-content:flex-start;
+}
+  }
 .mobius-trust-section__header{
   border-bottom-right-radius:0;
   border-bottom-left-radius:0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.5.11",
+  "version": "1.5.13",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.15.3",
-    "@simplybusiness/mobius-datepicker": "^6.0.27",
-    "@simplybusiness/mobius-journey": "^6.33.0",
-    "@simplybusiness/theme-core": "^7.2.18"
+    "@simplybusiness/mobius": "^5.15.4",
+    "@simplybusiness/mobius-datepicker": "^6.0.28",
+    "@simplybusiness/mobius-journey": "^6.34.1",
+    "@simplybusiness/theme-core": "^7.2.19"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",