@simplybusiness/theme-simplybusiness 2.3.24 → 2.3.26

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.3.26
+
+### Patch Changes
+
+- Updated dependencies [b89220f]
+  - @simplybusiness/mobius-journey@11.3.0
+
+## 2.3.25
+
+### Patch Changes
+
+- Updated dependencies [6013c67]
+- Updated dependencies [f842fc3]
+- Updated dependencies [128b8c4]
+- Updated dependencies [2c5a697]
+- Updated dependencies [3ea8d6a]
+- Updated dependencies [cac068b]
+- Updated dependencies [9c052fe]
+- Updated dependencies [cf55609]
+  - @simplybusiness/mobius-journey@11.2.0
+  - @simplybusiness/mobius@6.5.4
+  - @simplybusiness/mobius-chatbot@2.0.26
+  - @simplybusiness/mobius-datepicker@7.1.20
+  - @simplybusiness/mobius-interventions@3.0.1
+  - @simplybusiness/theme-core@7.13.17
+
 ## 2.3.24
 
 ### Patch Changes

package/dist/index.css

@@ -3797,6 +3797,32 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-collapsible{
   max-width:748px;
 }
+.mobius-collapsible__wrapper{
+  position:relative;
+}
+.mobius-collapsible__external-buttons{
+  position:absolute;
+  top:var(--size-sm);
+  right:var(--size-sm);
+  display:flex;
+  gap:var(--size-xs);
+  align-items:center;
+  pointer-events:auto;
+  z-index:1;
+}
+.mobius-collapsible__external-buttons svg{
+    display:none;
+  }
+@media (min-width: 600px){
+  .mobius-collapsible__external-buttons{
+    top:var(--size-lg);
+    right:var(--size-lg);
+  }
+
+    .mobius-collapsible__external-buttons svg{
+      display:block;
+    }
+}
 .mobius-collapsible__details{
   view-transition-name:"details-content";
   border:1px solid var(--color-border-medium);
@@ -3810,7 +3836,7 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 }
 .mobius-collapsible__details::details-content{
-    overflow:clip;
+    overflow:visible;
     height:0;
     opacity:0;
     transition:height var(--animation-duration), content-visibility var(--animation-duration);
@@ -3859,7 +3885,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-collapsible__summary-content{
   display:grid;
-  grid-template-columns:1fr auto;
+  grid-template-columns:1fr;
   align-items:center;
   width:100%;
   min-height:40px;
@@ -3867,13 +3893,22 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-collapsible__summary-content svg{
     display:none;
   }
+.mobius-collapsible__summary-content .mobius-text{
+    margin-right:calc(var(--size-xl) * 2 + var(--size-xs));
+    word-wrap:break-word;
+    overflow-wrap:break-word;
+  }
 @media (min-width: 600px){
   .mobius-collapsible__summary-content{
-    grid-template-columns:36px 1fr auto;
+    grid-template-columns:36px 1fr;
   }
     .mobius-collapsible__summary-content svg{
       display:block;
     }
+
+    .mobius-collapsible__summary-content .mobius-text{
+      margin-right:0;
+    }
 }
 .mobius-collapsible__summary-header-icon{
   color:var(--color-accent);
@@ -4067,6 +4102,7 @@ svg:not(:host).svg-inline--mobius-icon{
   align-items:center;
   gap:var(--size-xxs);
   margin-bottom:var(--size-sm);
+  padding-left:0;
   -webkit-text-decoration:underline;
   text-decoration:underline;
   text-underline-offset:var(--size-xxs);
@@ -4111,6 +4147,26 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-question__chatbox .mobius-question__chatbox-link-container{
     gap:var(--size-xs);
   }
+@media (prefers-reduced-motion: no-preference){
+  .mobius-question--animate{
+    transition:transform 250ms ease-out, opacity 250ms ease-out;
+    transform:translateY(0);
+    opacity:1;
+  }
+
+    @starting-style{
+  .mobius-question--animate{
+      transform:translateY(-50px);
+      opacity:0;
+  }
+    }
+}
+@media (prefers-reduced-motion: reduce){
+  .mobius-question--animate{
+    transform:translateY(0);
+    opacity:1;
+  }
+}
 .mobius-question__annual-turnover-select.mobius-select__wrapper{
   margin-bottom:var(--size-lg);
 }
@@ -6228,6 +6284,11 @@ svg:not(:host).svg-inline--mobius-icon{
         padding:var(--size-sm);
     }
 }
+.savings-message-success{
+    color:var(--color-valid);
+    padding:var(--size-xs);
+    margin-top:var(--size-sm);
+}
 .mobius-dialogue-modal__description{
     margin:7px;
     text-align:left;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.3.24",
+  "version": "2.3.26",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,12 +26,12 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^6.5.3",
-    "@simplybusiness/mobius-chatbot": "^2.0.25",
-    "@simplybusiness/mobius-datepicker": "^7.1.19",
-    "@simplybusiness/mobius-interventions": "^3.0.0",
-    "@simplybusiness/mobius-journey": "^11.1.0",
-    "@simplybusiness/theme-core": "^7.13.16"
+    "@simplybusiness/mobius": "^6.5.4",
+    "@simplybusiness/mobius-chatbot": "^2.0.26",
+    "@simplybusiness/mobius-datepicker": "^7.1.20",
+    "@simplybusiness/mobius-interventions": "^3.0.1",
+    "@simplybusiness/mobius-journey": "^11.3.0",
+    "@simplybusiness/theme-core": "^7.13.17"
   },
   "devDependencies": {
     "build-scripts": "^1.0.2",