@simplybusiness/theme-simplybusiness 1.9.17 → 1.9.18

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.9.18
+
+### Patch Changes
+
+- d8f280f: Export journey-component atoms
+- Updated dependencies [d8f280f]
+  - @simplybusiness/mobius-journey@6.53.1
+
 ## 1.9.17
 
 ### Patch Changes

package/dist/index.css

@@ -5197,6 +5197,171 @@ svg:not(:host).svg-inline--mobius-icon{
   padding-right:var(--size-sm);
   transition:height 1s;
 }
+.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{
+        padding:14px;
+    }
+@media (max-width: 640px){
+.mobius-payment_summary__styled-div .incomplete-quote-actions{
+            padding:16px;
+    }
+        }
+.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{
+    font-weight:700;
+    margin-left:10px;
+    margin-right:10px;
+}
+.mobius-payment_summary__styled-divider{
+    height:var(--size-sm) !important;
+}
+.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{
+        font-weight:bold;
+    }
+.mobius-payment_summary__styled-wrapper{
+    width:100%;
+    flex-direction:column;
+}
+.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{
+            font-weight:normal;
+        }
+.mobius-payment_summary__styled-wrapper.combined-styles .monthly-payment{
+            margin-top:var(--size-xs);
+        }
+.mobius-payment_summary__styled-wrapper.combined-styles .mobius-divider{
+            height:var(--size-sm);
+        }
+.mobius-payment_summary__styled-wrapper.combined-styles .mobius-divider__inner{
+            background-color:var(--color-border-medium);
+        }
+.mobius-payment_summary__summary-fragment-wrapper .arrow{
+        display:inline-block;
+        width:9px;
+        height:9px;
+        border-top:1px solid var(--color-primary);
+        border-right:1px solid var(--color-primary);
+        margin-right:8px;
+        transform-origin:center;
+        margin-bottom:3px;
+    }
+.mobius-payment_summary__summary-fragment-wrapper .arrow-top{
+        transform:rotate(-45deg);
+    }
+.mobius-payment_summary__summary-fragment-wrapper .arrow-bottom{
+        transform:rotate(135deg);
+    }
+.mobius-payment_summary__summary-fragment-wrapper .additional_covers{
+        border-top:1px solid #cccccc;
+        padding-top:16px;
+    }
+.mobius-payment_summary__summary-fragment-wrapper .additional_covers ~ .additional_covers{
+        border:none;
+        padding-top:0px;
+    }
+.mobius-payment_summary__summary-fragment-wrapper .align-right{
+        text-align:right;
+    }
+.mobius-payment_summary__summary-fragment-wrapper.combined-styles .mobius-divider__inner{
+            background-color:var(--color-border-medium);
+        }
+.mobius-payment_summary__section-header-text{
+    margin-top:0;
+    margin-bottom:16px;
+    font-size:16px;
+    font-weight:bold;
+}
+.mobius-payment_summary__styled-grid{
+    display:grid;
+    grid-template-columns:65% 35%;
+    width:100%;
+}
+.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__form-actions-box{
+    grid-area:form-actions;
+}
+.mobius-payment_summary__payment-summary-box{
+    grid-area:payment-summary;
+}
+.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{
+        margin-bottom:0;
+    }
+.mobius-payment_summary__product-payment-options .mobius-segment-group + .mobius-segment-group{
+        margin-top:32px;
+    }
+.mobius-payment_summary__product-payment-options .non-purchasable-product{
+        border:3px solid var(--color-primary);
+    }
+.mobius-payment_summary__product-payment-options .exclude-for-purchase{
+        opacity:0.5;
+        cursor:not-allowed;
+    }
+.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){
+            border:1px solid var(--color-border-medium);
+        }
+.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";
+}
+.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";
+}
+@media (max-width: 640px){
+    .mobius-payment_summary__outer-grid{
+        grid-template-columns:1fr;
+        grid-template-areas:"mobius-payment_summary__product-payment-options" "continuation-notice" "payment-summary" "form-actions";
+    }
+}
+.mobius-payment_summary__outer-grid.show-payment-summary-only{
+    grid-template-columns:1fr;
+    grid-template-areas:"payment-summary";
+}
+.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;
+}
 :root,
 :host{
   --date-picker-day-size:38px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.9.17",
+  "version": "1.9.18",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -28,7 +28,7 @@
   "dependencies": {
     "@simplybusiness/mobius": "^5.19.0",
     "@simplybusiness/mobius-datepicker": "^6.4.1",
-    "@simplybusiness/mobius-journey": "^6.53.0",
+    "@simplybusiness/mobius-journey": "^6.53.1",
     "@simplybusiness/theme-core": "^7.3.2"
   },
   "devDependencies": {

package/src/index.css

@@ -70,6 +70,9 @@
 @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
 @import "@simplybusiness/mobius-journey/src/pages/Main.css";
 
+/* Journey Components (payment summary, etc.) */
+@import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";
+
 /* @simplybusiness/mobius-datepicker */
 @import "@simplybusiness/mobius-datepicker/src/components/DatePicker/DatePicker.css";