@simplybusiness/theme-simplybusiness 1.24.2 → 1.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/index.css +130 -26
  3. package/package.json +5 -5
  4. package/src/index.css +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.24.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 1c73052: bump patch versions in theme-core and theme-simplybusiness to reflect changes in mobius and mobius-journey
8
+ - Updated dependencies [4b83bca]
9
+ - Updated dependencies [1c73052]
10
+ - @simplybusiness/mobius-interventions@1.73.0
11
+ - @simplybusiness/mobius-journey@8.45.0
12
+ - @simplybusiness/theme-core@7.8.7
13
+
14
+ ## 1.24.3
15
+
16
+ ### Patch Changes
17
+
18
+ - 747fbb0: Display fixes to the PaymentInformation box on the QCP Slider / QDS
19
+ - Updated dependencies [747fbb0]
20
+ - @simplybusiness/mobius-journey@8.44.1
21
+
3
22
  ## 1.24.2
4
23
 
5
24
  ### Patch Changes
package/dist/index.css CHANGED
@@ -344,6 +344,7 @@ a.mobius-button:focus-visible,
344
344
  .mobius-checkbox__input.--is-selected{
345
345
  background-color:var(--checkbox-background-color);
346
346
  background-image:var(--checkbox-icon);
347
+ background-size:var(--checkbox-icon-size);
347
348
  }
