@simplybusiness/theme-simplybusiness 1.9.19 → 1.10.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.10.1
+
+### Patch Changes
+
+- Updated dependencies [80c483e]
+  - @simplybusiness/theme-core@7.4.0
+  - @simplybusiness/mobius@5.20.0
+  - @simplybusiness/mobius-datepicker@6.4.3
+  - @simplybusiness/mobius-journey@6.55.1
+
+## 1.10.0
+
+### Minor Changes
+
+- a4df851: add sticky footer for qcp experiment
+
+### Patch Changes
+
+- Updated dependencies [a4df851]
+- Updated dependencies [ee284ad]
+- Updated dependencies [03622ef]
+  - @simplybusiness/mobius-journey@6.55.0
+
 ## 1.9.19
 
 ### Patch Changes

package/dist/index.css

@@ -1670,6 +1670,56 @@ a.mobius-button:focus-visible,
     gap:var(--size-xl);
   }
 :root,
+:host{
+  --transition-duration:0.15s;
+}
+.mobius-switch{
+  position:relative;
+  display:inline-block;
+  border-radius:30px;
+  width:55px;
+  height:30px;
+}
+.mobius-switch input{
+    opacity:0;
+    width:0;
+    height:0;
+  }
+:is(.mobius-switch input):focus-visible  + .mobius-switch__slider{
+        box-shadow:var(--box-shadow-default);
+      }
+.mobius-switch__slider{
+  position:absolute;
+  cursor:pointer;
+  border-radius:30px;
+  top:0;
+  left:0;
+  right:0;
+  bottom:0;
+  background-color:var(--color-border);
+  transition:var(--transition-duration);
+}
+.mobius-switch__slider:before{
+    position:absolute;
+    content:"";
+    border-radius:50%;
+    height:26px;
+    width:26px;
+    left:3px;
+    bottom:2px;
+    background-color:var(--color-background);
+    transition:var(--transition-duration);
+  }
+.mobius-switch--checked .mobius-switch__slider{
+    background-color:var(--color-primary);
+  }
+:is(.mobius-switch--checked .mobius-switch__slider):hover{
+      background-color:var(--color-primary-hover);
+    }
+.mobius-switch--checked .mobius-switch__slider:before{
+    transform:translateX(23px);
+  }
+:root,
 :host{
   --table-border-width:1px;
 }
@@ -5170,6 +5220,78 @@ svg:not(:host).svg-inline--mobius-icon{
     color:var(--color-primary);
     background-color:var(--color-background-highlight);
   }
+.mobius-sticky-footer{
+  box-sizing:border-box;
+  position:fixed;
+  bottom:0;
+  width:100%;
+  box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1);
+  padding:20px 0;
+  background-color:var(--color-background-highlight);
+  display:grid;
+  grid-auto-flow:column;
+  justify-content:center;
+  align-items:center;
+  gap:42px;
+}
+.mobius-sticky-footer--hidden{
+  opacity:0;
+  transition:opacity;
+  transition-delay:6s;
+  transition-duration:1s;
+  pointer-events:none;
+}
+.mobius-sticky-footer__content{
+  display:flex;
+  color:var(--color-primary);
+  gap:var(--size-xs);
+}
+.mobius-sticky-footer__content > .mobius-text{
+  margin:0;
+}
+.mobius-sticky-footer__button{
+  border-radius:100px;
+  display:grid;
+  grid-auto-flow:column;
+  align-items:center;
+  gap:var(--size-xs);
+  font-weight:var(--font-weight-normal);
+}
+.mobius-sticky-footer__button > svg{
+  height:var(--size-md);
+  width:var(--size-md);
+}
+.mobius-sticky-footer__explain{
+  color:var(--color-primary);
+  font-weight:var(--font-weight-normal);
+  text-align:center;
+  font-size:var(--font-size-2);
+  line-height:var(--line-height-normal);
+}
+.mobius-sticky-footer__explain-headline{
+  font-size:var(--font-size-3);
+  line-height:var(--line-height-normal);
+  display:block;
+}
+@media (max-width: 768px){
+  .mobius-sticky-footer{
+    padding:16px;
+  }
+
+  .mobius-sticky-footer__content > .mobius-text{
+    font-size:var(--font-size-3);
+    line-height:var(--line-height-normal);
+  }
+
+  .mobius-sticky-footer__explain{
+    text-align:left;
+  }
+
+  .mobius-sticky-footer__explain-headline{
+    font-size:var(--font-size-2);
+    line-height:var(--line-height-normal);
+  }
+}
 .mobius-agent-referral-container{
   display:grid;
   grid-template-columns:1fr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.9.19",
+  "version": "1.10.1",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.19.1",
-    "@simplybusiness/mobius-datepicker": "^6.4.2",
-    "@simplybusiness/mobius-journey": "^6.54.0",
-    "@simplybusiness/theme-core": "^7.3.3"
+    "@simplybusiness/mobius": "^5.20.0",
+    "@simplybusiness/mobius-datepicker": "^6.4.3",
+    "@simplybusiness/mobius-journey": "^6.55.1",
+    "@simplybusiness/theme-core": "^7.4.0"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/index.css

@@ -67,6 +67,7 @@
 @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
 @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";
 @import "@simplybusiness/mobius-journey/src/components/TradeSelector/TradeSelector.css";
+@import "@simplybusiness/mobius-journey/src/components/Footer/StickyFooter.css";
 @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
 @import "@simplybusiness/mobius-journey/src/pages/Main.css";