@simplybusiness/theme-simplybusiness 1.24.2 → 1.24.3

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 +8 -0
  2. package/dist/index.css +128 -26
  3. package/package.json +4 -4
  4. package/src/index.css +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.24.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 747fbb0: Display fixes to the PaymentInformation box on the QCP Slider / QDS
8
+ - Updated dependencies [747fbb0]
9
+ - @simplybusiness/mobius-journey@8.44.1
10
+
3
11
  ## 1.24.2
4
12
 
5
13
  ### Patch Changes
package/dist/index.css CHANGED
@@ -484,6 +484,11 @@ a.mobius-button:focus-visible,
484
484
  .mobius-combobox--is-expanded.mobius-combobox--is-mobile .mobius-combobox__list{
485
485
  max-height:var(--listbox-max-height-mobile);
486
486
  }
487
+ .mobius-combobox__list.mobius-combobox__list--hidden{
488
+ visibility:hidden;
489
+ height:0;
490
+ opacity:0;
491
+ }
487
492
  .mobius-combobox__no-options{
488
493
  padding:var(--option-padding);
489
494
  text-align:center;
@@ -4887,6 +4892,74 @@ svg:not(:host).svg-inline--mobius-icon{
4887
4892
  .mobius-quote-details-drawer__footer-payment-info-link:focus{
4888
4893
  box-shadow:var(--box-shadow-default);
4889
4894
  }
4895
+ .mobius-payment-info{
4896
+ position:relative;
4897
+ display:flex;
4898
+ flex-direction:column;
4899
+ width:100%;
4900
+ margin-top:var(--size-lg);
4901
+ border-top:1px solid var(--color-border-light);
4902
+ }
4903
+ .mobius-payment-info.--has-divider{
4904
+ border-top:1px solid var(--color-border-light);
4905
+ }
4906
+ .mobius-payment-info__title.mobius-text{
4907
+ margin-top:var(--size-lg);
4908
+ margin-bottom:var(--size-sm);
4909
+ }
4910
+ .mobius-payment-info__multi-product-text{
4911
+ margin-top:var(--size-xs);
4912
+ margin-bottom:var(--size-xs);
4913
+ line-height:1.8rem;
4914
+ }
4915
+ .mobius-payment-info__multi-product{
4916
+ border:1px solid var(--color-border);
4917
+ border-radius:var(--radius-2);
4918
+ padding:1rem;
4919
+ margin-top:1rem;
4920
+ }
4921
+ .--general-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
4922
+ padding-bottom:var(--size-xs);
4923
+ }
4924
+ .--professional-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
4925
+ position:relative;
4926
+ border:1px solid var(--color-border-light);
4927
+ padding-top:var(--size-xs);
4928
+ }
4929
+ .mobius-payment-info__start-date{
4930
+ padding-bottom:0;
4931
+ margin-bottom:0;
4932
+ }
4933
+ .mobius-payment-info__logo{
4934
+ margin-bottom:10px;
4935
+ }
4936
+ .mobius-payment-info__total-today{
4937
+ padding:1rem;
4938
+ border-bottom:1px solid var(--color-border);
4939
+ }
4940
+ .mobius-payment-info__installments{
4941
+ padding:1rem;
4942
+ border-bottom:1px solid var(--color-border);
4943
+ }
4944
+ .mobius-payment-info__total.mobius-segment{
4945
+ border-top-left-radius:0;
4946
+ border-top-right-radius:0;
4947
+ }
4948
+ .mobius-payment-info__total.mobius-segment .mobius-flex{
4949
+ width:100%;
4950
+ }
4951
+ .mobius-payment-info__total-outer-container{
4952
+ border-radius:var(--radius-2);
4953
+ border:1px solid var(--color-border);
4954
+ margin-top:var(--size-sm);
4955
+ margin-bottom:var(--size-sm);
4956
+ }
4957
+ :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{
4958
+ font-size:var(--font-size-2);
4959
+ }
4960
+ .mobius-payment-info__total-container{
4961
+ padding:var(--size-sm) var(--size-sm) var(--size-xs);
4962
+ }
4890
4963
  .mobius-quote-card{
4891
4964
  display:grid;
4892
4965
  grid-template-areas:"header" "pricing" "coverage" "actions";
@@ -5286,25 +5359,13 @@ svg:not(:host).svg-inline--mobius-icon{
5286
5359
  padding:0;
5287
5360
  cursor:pointer;
5288
5361
  }
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
5362
  .mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible{
5302
5363
  border-color:var(--color-primary-hover);
5303
5364
  }
5304
5365
  .--yearly:is(:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
5305
5366
  color:var(--color-primary-hover);
5306
5367
  }
5307
- :is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible)::before{
5368
+ :is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__slider{
5308
5369
  background-color:var(--color-primary-hover);
5309
5370
  }
5310
5371
  .--monthly:is(.--is-toggled:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
@@ -5314,7 +5375,7 @@ svg:not(:host).svg-inline--mobius-icon{
5314
5375
  outline:none;
5315
5376
  box-shadow:var(--box-shadow-default);
5316
5377
  }
5317
- .mobius-payment-toggle.--is-toggled::before{
5378
+ .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__slider{
5318
5379
  transform:translate(100%);
5319
5380
  }
5320
5381
  .--monthly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
@@ -5323,6 +5384,19 @@ svg:not(:host).svg-inline--mobius-icon{
5323
5384
  .--yearly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
5324
5385
  color:var(--color-text-inverted);
5325
5386
  }
5387
+ .mobius-payment-toggle__slider{
5388
+ position:absolute;
5389
+ width:calc(50% - 1px);
5390
+ top:2px;
5391
+ bottom:2px;
5392
+ left:0;
5393
+ background-color:var(--color-primary);
5394
+ border-radius:50px;
5395
+ transform:translateX(2px);
5396
+ transition:all var(--payment-toggle-duration) ease-in-out;
5397
+ z-index:-1;
5398
+ pointer-events:none;
5399
+ }
5326
5400
  .mobius-payment-toggle__text{
5327
5401
  position:relative;
5328
5402
  display:flex;
@@ -6099,13 +6173,13 @@ svg:not(:host).svg-inline--mobius-icon{
6099
6173
  .mobius-interventions__pricing-nudge-cta{
6100
6174
  padding:14px 16px;
6101
6175
  }
6176
+ .mobius-interventions__trade-based-logo{
6177
+ display:block;
6178
+ max-width:30%;
6179
+ min-width:100px;
6180
+ }
6102
6181
  .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;
6182
+ display:none;
6109
6183
  }
6110
6184
  .mobius-interventions__trade-based-msm-logo{
6111
6185
  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 +6233,9 @@ svg:not(:host).svg-inline--mobius-icon{
6159
6233
  .mobius-interventions__trade-based{
6160
6234
  width:min(90%, 750px);
6161
6235
  }
6162
- .mobius-interventions__trade-based-logo{
6163
- max-width:30%;
6164
- min-width:100px;
6236
+ .mobius-interventions__trade-based-wrapper{
6237
+ flex-direction:row;
6238
+ justify-content:space-between;
6165
6239
  }
6166
6240
  .mobius-interventions__trade-based-text-flexbox{
6167
6241
  max-width:50%;
@@ -6198,9 +6272,14 @@ svg:not(:host).svg-inline--mobius-icon{
6198
6272
  .mobius-interventions__trade-based-close-button-msm:hover{
6199
6273
  color:white;
6200
6274
  }
6201
- .mobius-interventions__trade-based-cta-button{
6202
- margin-top:10%;
6275
+ .mobius-interventions__trade-based-cta-desktop{
6276
+ display:block;
6203
6277
  font-weight:var(--font-weight-normal);
6278
+ margin-top:10%;
6279
+ width:195px;
6280
+ }
6281
+ .mobius-interventions__trade-based-cta-mobile{
6282
+ display:none;
6204
6283
  }
6205
6284
  .mobius-interventions__trade-based .mobius-modal__close{
6206
6285
  display:none;
@@ -6212,18 +6291,41 @@ svg:not(:host).svg-inline--mobius-icon{
6212
6291
  margin:16px 0 0 0;
6213
6292
  }
6214
6293
  @media only screen and (max-width: 750px){
6294
+ .mobius-interventions__trade-based-logo{
6295
+ display:none;
6296
+ }
6297
+ .mobius-interventions__trade-based-mobile-logo{
6298
+ display:block;
6299
+ 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");
6300
+ background-position:center center;
6301
+ background-repeat:no-repeat;
6302
+ background-size:contain;
6303
+ width:60px;
6304
+ height:60px;
6305
+ }
6306
+
6215
6307
  .mobius-interventions__trade-based-homebuilder{
6216
6308
  height:280px;
6217
6309
  width:100%;
6218
6310
  margin:0%;
6219
6311
  }
6220
6312
 
6313
+ .mobius-interventions__trade-based-wrapper{
6314
+ flex-direction:column;
6315
+ justify-content:center;
6316
+ }
6317
+
6221
6318
  .mobius-interventions__trade-based-text-flexbox{
6222
6319
  max-width:100%;
6223
6320
  }
6224
6321
 
6225
- .mobius-interventions__trade-based-cta-button{
6322
+ .mobius-interventions__trade-based-cta-desktop{
6323
+ display:none;
6324
+ }
6325
+ .mobius-interventions__trade-based-cta-mobile{
6326
+ display:block;
6226
6327
  margin-top:0%;
6328
+ width:195px;
6227
6329
  }
6228
6330
 
6229
6331
  .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.3",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,11 +26,11 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.29.6",
29
+ "@simplybusiness/mobius": "^5.29.7",
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",
32
+ "@simplybusiness/mobius-interventions": "^1.72.1",
33
+ "@simplybusiness/mobius-journey": "^8.44.1",
34
34
  "@simplybusiness/theme-core": "^7.8.6"
35
35
  },
36
36
  "devDependencies": {
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";