@simplybusiness/theme-simplybusiness 1.9.18 → 1.10.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @simplybusiness/theme-simplybusiness
 
+## 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
+
+- c91bed5: Export journey-component atoms
+- Updated dependencies [c91bed5]
+- Updated dependencies [f0b6a77]
+- Updated dependencies [c91bed5]
+  - @simplybusiness/mobius-journey@6.54.0
+  - @simplybusiness/mobius@5.19.1
+  - @simplybusiness/mobius-datepicker@6.4.2
+  - @simplybusiness/theme-core@7.3.3
+
 ## 1.9.18
 
 ### Patch Changes

package/dist/index.css

@@ -308,8 +308,7 @@ h6.mobius-accordion__link-text,
 .mobius-button:where(.--variant-link){
     --button-content-color:var(--color-secondary);
     appearance:none;
-    border:none;
-    padding:0;
+    padding:var(--size-xxs);
     background-color:transparent;
     font-weight:normal;
   }
@@ -324,7 +323,6 @@ h6.mobius-accordion__link-text,
     }
 .mobius-button:where(.--variant-link):focus-visible{
       box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
-      padding:3px 0;
     }
 .mobius-button.--is-disabled:where(.--variant-link){
       --button-content-color:var(--color-text-light);
@@ -5172,6 +5170,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.18",
+  "version": "1.10.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.19.0",
-    "@simplybusiness/mobius-datepicker": "^6.4.1",
-    "@simplybusiness/mobius-journey": "^6.53.1",
-    "@simplybusiness/theme-core": "^7.3.2"
+    "@simplybusiness/mobius": "^5.19.1",
+    "@simplybusiness/mobius-datepicker": "^6.4.2",
+    "@simplybusiness/mobius-journey": "^6.55.0",
+    "@simplybusiness/theme-core": "^7.3.3"
   },
   "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";