@simplybusiness/theme-simplybusiness 1.12.4 → 1.13.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.13.0
+
+### Minor Changes
+
+- 0fd403d: Add CoverOption and CoverOptions components (Personalised Cover Page experiment)
+
+### Patch Changes
+
+- Updated dependencies [0fd403d]
+  - @simplybusiness/mobius-journey@6.66.0
+  - @simplybusiness/mobius@5.22.0
+  - @simplybusiness/mobius-datepicker@6.4.7
+  - @simplybusiness/theme-core@7.4.3
+
+## 1.12.5
+
+### Patch Changes
+
+- Updated dependencies [712a195]
+  - @simplybusiness/mobius-journey@6.65.0
+  - @simplybusiness/mobius@5.21.0
+  - @simplybusiness/mobius-datepicker@6.4.6
+  - @simplybusiness/theme-core@7.4.2
+
 ## 1.12.4
 
 ### Patch Changes

package/dist/index.css

@@ -2771,6 +2771,47 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-agent-resources .mobius-link-button{
   text-align:center;
 }
+.mobius-cover-option{
+    box-sizing:border-box;
+    width:100%;
+    padding:var(--size-sm);
+    line-height:var(--line-height-normal);
+    border:var(--border-default);
+    border-color:var(--color-neutral-300);
+    border-radius:var(--radius-1);
+    transition:border-color 0.15s;
+}
+.mobius-cover-option--is-checked{
+    border-color:var(--color-primary);
+}
+.mobius-cover-option--is-checked .mobius-cover-option__primary-text{
+    color:unset;
+}
+.mobius-cover-option__header{
+    margin-bottom:10px;
+}
+.mobius-cover-option__primary-text{
+    margin:0;
+    color:var(--color-text-medium);
+}
+.mobius-cover-option .mobius-accordion__content{
+    color:var(--color-text-medium);
+}
+.mobius-cover-option .mobius-select__outer{
+    margin-top:var(--size-sm)
+}
+@media only screen and (min-width: 641px){
+    .mobius-cover-option .mobius-select__wrapper{
+        max-width:66.67%;
+    }
+}
+.mobius-cover-option__limit-button{
+    padding:0;
+    margin-bottom:10px;
+}
+.mobius-cover-option__limit-button .mobius-icon{
+    margin-left:var(--size-xxs);
+}
 .mobius-cover-toggles-container__outer.--is-payment-aside{
     display:grid;
     grid-template-columns:1fr;
@@ -3356,6 +3397,8 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-personalised-cover__container.--is-md{
   max-width:626px;
   border-radius:var(--radius-2);
+  display:grid;
+  gap:var(--size-sm);
 }
 .mobius-personalised-cover__actions{
   display:grid;
@@ -5819,54 +5862,58 @@ svg:not(:host).svg-inline--mobius-icon{
     height:60px;
   }
 .mobius-interventions__trade-based-claims{
-    width:min(90%, 750px);
-  }
+  width:min(90%, 750px);
+}
 .mobius-interventions__trade-based-claims-logo{
-    max-width:30%;
-    min-width:100px;
-  }
+  max-width:30%;
+  min-width:100px;
+}
 .mobius-interventions__trade-based-claims-text-flexbox{
-    min-width:50%;
-  }
+  min-width:50%;
+}
 .mobius-interventions__trade-based-claims-text{
-    font-size:25px;
-    line-height:1.4;
-    margin:0;
-    text-wrap:stable;
-  }
+  font-size:25px;
+  line-height:1.4;
+  margin:0;
+  text-wrap:stable;
+}
+.mobius-interventions__trade-based-claims-text-fineprint{
+  color:#5D5D60;
+  line-height:16px;
+  font-size:12px;
+}
 .mobius-interventions__trade-based-claims-text-subheading{
-    font-weight:var(--font-weight-normal);
-  }
-.mobius-interventions__trade-based-claims-fineprint{
-    font-size:12px;
-    color:#5D5D60;
-  }
+  font-weight:var(--font-weight-normal);
+}
 .mobius-interventions__trade-based-claims-close-button{
-      margin-top:5%;
-  }
+    margin-top:5%;
+}
 .mobius-interventions__trade-based-claims-cta-button{
-    font-weight:var(--font-weight-normal);
-  }
+  margin-top:10%;
+  font-weight:var(--font-weight-normal);
+}
 .mobius-interventions__trade-based-claims .mobius-modal__close{
-    display:none;
-  }
-.mobius-interventions__trade-based-claims-cta-spacer{
-    margin-top:10%;
-  }
+  display:none;
+}
 .mobius-interventions__trade-based-claims-homebuilder{
-    background-position:center center;
-    background-repeat:no-repeat;
-    background-size:contain;
-    height:224px;
-    width:757px;
-    background-image:url(c169e5139b1db7e633b9.png);
-  }
+  background-position:center center;
+  background-repeat:no-repeat;
+  background-size:contain;
+  height:224px;
+  width:757px;
+  background-image:url(c169e5139b1db7e633b9.png);
+}
 @media only screen and (max-width: 750px){
-    .mobius-interventions__trade-based-claims-homebuilder{
-      width:100%;
-      height:330px;
-    }
+  .mobius-interventions__trade-based-claims-homebuilder{
+    height:280px;
+    width:100%;
+    margin:0%;
+  }
+
+  .mobius-interventions__trade-based-claims-cta-button{
+    margin-top:0%;
   }
+}
 :root,
 :host{
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.12.4",
+  "version": "1.13.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.20.1",
-    "@simplybusiness/mobius-datepicker": "^6.4.5",
-    "@simplybusiness/mobius-journey": "^6.64.0",
-    "@simplybusiness/theme-core": "^7.4.1"
+    "@simplybusiness/mobius": "^5.22.0",
+    "@simplybusiness/mobius-datepicker": "^6.4.7",
+    "@simplybusiness/mobius-journey": "^6.66.0",
+    "@simplybusiness/theme-core": "^7.4.3"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/index.css

@@ -10,6 +10,7 @@
 @import "@simplybusiness/mobius-journey/src/components/AgentActions/AgentActions.css";
 @import "@simplybusiness/mobius-journey/src/components/AgentReferral/InfoCard/InfoCard.css";
 @import "@simplybusiness/mobius-journey/src/components/AgentResources/AgentResources.css";
+@import "@simplybusiness/mobius-journey/src/components/CoverOptions/CoverOption/CoverOption.css";
 @import "@simplybusiness/mobius-journey/src/components/CoverTogglesContainer/CoverTogglesContainer.css";
 @import "@simplybusiness/mobius-journey/src/components/CoverageSummary/CoverageSummary.css";
 @import "@simplybusiness/mobius-journey/src/components/CoverageSummary/PaymentSummary/PaymentSummary.css";