@simplybusiness/theme-simplybusiness 1.13.2 → 1.14.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.14.0
+
+### Minor Changes
+
+- 8f5fbe0: Complete the migration of journey-components into mobius
+
+### Patch Changes
+
+- Updated dependencies [8f5fbe0]
+  - @simplybusiness/mobius-datepicker@6.5.0
+  - @simplybusiness/mobius-journey@6.68.0
+  - @simplybusiness/theme-core@7.5.0
+  - @simplybusiness/mobius@5.23.0
+
 ## 1.13.2
 
 ### Patch Changes

package/dist/index.css

@@ -5411,63 +5411,63 @@ svg:not(:host).svg-inline--mobius-icon{
   padding-right:var(--size-sm);
   transition:height 1s;
 }
-.mobius-payment_summary__styled-div{
+.mobius-payment-summary__styled-div{
     display:grid;
     row-gap:var(--size-sm);
     margin-top:var(--size-sm);
 }
-.mobius-payment_summary__styled-div .incomplete-quote-actions{
+.mobius-payment-summary__styled-div .incomplete-quote-actions{
         padding:14px;
     }
 @media (max-width: 640px){
-.mobius-payment_summary__styled-div .incomplete-quote-actions{
+.mobius-payment-summary__styled-div .incomplete-quote-actions{
             padding:16px;
     }
         }
-.mobius-payment_summary__button-div{
+.mobius-payment-summary__button-div{
     display:flex;
     justify-content:space-around;
     margin-top:25px;
     margin-bottom:0;
     gap:var(--size-sm);
 }
-.mobius-payment_summary__big-button-span{
+.mobius-payment-summary__big-button-span{
     font-weight:700;
     margin-left:10px;
     margin-right:10px;
 }
-.mobius-payment_summary__styled-divider{
+.mobius-payment-summary__styled-divider{
     height:var(--size-sm) !important;
 }
-.mobius-payment_summary__styled-flex{
+.mobius-payment-summary__styled-flex{
     width:100%;
     flex-direction:row;
     justify-content:space-between;
 }
-.mobius-payment_summary__styled-flex .today-payment,.mobius-payment_summary__styled-flex .total-payment{
+.mobius-payment-summary__styled-flex .today-payment,.mobius-payment-summary__styled-flex .total-payment{
         font-weight:bold;
     }
-.mobius-payment_summary__styled-wrapper{
+.mobius-payment-summary__styled-wrapper{
     width:100%;
     flex-direction:column;
 }
-.mobius-payment_summary__styled-wrapper.combined-styles .mobius-text.--is-small{
+.mobius-payment-summary__styled-wrapper.combined-styles .mobius-text.--is-small{
             line-height:18px;
             color:var(--color-text);
         }
-.mobius-payment_summary__styled-wrapper.combined-styles .today-payment,.mobius-payment_summary__styled-wrapper.combined-styles .total-payment{
+.mobius-payment-summary__styled-wrapper.combined-styles .today-payment,.mobius-payment-summary__styled-wrapper.combined-styles .total-payment{
             font-weight:normal;
         }
-.mobius-payment_summary__styled-wrapper.combined-styles .monthly-payment{
+.mobius-payment-summary__styled-wrapper.combined-styles .monthly-payment{
             margin-top:var(--size-xs);
         }
-.mobius-payment_summary__styled-wrapper.combined-styles .mobius-divider{
+.mobius-payment-summary__styled-wrapper.combined-styles .mobius-divider{
             height:var(--size-sm);
         }
-.mobius-payment_summary__styled-wrapper.combined-styles .mobius-divider__inner{
+.mobius-payment-summary__styled-wrapper.combined-styles .mobius-divider__inner{
             background-color:var(--color-border-medium);
         }
-.mobius-payment_summary__summary-fragment-wrapper .arrow{
+.mobius-payment-summary__summary-fragment-wrapper .arrow{
         display:inline-block;
         width:9px;
         height:9px;
@@ -5477,104 +5477,382 @@ svg:not(:host).svg-inline--mobius-icon{
         transform-origin:center;
         margin-bottom:3px;
     }
-.mobius-payment_summary__summary-fragment-wrapper .arrow-top{
+.mobius-payment-summary__summary-fragment-wrapper .arrow-top{
         transform:rotate(-45deg);
     }
-.mobius-payment_summary__summary-fragment-wrapper .arrow-bottom{
+.mobius-payment-summary__summary-fragment-wrapper .arrow-bottom{
         transform:rotate(135deg);
     }
-.mobius-payment_summary__summary-fragment-wrapper .additional_covers{
-        border-top:1px solid #cccccc;
+.mobius-payment-summary__summary-fragment-wrapper .additional_covers{
+        border-top:1px solid var(--combobox-border-color);
         padding-top:16px;
     }
-.mobius-payment_summary__summary-fragment-wrapper .additional_covers ~ .additional_covers{
+.mobius-payment-summary__summary-fragment-wrapper .additional_covers ~ .additional_covers{
         border:none;
         padding-top:0px;
     }
-.mobius-payment_summary__summary-fragment-wrapper .align-right{
+.mobius-payment-summary__summary-fragment-wrapper .align-right{
         text-align:right;
     }
-.mobius-payment_summary__summary-fragment-wrapper.combined-styles .mobius-divider__inner{
+.mobius-payment-summary__summary-fragment-wrapper.combined-styles .mobius-divider__inner{
             background-color:var(--color-border-medium);
         }
-.mobius-payment_summary__section-header-text{
+.mobius-payment-summary__section-header-text{
     margin-top:0;
     margin-bottom:16px;
     font-size:16px;
     font-weight:bold;
 }
-.mobius-payment_summary__styled-grid{
+.mobius-payment-summary__section-header{
+    display:grid;
+    grid-template-columns:2fr 1fr;
+    gap:8px;
+    width:100%;
+}
+.mobius-payment-summary__header-label{
+    display:inline-block;
+    margin-bottom:8px;
+}
+.mobius-payment-summary__item-grid{
+    display:grid;
+    margin-bottom:8px;
+}
+.mobius-payment-summary__justified-text{
+    justify-self:flex-end;
+}
+.mobius-payment-summary__align-center{
+    align-self:center;
+}
+.mobius-payment-summary__summary-item{
+    display:grid;
+    grid-template-columns:2fr 1fr;
+    width:100%;
+}
+.mobius-payment-summary__combined-payment-page-text{
+    font-size:var(--font-size-2);
+    font-weight:700;
+    color:var(--color-text);
+}
+.mobius-payment-summary__default-payment-page-text{
+    font-size:var(--font-size-3);
+    font-weight:bold;
+    color:var(--color-text-medium);
+}
+.mobius-payment-summary__text-align-right{
+    text-align:right;
+}
+.mobius-payment-summary__styled-grid{
     display:grid;
     grid-template-columns:65% 35%;
     width:100%;
 }
-.mobius-payment_summary__price-summary-group{
+.mobius-payment-summary__styled-grid-primary-text{
+    font-size:var(--font-size-4);
+    font-weight:var(--font-weight-bold);
+}
+.mobius-payment-summary__styled-grid-secondary-text{
+    font-size:var(--font-size-2);
+    font-weight:var(--font-weight-normal);
+}
+.mobius-payment-summary__price-summary-group{
     padding:13px;
     box-sizing:border-box;
 }
-.mobius-payment_summary__border-bottom{
-    border-bottom:1px solid #ccc;
+.mobius-payment-summary__price-summary-group .align-right{
+        text-align:right;
+    }
+.mobius-payment-summary__border-bottom{
+    border-bottom:1px solid var(--combobox-border-color);
 }
-.mobius-payment_summary__form-actions-box{
+.mobius-payment-summary__form-actions-box{
     grid-area:form-actions;
 }
-.mobius-payment_summary__payment-summary-box{
+.mobius-payment-summary__payment-summary-box{
     grid-area:payment-summary;
 }
-.mobius-payment_summary__product-payment-options{
-    grid-area:mobius-payment_summary__product-payment-options;
+.mobius-payment-summary__product-payment-options{
+    grid-area:mobius-payment-summary__product-payment-options;
     display:flex;
     flex-direction:column;
     border-radius:8px;
 }
-.mobius-payment_summary__product-payment-options .mobius-segment-group{
+.mobius-payment-summary__product-payment-options .mobius-segment-group{
         margin-bottom:0;
     }
-.mobius-payment_summary__product-payment-options .mobius-segment-group + .mobius-segment-group{
+.mobius-payment-summary__product-payment-options .mobius-segment-group + .mobius-segment-group{
         margin-top:32px;
     }
-.mobius-payment_summary__product-payment-options .non-purchasable-product{
+.mobius-payment-summary__product-payment-options .non-purchasable-product{
         border:3px solid var(--color-primary);
     }
-.mobius-payment_summary__product-payment-options .exclude-for-purchase{
+.mobius-payment-summary__product-payment-options .exclude-for-purchase{
         opacity:0.5;
         cursor:not-allowed;
     }
-.mobius-payment_summary__product-payment-options .non-eligible-item{
+.mobius-payment-summary__product-payment-options .non-eligible-item{
         flex-flow:wrap;
     }
-.mobius-payment_summary__product-payment-options.combined-styles .mobius-segment-group:not(.non-purchasable-product){
+.mobius-payment-summary__product-payment-options.combined-styles .mobius-segment-group:not(.non-purchasable-product){
             border:1px solid var(--color-border-medium);
         }
-.mobius-payment_summary__outer-grid{
+.mobius-payment-summary__outer-grid{
     display:grid;
     gap:var(--font-size-6);
     grid-template-columns:2fr 1fr;
-    grid-template-areas:"mobius-payment_summary__product-payment-options payment-summary" "continuation-notice payment-summary" "form-actions payment-summary";
+    grid-template-areas:"mobius-payment-summary__product-payment-options payment-summary" "continuation-notice payment-summary" "form-actions payment-summary";
 }
-.mobius-payment_summary__outer-grid.combined-payment-page{
+.mobius-payment-summary__outer-grid.combined-payment-page{
     gap:var(--font-size-3);
     grid-template-columns:1fr;
-    grid-template-areas:"mobius-payment_summary__product-payment-options" "continuation-notice" "payment-summary" "form-actions";
+    grid-template-areas:"mobius-payment-summary__product-payment-options" "continuation-notice" "payment-summary" "form-actions";
 }
 @media (max-width: 640px){
-    .mobius-payment_summary__outer-grid{
+    .mobius-payment-summary__outer-grid{
         grid-template-columns:1fr;
-        grid-template-areas:"mobius-payment_summary__product-payment-options" "continuation-notice" "payment-summary" "form-actions";
+        grid-template-areas:"mobius-payment-summary__product-payment-options" "continuation-notice" "payment-summary" "form-actions";
     }
 }
-.mobius-payment_summary__outer-grid.show-payment-summary-only{
+.mobius-payment-summary__outer-grid.show-payment-summary-only{
     grid-template-columns:1fr;
     grid-template-areas:"payment-summary";
 }
-.mobius-payment_summary__styled-image{
+.mobius-payment-summary__styled-image{
     margin-bottom:12px;
     max-height:45px;
     max-width:100%;
 }
-.mobius-payment_summary__persistent-price-summary{
-    background-color:white;
-    width:fit-content;
+.mobius-payment-summary__persistent-price-summary{
+    background-color:var(--color-background);
+    width:100%;
+}
+.mobius-payment-summary__styled-text{
+    text-align:right;
+    cursor:pointer;
+    color:var(--color-primary);
+    font-weight:normal;
+    display:flex;
+    font-size:1.3em;
+    flex-basis:35%;
+}
+@media (min-width: 640px){
+.mobius-payment-summary__styled-text{
+        display:none;
+}
+    }
+.mobius-payment-summary__styled-coverage-text{
+    flex-basis:65%;
+}
+@media (min-width: 640px){
+.mobius-payment-summary__styled-coverage-text{
+        flex-basis:100%;
+}
+    }
+.mobius-payment-summary__styled-coverage-text{
+    font-size:1.8em;
+    margin-bottom:15px;
+}
+@media (max-width: 640px){
+.mobius-payment-summary__styled-box .coverage-title,.mobius-payment-summary__styled-box .close-coverage{
+            margin-top:15px;
+    }
+        }
+.mobius-payment-summary__persistent-product-summary-div{
+    width:340px;
+    max-width:340px;
+}
+@media (max-width: 640px){
+.mobius-payment-summary__persistent-product-summary-div{
+        width:100%;
+}
+    }
+.mobius-payment-summary__persistent-product-summary-div  > div{
+        margin-bottom:20px;
+        background-color:var(--color-background);
+    }
+.mobius-payment-summary__story-container{
+    max-width:1004px;
+}
+.mobius-payment-summary__close-text{
+    font-size:1em;
+    margin:0;
+}
+.mobius-payment-summary__cover{
+    margin-bottom:10px;
+    font-size:18px;
+    font-weight:bold;
+}
+.mobius-payment-summary__flex-margin-bottom{
+    margin-bottom:5px;
+}
+.mobius-payment-summary__flex-margin-top{
+    margin-top:10px;
+}
+.mobius-payment-summary__additional-covers{
+    width:100%;
+    border-top:1px solid var(--combobox-border-color);
+    margin-bottom:15px;
+}
+.mobius-payment-summary__minimum-covers{
+    color:var(--color-primary);
+    cursor:pointer;
+    margin-bottom:10px;
+}
+@media (min-width: 641px){
+    .mobius-payment-summary__minimum-covers-desktop{
+        min-height:92px;
+    }
+}
+.mobius-payment-summary__price-summary-box{
+    border:1px solid var(--combobox-border-color);
+    border-radius:10px;
+    padding:0px;
+    margin-bottom:20px;
+    overflow:hidden;
+}
+.mobius-payment-summary__price-summary-text{
+    font-size:18px;
+    font-weight:bold;
+}
+.mobius-payment-summary__summary-wrapper-segment{
+    width:100%;
+    justify-content:space-between;
+}
+.mobius-payment-summary__summary-wrapper-div{
+    width:100%;
+}
+.mobius-dialogue-modal__description{
+    margin:7px;
+    text-align:left;
+    line-height:25px;
+    font-size:1.2em;
+}
+.mobius-dialogue-modal__description_drawer{
+    margin:0;
+    overflow-y:auto;
+    padding-bottom:70px;
+}
+.mobius-dialogue-modal__description_non_drawer{
+    max-height:calc(100vh - 210px);
+    overflow-y:auto;
+}
+.mobius-dialogue-modal__header{
+    font-weight:600;
+    line-height:var(--line-height-tight);
+}
+.mobius-dialogue-modal__styled-button.mobius-button.--variant-primary{
+        background:transparent;
+        color:inherit;
+        font-weight:inherit;
+        border:0;
+        padding-top:inherit;
+        padding-bottom:inherit;
+        padding-left:inherit;
+        padding-right:inherit;
+        -webkit-text-decoration:underline;
+        text-decoration:underline;
+    }
+.mobius-dialogue-modal__styled-button.mobius-button.--variant-primary:hover{
+            color:inherit;
+        }
+.mobius-dialogue-modal__styled-button.mobius-button:focus-visible,.mobius-dialogue-modal__styled-button.mobius-button.--is-focus-visible{
+        box-shadow:0 0 0 var(--size-focus-ring) var(--color-primary);
+    }
+.mobius-dialogue-modal__styled-cta{
+    width:100%;
+}
+.mobius-dialogue-modal__styled-cta.--is-ghost{
+        background:var(--color-background);
+        border-color:var(--color-primary);
+        color:var(--color-primary);
+    }
+.mobius-dialogue-modal__styled-cta-wrapper{
+    padding:var(--size-lg);
+    background:var(--color-background);
+    border-top:1px solid var(--combobox-border-color);
+    position:fixed;
+    width:100%;
+    width:var(--drawer-width);
+    bottom:0;
+    right:0;
+}
+.mobius-dialogue-modal__styled-drawer-content p,.mobius-dialogue-modal__styled-drawer-content li{
+        color:var(--color-text-medium);
+        font-size:14px;
+        line-height:1.42;
+    }
+.mobius-dialogue-modal__styled-drawer-content p{
+        margin-bottom:16px;
+    }
+:is(.mobius-dialogue-modal__styled-drawer-content p):first-of-type{
+            margin-top:0;
+        }
+:is(.mobius-dialogue-modal__styled-drawer-content p) + .list__covered,:is(.mobius-dialogue-modal__styled-drawer-content p) + .list__not-covered{
+            margin-top:0;
+        }
+.mobius-dialogue-modal__styled-drawer-content .list-heading{
+        color:var(--color-neutral-700);
+        font-size:16px;
+        font-weight:600;
+        display:block;
+        margin-top:24px;
+        margin-bottom:8px;
+    }
+:is(.mobius-dialogue-modal__styled-drawer-content .list-heading) em{
+            font-style:normal;
+        }
+.mobius-dialogue-modal__styled-drawer-content ul{
+        margin-top:0;
+        padding-left:12px;
+    }
+:is(.mobius-dialogue-modal__styled-drawer-content ul) li{
+            margin-bottom:6px;
+        }
+.mobius-dialogue-modal__styled-drawer-content .list__covered,.mobius-dialogue-modal__styled-drawer-content .list__not-covered{
+        padding-left:0;
+        text-transform:lowercase;
+    }
+:is(.mobius-dialogue-modal__styled-drawer-content .list__covered,.mobius-dialogue-modal__styled-drawer-content .list__not-covered) li{
+            list-style:none;
+            display:flex;
+            margin-bottom:6px;
+            align-items:baseline;
+        }
+:is(:is(.mobius-dialogue-modal__styled-drawer-content .list__covered,.mobius-dialogue-modal__styled-drawer-content .list__not-covered) li)::before{
+                display:block;
+                flex-basis:16px;
+            }
+:is(:is(.mobius-dialogue-modal__styled-drawer-content .list__covered,.mobius-dialogue-modal__styled-drawer-content .list__not-covered) li):last-of-type{
+                margin-bottom:0;
+            }
+:is(.mobius-dialogue-modal__styled-drawer-content .list__covered) li::before{
+            content:url("data:image/svg+xml,%3Csvg aria-hidden%3D%22true%22 width%3D%2214px%22 height%3D%2210px%22 viewBox%3D%220 0 14 10%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E  %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E    %3Cg fill%3D%22%23008744%22 fill-rule%3D%22nonzero%22%3E      %3Cpolygon points%3D%2214 1.0625 13.4688 1.59375 5.53125 9.5 5 10.0312 4.46875 9.5 0.53125 5.5625 0 5.03125 1.03125 3.96875 1.5625 4.5 5 7.90625 12.4062 0.53125 12.9375 0%22%3E%3C%2Fpolygon%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
+            width:16px;
+            height:16px;
+        }
+:is(.mobius-dialogue-modal__styled-drawer-content .list__not-covered) li::before{
+            content:url("data:image/svg+xml,%3Csvg aria-hidden%3D%22true%22 width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 13 13%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E  %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E    %3Cg fill%3D%22%23B90909%22 fill-rule%3D%22nonzero%22%3E      %3Cpolygon points%3D%2212.35 1.95 13 1.3 11.7 0.00382352941 11.05 0.653823529 6.5 5.20382353 1.95 0.65 1.3 0 0.00382352941 1.3 0.653823529 1.95 5.20382353 6.5 0.65 11.05 0 11.7 1.3 12.9961765 1.95 12.3461765 6.5 7.79617647 11.05 12.35 11.7 13 12.9961765 11.7 12.3461765 11.05 7.79617647 6.5%22%3E%3C%2Fpolygon%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
+            width:11px;
+            height:11px;
+            position:relative;
+            top:1px;
+        }
+.mobius-transfer-consent__styled-div{
+    width:50%;
+    text-align:center;
+    margin-top:60px;
+}
+.mobius-transfer-consent__styled-button-container{
+    width:50%;
+    margin-top:50px;
+}
+.mobius-transfer-consent__styled-button-container .mobius-button{
+        flex:1;
+    }
+.mobius-transfer-reference__span{
+    font-weight:bold;
+}
+.mobius-quote-details-form__buy_button{
+    padding:10px 18px;
 }
 :root,
 :host{
@@ -5869,10 +6147,10 @@ svg:not(:host).svg-inline--mobius-icon{
   min-width:100px;
 }
 .mobius-interventions__trade-based-claims-text-flexbox{
-  min-width:50%;
+  max-width:50%;
 }
 .mobius-interventions__trade-based-claims-text{
-  font-size:25px;
+  font-size:20px;
   line-height:1.4;
   margin:0;
   text-wrap:stable;
@@ -5910,6 +6188,10 @@ svg:not(:host).svg-inline--mobius-icon{
     margin:0%;
   }
 
+  .mobius-interventions__trade-based-claims-text-flexbox{
+    max-width:100%;
+  }
+
   .mobius-interventions__trade-based-claims-cta-button{
     margin-top:0%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.13.2",
+  "version": "1.14.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,10 +26,10 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.22.0",
-    "@simplybusiness/mobius-datepicker": "^6.4.7",
-    "@simplybusiness/mobius-journey": "^6.67.1",
-    "@simplybusiness/theme-core": "^7.4.3"
+    "@simplybusiness/mobius": "^5.23.0",
+    "@simplybusiness/mobius-datepicker": "^6.5.0",
+    "@simplybusiness/mobius-journey": "^6.68.0",
+    "@simplybusiness/theme-core": "^7.5.0"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/index.css

@@ -76,6 +76,9 @@
 
 /* Journey Components (payment summary, etc.) */
 @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";
+@import "@simplybusiness/mobius-journey/src/components/shared/DialogueModal/DialogueModal.css";
+@import "@simplybusiness/mobius-journey/src/components/shared/TransferConsentPageUK/styles.css";
+@import "@simplybusiness/mobius-journey/src/components/shared/QuoteDetailsForm/styles.css";
 
 /* @simplybusiness/mobius-datepicker */
 @import "@simplybusiness/mobius-datepicker/src/components/DatePicker/DatePicker.css";