@simplybusiness/theme-simplybusiness 1.5.10 → 1.5.12

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @simplybusiness/theme-simplybusiness
 
+## 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
+
+- Updated dependencies [ea58026]
+- Updated dependencies [5244c3e]
+- Updated dependencies [df8631a]
+  - @simplybusiness/mobius-journey@6.33.0
+  - @simplybusiness/mobius@5.15.3
+  - @simplybusiness/mobius-datepicker@6.0.27
+  - @simplybusiness/theme-core@7.2.18
+
 ## 1.5.10
 
 ### 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;
@@ -3477,27 +3479,94 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-section__transition-exit-active{
   transition:all 200ms ease-in;
 }
+:root{
+  interpolate-size:allow-keywords;
+}
 .mobius-collapsible{
   max-width:748px;
+  --animation-duration:0.5s;
 }
 .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);
 }
+@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;
+}
 .mobius-collapsible__summary{
   list-style-type:"";
+  display:flex;
+  flex-direction:row;
+  align-items:center;
 }
 .mobius-collapsible__summary [data-icon="tick"]{
     color:var(--color-valid);
+    margin-right:10px;
   }
 .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:1fr auto;
+  align-items:center;
+  width:100%;
+  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);
+  margin-right:10px;
+  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);
@@ -3526,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);
@@ -3619,6 +3692,7 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-bottom:var(--size-xxl);
 }
 .mobius-section__title{
+  max-width:748px;
   color:var(--color-text);
   font-size:var(--font-size-small-title);
   line-height:var(--line-height-tight);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.15.2",
-    "@simplybusiness/mobius-datepicker": "^6.0.26",
-    "@simplybusiness/mobius-journey": "^6.32.0",
-    "@simplybusiness/theme-core": "^7.2.17"
+    "@simplybusiness/mobius": "^5.15.4",
+    "@simplybusiness/mobius-datepicker": "^6.0.28",
+    "@simplybusiness/mobius-journey": "^6.34.0",
+    "@simplybusiness/theme-core": "^7.2.19"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",