348
349
  .mobius-checkbox__input.--is-selected.--is-invalid{
349
350
  background-color:var(--checkbox-background-color-invalid);
@@ -484,6 +485,11 @@ a.mobius-button:focus-visible,
484
485
  .mobius-combobox--is-expanded.mobius-combobox--is-mobile .mobius-combobox__list{
485
486
  max-height:var(--listbox-max-height-mobile);
486
487
  }
488
+ .mobius-combobox__list.mobius-combobox__list--hidden{
489
+ visibility:hidden;
490
+ height:0;
491
+ opacity:0;
492
+ }
487
493
  .mobius-combobox__no-options{
488
494
  padding:var(--option-padding);
489
495
  text-align:center;
@@ -3546,6 +3552,7 @@ svg:not(:host).svg-inline--mobius-icon{
3546
3552
  background-color:var(--progress-steps-secondary-color);
3547
3553
  background-repeat:no-repeat;
3548
3554
  background-position:center;
3555
+ background-size:var(--progress-steps-icon-size);
3549
3556
  }
3550
3557
  .mobius-progress-steps__item-shape::after{
3551
3558
  content:"";
@@ -4887,6 +4894,74 @@ svg:not(:host).svg-inline--mobius-icon{
4887
4894
  .mobius-quote-details-drawer__footer-payment-info-link:focus{
4888
4895
  box-shadow:var(--box-shadow-default);
4889
4896
  }
4897
+ .mobius-payment-info{
4898
+ position:relative;
4899
+ display:flex;
4900
+ flex-direction:column;
4901
+ width:100%;
4902
+ margin-top:var(--size-lg);
4903
+ border-top:1px solid var(--color-border-light);
4904
+ }
4905
+ .mobius-payment-info.--has-divider{
4906
+ border-top:1px solid var(--color-border-light);
4907
+ }
4908
+ .mobius-payment-info__title.mobius-text{
4909
+ margin-top:var(--size-lg);
4910
+ margin-bottom:var(--size-sm);
4911
+ }
4912
+ .mobius-payment-info__multi-product-text{
4913
+ margin-top:var(--size-xs);
4914
+ margin-bottom:var(--size-xs);
4915
+ line-height:1.8rem;
4916
+ }
4917
+ .mobius-payment-info__multi-product{
4918
+ border:1px solid var(--color-border);
4919
+ border-radius:var(--radius-2);
4920
+ padding:1rem;
4921
+ margin-top:1rem;
4922
+ }
4923
+ .--general-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
4924
+ padding-bottom:var(--size-xs);
4925
+ }
4926
+ .--professional-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
4927
+ position:relative;
4928
+ border:1px solid var(--color-border-light);
4929
+ padding-top:var(--size-xs);
4930
+ }
4931
+ .mobius-payment-info__start-date{
4932
+ padding-bottom:0;
4933
+ margin-bottom:0;
4934
+ }
4935
+ .mobius-payment-info__logo{
4936
+ margin-bottom:10px;
4937
+ }
4938
+ .mobius-payment-info__total-today{
4939
+ padding:1rem;
4940
+ border-bottom:1px solid var(--color-border);
4941
+ }
4942
+ .mobius-payment-info__installments{
4943
+ padding:1rem;
4944
+ border-bottom:1px solid var(--color-border);
4945
+ }
4946
+ .mobius-payment-info__total.mobius-segment{
4947
+ border-top-left-radius:0;
4948
+ border-top-right-radius:0;
4949
+ }
4950
+ .mobius-payment-info__total.mobius-segment .mobius-flex{
4951
+ width:100%;
4952
+ }
4953
+ .mobius-payment-info__total-outer-container{
4954
+ border-radius:var(--radius-2);
4955
+ border:1px solid var(--color-border);
4956
+ margin-top:var(--size-sm);
4957
+ margin-bottom:var(--size-sm);
4958
+ }
4959
+ :is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) span,:is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) strong,:is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) p{
4960
+ font-size:var(--font-size-2);
4961
+ }
4962
+ .mobius-payment-info__total-container{
4963
+ padding:var(--size-sm) var(--size-sm) var(--size-xs);
4964
+ }
4890
4965
  .mobius-quote-card{
4891
4966
  display:grid;
4892
4967
  grid-template-areas:"header" "pricing" "coverage" "actions";
@@ -5286,25 +5361,13 @@ svg:not(:host).svg-inline--mobius-icon{
5286
5361
  padding:0;
5287
5362
  cursor:pointer;
5288
5363
  }
5289
- .mobius-payment-toggle::before{
5290
- content:"";
5291
- position:absolute;
5292
- width:calc(50% - 1px);
5293
- top:2px;
5294
- bottom:2px;
5295
- left:0;
5296
- background-color:var(--color-primary);
5297
- border-radius:50px;
5298
- transform:translateX(2px);
5299
- transition:all var(--payment-toggle-duration) ease-in-out;
5300
- }
5301
5364
  .mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible{
5302
5365
  border-color:var(--color-primary-hover);
5303
5366
  }
5304
5367
  .--yearly:is(:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
5305
5368
  color:var(--color-primary-hover);
5306
5369
  }
5307
- :is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible)::before{
5370
+ :is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__slider{
5308
5371
  background-color:var(--color-primary-hover);
5309
5372
  }
5310
5373
  .--monthly:is(.--is-toggled:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
@@ -5314,7 +5377,7 @@ svg:not(:host).svg-inline--mobius-icon{
5314
5377
  outline:none;
5315
5378
  box-shadow:var(--box-shadow-default);
5316
5379
  }
5317
- .mobius-payment-toggle.--is-toggled::before{
5380
+ .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__slider{
5318
5381
  transform:translate(100%);
5319
5382
  }
5320
5383
  .--monthly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
@@ -5323,6 +5386,19 @@ svg:not(:host).svg-inline--mobius-icon{
5323
5386
  .--yearly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
5324
5387
  color:var(--color-text-inverted);
5325
5388
  }
5389
+ .mobius-payment-toggle__slider{
5390
+ position:absolute;
5391
+ width:calc(50% - 1px);
5392
+ top:2px;
5393
+ bottom:2px;
5394
+ left:0;
5395
+ background-color:var(--color-primary);
5396
+ border-radius:50px;
5397
+ transform:translateX(2px);
5398
+ transition:all var(--payment-toggle-duration) ease-in-out;
5399
+ z-index:-1;
5400
+ pointer-events:none;
5401
+ }
5326
5402
  .mobius-payment-toggle__text{
5327
5403
  position:relative;
5328
5404
  display:flex;
@@ -6099,13 +6175,13 @@ svg:not(:host).svg-inline--mobius-icon{
6099
6175
  .mobius-interventions__pricing-nudge-cta{
6100
6176
  padding:14px 16px;
6101
6177
  }
6178
+ .mobius-interventions__trade-based-logo{
6179
+ display:block;
6180
+ max-width:30%;
6181
+ min-width:100px;
6182
+ }
6102
6183
  .mobius-interventions__trade-based-mobile-logo{
6103
- background-image:url("data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2240%22 viewBox%3D%220 0 59 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M24.5419 24.1227C25.2016 25.4263 25.5315 26.911 25.5315 28.5769C25.542 30.09 25.2494 31.5899 24.671 32.9881C24.1062 34.3492 23.2689 35.5803 22.2104 36.6056C21.1416 37.6446 19.7961 38.4637 18.1737 39.063C16.4498 39.6778 14.6303 39.9816 12.8 39.9602C10.4851 39.9804 8.1874 39.5613 6.02873 38.7251C3.94745 37.9049 2.26937 37.0088 0.994465 36.0367C0.695864 35.8148 0.443123 35.5372 0.250243 35.2191C0.121579 34.984 0.0577767 34.7189 0.0653821 34.451C0.0478674 34.3637 0.0478674 34.2738 0.0653821 34.1865C0.131936 33.7067 0.334319 33.2561 0.648649 32.8876L1.87096 31.1665C2.29593 30.5833 2.75595 30.256 3.25104 30.1849C3.32939 30.1667 3.40966 30.1581 3.49008 30.1594C3.92674 30.1594 4.42554 30.3299 4.9865 30.6709C7.67016 32.5896 10.2731 33.5495 12.7953 33.5506C14.5684 33.5506 15.9745 33.1426 17.0136 32.3267C17.5086 31.9583 17.9083 31.4767 18.1792 30.9222C18.4501 30.3677 18.5843 29.7564 18.5706 29.1394C18.5768 28.382 18.3644 27.6388 17.9586 26.9992C17.5263 26.3276 16.9599 25.7525 16.2949 25.31C15.5258 24.7923 14.7205 24.3306 13.8853 23.9283C12.9822 23.4853 12.0335 23.0507 11.0391 22.6247C10.0447 22.1987 9.05609 21.7466 8.07335 21.2685C7.09218 20.789 6.15105 20.2316 5.25901 19.6016C4.39008 18.9989 3.58864 18.3043 2.86857 17.5299C2.14783 16.7318 1.58876 15.8015 1.22235 14.7904C0.815827 13.6599 0.617668 12.465 0.637494 11.2637C0.637494 9.06667 1.2096 7.11289 2.35383 5.4024C3.51573 3.68487 5.13471 2.32642 7.02793 1.48048C8.9934 0.573179 11.1969 0.119527 13.6383 0.119527C15.5964 0.104716 17.5435 0.413798 19.4008 1.03427C21.1889 1.64303 22.587 2.3182 23.5953 3.05977C24.3209 3.57291 24.6837 4.17371 24.6837 4.86216C24.6674 5.32232 24.5294 5.76993 24.2837 6.15937L23.2973 7.93467C22.8882 8.73042 22.3278 9.12776 21.616 9.1267C21.1156 9.10497 20.629 8.95576 20.2024 8.69323C19.5087 8.27889 18.9042 7.94104 18.3889 7.67969C17.6989 7.355 16.9796 7.09673 16.2407 6.90837C15.3417 6.65999 14.4132 6.53402 13.4805 6.53387C11.685 6.53387 10.2534 6.93281 9.1857 7.73068C8.68059 8.08642 8.27094 8.56116 7.99298 9.11291C7.71502 9.66465 7.57733 10.2764 7.59207 10.894C7.58543 11.8537 7.94178 12.7804 8.58968 13.4885C9.31879 14.2906 10.1952 14.9453 11.1714 15.4167C12.2263 15.9479 13.395 16.4749 14.6773 16.9976C15.9597 17.5203 17.2346 18.1047 18.502 18.7506C19.7318 19.3681 20.899 20.103 21.9873 20.945C23.0653 21.8003 23.9382 22.8861 24.5419 24.1227ZM58.2088 27.2924C58.2088 30.7379 56.9626 33.8486 54.7028 36.0574C52.271 38.4223 48.7761 39.6813 44.6088 39.6813H33.1188C30.4941 39.6813 28.5148 37.7036 28.5148 35.0821V5.00399C28.4957 4.39445 28.6018 3.78748 28.8265 3.22054C29.0512 2.65361 29.3897 2.13875 29.8212 1.70776C30.2526 1.27676 30.7678 0.938778 31.335 0.714674C31.9022 0.490571 32.5092 0.385104 33.1188 0.404786H42.8319C46.5148 0.404786 49.6351 1.58885 51.855 3.8263C53.9044 5.89004 55.0327 8.73466 55.0327 11.8343C55.0327 14.3044 54.357 16.3586 52.9721 18.094C54.3912 18.8722 55.6053 19.976 56.5148 21.3147C57.6399 22.9992 58.2104 25.0104 58.2104 27.2924H58.2088ZM45.165 19.0183C45.2176 18.9865 50.4622 15.761 50.4622 11.8343C50.4622 9.94423 49.804 8.23905 48.6072 7.03427C46.9116 5.32431 44.5291 4.96255 42.8303 4.96255H33.0837V35.1155H44.6088C47.5586 35.1155 49.9459 34.3108 51.5108 32.7888C52.8845 31.4502 53.6415 29.498 53.6415 27.2924C53.6415 25.9267 53.3228 24.7665 52.714 23.8438V23.8343V23.8231C51.2478 21.2972 45.3467 19.7546 45.2861 19.7386L44.3841 19.506L45.165 19.0183Z%22 fill%3D%22url%28%23paint0_linear_8795_1136%29%22%2F%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_8795_1136%22 x1%3D%2248.6136%22 y1%3D%2242.1418%22 x2%3D%226.97055%22 y2%3D%220.497221%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%234632D8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%239084E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
6104
- background-position:center center;
6105
- background-repeat:no-repeat;
6106
- background-size:contain;
6107
- width:60px;
6108
- height:60px;
6184
+ display:none;
6109
6185
  }
6110
6186
  .mobius-interventions__trade-based-msm-logo{
6111
6187
  background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 1020.58 127.65%22 width%3D%22250px%22%3E %3Cdefs%3E %3Cpath id%3D%22a%22 d%3D%22M1020.58 20.69v15.76h-14.88v89.08h-18.95V36.45H971.7V20.69h48.88zm-879.22 13.1c2.06 4.84 3.1 10.98 3.1 18.42v41.26c0 7.44-1.04 13.7-3.1 18.77-2.07 5.08-5.2 8.92-9.39 11.51-4.19 2.6-9.42 3.9-15.67 3.9-6.02 0-11.13-1.3-15.32-3.9-4.19-2.6-7.38-6.4-9.56-11.42-2.19-5.02-3.28-11.3-3.28-18.86V52.21c0-7.32 1.09-13.43 3.28-18.33 2.18-4.9 5.43-8.68 9.74-11.33 4.31-2.66 9.36-3.98 15.14-3.98 6.26 0 11.48 1.33 15.67 3.98 4.2 2.65 7.33 6.4 9.39 11.24zm-15.49 15.23c0-3.19-.35-5.81-1.06-7.88-.71-2.06-1.74-3.66-3.1-4.78s-3.16-1.68-5.4-1.68c-2.01 0-3.66.56-4.96 1.68-1.3 1.12-2.33 2.72-3.1 4.78-.77 2.07-1.15 4.69-1.15 7.88v47.82c0 3.43.38 6.17 1.15 8.23.77 2.07 1.8 3.6 3.1 4.61 1.3 1 2.95 1.5 4.96 1.5 2.24 0 4.01-.5 5.31-1.5 1.3-1 2.33-2.54 3.1-4.61.77-2.06 1.15-4.81 1.15-8.23V49.02zm794.17 76.51h43.39v-16.47h-24.44V79.31h22.14V63.72h-22.14v-27.1h24.44V20.69h-43.39v104.84zM191.52 71.69l-.08 8.66-17.81-59.66h-20.01v104.84h18.24V66.67l17.71 58.86h20.01V20.69h-18.24l.18 51zm321.07-40.38c2.06 3.78 3.1 8.62 3.1 14.52V67.8c0 6.02-1 10.98-3.01 14.88-2.01 3.9-4.84 6.7-8.5 8.41s-8.09 2.57-13.28 2.57h-9.39v31.88h-18.77V20.69h27.63c5.19 0 9.68.83 13.46 2.48 3.77 1.65 6.69 4.37 8.76 8.14zm-15.85 14.17c0-2.71-.71-4.9-2.13-6.55-1.42-1.65-3.78-2.48-7.08-2.48h-6.02v40.91h6.02c3.3 0 5.67-.8 7.08-2.39 1.42-1.59 2.13-3.92 2.13-7V45.48zm-277.59 80.05h43.39v-16.47H238.1V79.31h22.14V63.72H238.1v-27.1h24.44V20.69h-43.39v104.84zm305.7 0h43.39v-16.47H543.8V79.31h22.14V63.72H543.8v-27.1h24.44V20.69h-43.39v104.84zM914.02 20.69h-21.07l-18.59 49.13V20.87h-18.59v104.66h18.59V99.2l8.28-12.82 12.27 39.15h20.9l-20.88-59.37 19.09-45.47zM297.14 74.35l-9.12-53.66h-19.48l19.13 75.97v28.87h18.77V96.66l19.48-75.97h-19.13l-9.65 53.66zm473.25-53.48l16.82 104.66h-19.13l-2.43-18.06h-19.02l-2.46 18.06H725.4l16.65-104.66h28.34zm-6.89 70.48l-6.92-51.53h-.71l-7.03 51.53h14.66zm-328.92 8.32c0 2.6-.3 4.72-.89 6.38-.59 1.66-1.51 2.92-2.74 3.81-1.24.89-2.74 1.33-4.52 1.33-2.36 0-4.1-.44-5.22-1.33-1.12-.89-1.98-2.15-2.57-3.81-.59-1.65-.89-3.78-.89-6.38V20.69H398.8v76.86c0 6.73 1 12.31 3.01 16.74 2.01 4.43 5.02 7.76 9.03 10.01 4.01 2.24 9.21 3.36 15.58 3.36 6.02 0 11.01-1.18 14.96-3.54 3.95-2.36 6.91-5.72 8.85-10.09 1.95-4.37 2.92-9.86 2.92-16.47V20.69h-18.59v78.98zm411.61-55.25v16.12c0 5.31-1.15 9.74-3.45 13.28a20.775 20.775 0 01-5.61 5.76l-.06-.02c.74.49 1.46 1.01 2.13 1.58 4.66 3.96 7 9.89 7 17.8v26.59h-18.95V92.59c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v40.91h-18.77V20.69h26.92c8.03 0 14.37 1.98 19.04 5.93 4.66 3.96 6.99 9.89 6.99 17.8zm-27.27 25.15c2.95 0 5.07-.74 6.38-2.21 1.3-1.47 1.95-3.51 1.95-6.11V44.42c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v33.12h6.91zM630.75 44.42v16.12c0 5.31-1.15 9.74-3.45 13.28a20.775 20.775 0 01-5.61 5.76l-.06-.02c.74.49 1.46 1.01 2.13 1.58 4.66 3.96 7 9.89 7 17.8v26.59H611.8V92.59c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v40.91H577.8V20.69h26.92c8.03 0 14.37 1.98 19.04 5.93 4.66 3.96 6.99 9.89 6.99 17.8zm-27.27 25.15c2.95 0 5.07-.74 6.38-2.21 1.3-1.47 1.95-3.51 1.95-6.11V44.42c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v33.12h6.91zm-563.99-7.1L24.9 1.95H0v123.58h19.3l-1.59-87.45 21.78 78.54 21.78-78.54-1.59 87.45h19.3V1.95h-24.9L39.49 62.47zm339.52-1.12c-3.48-2.83-21.02-11.83-22.49-12.84-1.48-1-2.69-2.36-3.63-4.07-.95-1.71-1.48-3.92-1.59-6.64V25.32c0-1.53.35-2.92 1.06-4.16a8.416 8.416 0 012.92-3.01c1.24-.77 2.92-1.15 5.05-1.15 3.78 0 6.43 1.09 7.97 3.28 1.53 2.19 2.3 5.17 2.3 8.94v11.23h18.42V29.22c0-9.21-2.45-16.38-7.35-21.52-4.9-5.14-12.01-7.7-21.34-7.7-5.79 0-10.8.97-15.05 2.92s-7.53 4.9-9.83 8.85c-2.3 3.96-3.45 8.47-3.45 13.55v12.47c0 5.31.74 9.71 2.21 13.19 1.48 3.48 3.6 6.44 6.38 8.85 2.77 2.42 21.78 12.4 23.73 13.64 1.95 1.24 3.42 2.86 4.43 4.87 1 2.01 1.51 4.72 1.51 8.15v13.71c0 3.07-.8 5.58-2.39 7.53-1.59 1.95-3.98 2.92-7.17 2.92-2.72 0-4.87-.59-6.46-1.77-1.59-1.18-2.75-2.77-3.45-4.78-.71-2.01-1.06-4.13-1.06-6.38V85.25h-18.95v12.47c0 6.49 1.12 11.98 3.36 16.47 2.24 4.49 5.61 7.85 10.09 10.09 4.49 2.24 9.98 3.36 16.47 3.36 5.55 0 10.63-1.12 15.23-3.36 4.6-2.24 8.03-5.37 10.27-9.39 2.24-4.01 3.36-8.74 3.36-14.17v-14.6c0-5.67-.89-10.51-2.66-14.52-1.78-3.99-4.41-7.42-7.89-10.25zm300.9 1.12l-14.6-60.52h-24.9v123.58h19.3l-1.59-87.45 21.78 78.54 21.78-78.54-1.59 87.45h19.3V1.95h-24.9l-14.58 60.52z%22%2F%3E %3C%2Fdefs%3E %3CradialGradient id%3D%22b%22 cx%3D%22504.947%22 cy%3D%2263.826%22 r%3D%22500.402%22 gradientUnits%3D%22userSpaceOnUse%22%3E %3Cstop offset%3D%220%22 stop-color%3D%22%23604389%22%2F%3E %3Cstop offset%3D%22.999%22 stop-color%3D%22%23491770%22%2F%3E %3C%2FradialGradient%3E %3Cuse xlink%3Ahref%3D%22%23a%22 overflow%3D%22visible%22 fill%3D%22url%28%23b%29%22%2F%3E%3C%2Fsvg%3E");
@@ -6159,9 +6235,9 @@ svg:not(:host).svg-inline--mobius-icon{
6159
6235
  .mobius-interventions__trade-based{
6160
6236
  width:min(90%, 750px);
6161
6237
  }
6162
- .mobius-interventions__trade-based-logo{
6163
- max-width:30%;
6164
- min-width:100px;
6238
+ .mobius-interventions__trade-based-wrapper{
6239
+ flex-direction:row;
6240
+ justify-content:space-between;
6165
6241
  }
6166
6242
  .mobius-interventions__trade-based-text-flexbox{
6167
6243
  max-width:50%;
@@ -6198,9 +6274,14 @@ svg:not(:host).svg-inline--mobius-icon{
6198
6274
  .mobius-interventions__trade-based-close-button-msm:hover{
6199
6275
  color:white;
6200
6276
  }
6201
- .mobius-interventions__trade-based-cta-button{
6202
- margin-top:10%;
6277
+ .mobius-interventions__trade-based-cta-desktop{
6278
+ display:block;
6203
6279
  font-weight:var(--font-weight-normal);
6280
+ margin-top:10%;
6281
+ width:195px;
6282
+ }
6283
+ .mobius-interventions__trade-based-cta-mobile{
6284
+ display:none;
6204
6285
  }
6205
6286
  .mobius-interventions__trade-based .mobius-modal__close{
6206
6287
  display:none;
@@ -6212,18 +6293,41 @@ svg:not(:host).svg-inline--mobius-icon{
6212
6293
  margin:16px 0 0 0;
6213
6294
  }
6214
6295
  @media only screen and (max-width: 750px){
6296
+ .mobius-interventions__trade-based-logo{
6297
+ display:none;
6298
+ }
6299
+ .mobius-interventions__trade-based-mobile-logo{
6300
+ display:block;
6301
+ background-image:url("data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2240%22 viewBox%3D%220 0 59 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M24.5419 24.1227C25.2016 25.4263 25.5315 26.911 25.5315 28.5769C25.542 30.09 25.2494 31.5899 24.671 32.9881C24.1062 34.3492 23.2689 35.5803 22.2104 36.6056C21.1416 37.6446 19.7961 38.4637 18.1737 39.063C16.4498 39.6778 14.6303 39.9816 12.8 39.9602C10.4851 39.9804 8.1874 39.5613 6.02873 38.7251C3.94745 37.9049 2.26937 37.0088 0.994465 36.0367C0.695864 35.8148 0.443123 35.5372 0.250243 35.2191C0.121579 34.984 0.0577767 34.7189 0.0653821 34.451C0.0478674 34.3637 0.0478674 34.2738 0.0653821 34.1865C0.131936 33.7067 0.334319 33.2561 0.648649 32.8876L1.87096 31.1665C2.29593 30.5833 2.75595 30.256 3.25104 30.1849C3.32939 30.1667 3.40966 30.1581 3.49008 30.1594C3.92674 30.1594 4.42554 30.3299 4.9865 30.6709C7.67016 32.5896 10.2731 33.5495 12.7953 33.5506C14.5684 33.5506 15.9745 33.1426 17.0136 32.3267C17.5086 31.9583 17.9083 31.4767 18.1792 30.9222C18.4501 30.3677 18.5843 29.7564 18.5706 29.1394C18.5768 28.382 18.3644 27.6388 17.9586 26.9992C17.5263 26.3276 16.9599 25.7525 16.2949 25.31C15.5258 24.7923 14.7205 24.3306 13.8853 23.9283C12.9822 23.4853 12.0335 23.0507 11.0391 22.6247C10.0447 22.1987 9.05609 21.7466 8.07335 21.2685C7.09218 20.789 6.15105 20.2316 5.25901 19.6016C4.39008 18.9989 3.58864 18.3043 2.86857 17.5299C2.14783 16.7318 1.58876 15.8015 1.22235 14.7904C0.815827 13.6599 0.617668 12.465 0.637494 11.2637C0.637494 9.06667 1.2096 7.11289 2.35383 5.4024C3.51573 3.68487 5.13471 2.32642 7.02793 1.48048C8.9934 0.573179 11.1969 0.119527 13.6383 0.119527C15.5964 0.104716 17.5435 0.413798 19.4008 1.03427C21.1889 1.64303 22.587 2.3182 23.5953 3.05977C24.3209 3.57291 24.6837 4.17371 24.6837 4.86216C24.6674 5.32232 24.5294 5.76993 24.2837 6.15937L23.2973 7.93467C22.8882 8.73042 22.3278 9.12776 21.616 9.1267C21.1156 9.10497 20.629 8.95576 20.2024 8.69323C19.5087 8.27889 18.9042 7.94104 18.3889 7.67969C17.6989 7.355 16.9796 7.09673 16.2407 6.90837C15.3417 6.65999 14.4132 6.53402 13.4805 6.53387C11.685 6.53387 10.2534 6.93281 9.1857 7.73068C8.68059 8.08642 8.27094 8.56116 7.99298 9.11291C7.71502 9.66465 7.57733 10.2764 7.59207 10.894C7.58543 11.8537 7.94178 12.7804 8.58968 13.4885C9.31879 14.2906 10.1952 14.9453 11.1714 15.4167C12.2263 15.9479 13.395 16.4749 14.6773 16.9976C15.9597 17.5203 17.2346 18.1047 18.502 18.7506C19.7318 19.3681 20.899 20.103 21.9873 20.945C23.0653 21.8003 23.9382 22.8861 24.5419 24.1227ZM58.2088 27.2924C58.2088 30.7379 56.9626 33.8486 54.7028 36.0574C52.271 38.4223 48.7761 39.6813 44.6088 39.6813H33.1188C30.4941 39.6813 28.5148 37.7036 28.5148 35.0821V5.00399C28.4957 4.39445 28.6018 3.78748 28.8265 3.22054C29.0512 2.65361 29.3897 2.13875 29.8212 1.70776C30.2526 1.27676 30.7678 0.938778 31.335 0.714674C31.9022 0.490571 32.5092 0.385104 33.1188 0.404786H42.8319C46.5148 0.404786 49.6351 1.58885 51.855 3.8263C53.9044 5.89004 55.0327 8.73466 55.0327 11.8343C55.0327 14.3044 54.357 16.3586 52.9721 18.094C54.3912 18.8722 55.6053 19.976 56.5148 21.3147C57.6399 22.9992 58.2104 25.0104 58.2104 27.2924H58.2088ZM45.165 19.0183C45.2176 18.9865 50.4622 15.761 50.4622 11.8343C50.4622 9.94423 49.804 8.23905 48.6072 7.03427C46.9116 5.32431 44.5291 4.96255 42.8303 4.96255H33.0837V35.1155H44.6088C47.5586 35.1155 49.9459 34.3108 51.5108 32.7888C52.8845 31.4502 53.6415 29.498 53.6415 27.2924C53.6415 25.9267 53.3228 24.7665 52.714 23.8438V23.8343V23.8231C51.2478 21.2972 45.3467 19.7546 45.2861 19.7386L44.3841 19.506L45.165 19.0183Z%22 fill%3D%22url%28%23paint0_linear_8795_1136%29%22%2F%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_8795_1136%22 x1%3D%2248.6136%22 y1%3D%2242.1418%22 x2%3D%226.97055%22 y2%3D%220.497221%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%234632D8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%239084E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
6302
+ background-position:center center;
6303
+ background-repeat:no-repeat;
6304
+ background-size:contain;
6305
+ width:60px;
6306
+ height:60px;
6307
+ }
6308
+
6215
6309
  .mobius-interventions__trade-based-homebuilder{
6216
6310
  height:280px;
6217
6311
  width:100%;
6218
6312
  margin:0%;
6219
6313
  }
6220
6314
 
6315
+ .mobius-interventions__trade-based-wrapper{
6316
+ flex-direction:column;
6317
+ justify-content:center;
6318
+ }
6319
+
6221
6320
  .mobius-interventions__trade-based-text-flexbox{
6222
6321
  max-width:100%;
6223
6322
  }
6224
6323
 
6225
- .mobius-interventions__trade-based-cta-button{
6324
+ .mobius-interventions__trade-based-cta-desktop{
6325
+ display:none;
6326
+ }
6327
+ .mobius-interventions__trade-based-cta-mobile{
6328
+ display:block;
6226
6329
  margin-top:0%;
6330
+ width:195px;
6227
6331
  }
6228
6332
 
6229
6333
  .mobius-interventions__trade-based-box-msm{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.24.2",
3
+ "version": "1.24.4",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,12 +26,12 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.29.6",
29
+ "@simplybusiness/mobius": "^5.29.9",
30
30
  "@simplybusiness/mobius-chatbot": "^1.4.16",
31
31
  "@simplybusiness/mobius-datepicker": "^6.7.3",
32
- "@simplybusiness/mobius-interventions": "^1.71.0",
33
- "@simplybusiness/mobius-journey": "^8.42.0",
34
- "@simplybusiness/theme-core": "^7.8.6"
32
+ "@simplybusiness/mobius-interventions": "^1.73.0",
33
+ "@simplybusiness/mobius-journey": "^8.45.0",
34
+ "@simplybusiness/theme-core": "^7.8.7"
35
35
  },
36
36
  "devDependencies": {
37
37
  "css-loader": "^7.1.2",
package/src/index.css CHANGED
@@ -62,6 +62,7 @@
62
62
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteActions/QuoteDetails/AdditionalCoverageInformation/AdditionalCoverageInformation.css";
63
63
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteActions/QuoteDetails/CertificateOfInsurance/CertificateOfInsurance.css";
64
64
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteActions/QuoteDetails/Footer.css";
65
+ @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteActions/QuoteDetails/PaymentInformation/PaymentInformation.css";
65
66
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteCard.css";
66
67
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/QuoteCardBadges/QuoteCardBadges.css";
67
68
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Tag/Tag.css";