@simplybusiness/theme-simplybusiness 1.5.13 → 1.8.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,85 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - fc1e967: Add GL+IM combined QCPRedirect component
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [fc1e967]
12
+ - @simplybusiness/mobius-journey@6.39.0
13
+
14
+ ## 1.7.1
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [fe2cd73]
19
+ - Updated dependencies [fd52a63]
20
+ - Updated dependencies [0683996]
21
+ - Updated dependencies [fd58b2c]
22
+ - Updated dependencies [ccab0f0]
23
+ - @simplybusiness/mobius-journey@6.38.0
24
+
25
+ ## 1.7.0
26
+
27
+ ### Minor Changes
28
+
29
+ - 819fc3b: Questionnaire: added DateQuestion component
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies [819fc3b]
34
+ - @simplybusiness/mobius-datepicker@6.1.0
35
+ - @simplybusiness/mobius-journey@6.37.0
36
+
37
+ ## 1.6.2
38
+
39
+ ### Patch Changes
40
+
41
+ - Updated dependencies [dc0521d]
42
+ - @simplybusiness/mobius-journey@6.36.1
43
+
44
+ ## 1.6.1
45
+
46
+ ### Patch Changes
47
+
48
+ - Updated dependencies [059302c]
49
+ - @simplybusiness/mobius-journey@6.36.0
50
+
51
+ ## 1.6.0
52
+
53
+ ### Minor Changes
54
+
55
+ - 7ed92f4: Add submission button to assumptions page
56
+
57
+ ### Patch Changes
58
+
59
+ - d8756fe: Add index.css for mobius-interventions, add CSS import for IP intervention
60
+ - Updated dependencies [3f2e4cc]
61
+ - Updated dependencies [fe29907]
62
+ - Updated dependencies [d5c6ff8]
63
+ - Updated dependencies [37f9659]
64
+ - Updated dependencies [7ed92f4]
65
+ - Updated dependencies [912652b]
66
+ - Updated dependencies [1016003]
67
+ - @simplybusiness/mobius-journey@6.35.0
68
+
69
+ ## 1.5.15
70
+
71
+ ### Patch Changes
72
+
73
+ - @simplybusiness/mobius-journey@6.34.3
74
+
75
+ ## 1.5.14
76
+
77
+ ### Patch Changes
78
+
79
+ - Updated dependencies [f63bf0e]
80
+ - Updated dependencies [6203976]
81
+ - @simplybusiness/mobius-journey@6.34.2
82
+
3
83
  ## 1.5.13
4
84
 
5
85
  ### Patch Changes
package/dist/index.css CHANGED
@@ -3439,6 +3439,10 @@ svg:not(:host).svg-inline--mobius-icon{
3439
3439
  display:block;
3440
3440
  }
3441
3441
  }
3442
+ .mobius-qcp-redirect{
3443
+ text-align:center;
3444
+ margin-bottom:10px;
3445
+ }
3442
3446
  .mobius-questionnaire{
3443
3447
  margin-top:var(--size-xl);
3444
3448
  }
@@ -3481,12 +3485,16 @@ svg:not(:host).svg-inline--mobius-icon{
3481
3485
  }
3482
3486
  :root{
3483
3487
  interpolate-size:allow-keywords;
3488
+ --animation-duration:0.4s;
3489
+ }
3490
+ ::view-transition-group(root){
3491
+ animation-duration:var(--animation-duration);
3484
3492
  }
3485
3493
  .mobius-collapsible{
3486
3494
  max-width:748px;
3487
- --animation-duration:0.5s;
3488
3495
  }
3489
3496
  .mobius-collapsible__details{
3497
+ view-transition-name:"details-content";
3490
3498
  border:1px solid var(--color-border-medium);
3491
3499
  border-radius:var(--radius-2);
3492
3500
  padding:var(--size-sm);
@@ -3677,12 +3685,18 @@ svg:not(:host).svg-inline--mobius-icon{
3677
3685
  .mobius-question__secondary-text{
3678
3686
  color:var(--color-text-medium);
3679
3687
  margin-top:0;
3680
- margin-bottom:var(--size-xs);
3688
+ margin-bottom:var(--size-sm);
3681
3689
  }
3682
3690
  .mobius-address-lookup__container{
3683
3691
  display:grid;
3684
3692
  gap:var(--size-sm);
3685
3693
  }
3694
+ .mobius-question__date-question-actions{
3695
+ display:grid;
3696
+ grid-template-columns:repeat(2, 1fr);
3697
+ column-gap:var(--size-sm);
3698
+ margin-bottom:var(--size-sm);
3699
+ }
3686
3700
  :root,
3687
3701
  :host{
3688
3702
  --section-max-width:552px;
@@ -3704,9 +3718,7 @@ svg:not(:host).svg-inline--mobius-icon{
3704
3718
  margin-bottom:var(--size-xxl);
3705
3719
  }
3706
3720
  .mobius-section__postamble{
3707
- max-width:var(--section-max-width);
3708
3721
  color:var(--color-text-medium);
3709
- margin-top:var(--size-xxl);
3710
3722
  }
3711
3723
  .mobius-section__question-container{
3712
3724
  max-width:var(--section-max-width);
@@ -3726,6 +3738,26 @@ svg:not(:host).svg-inline--mobius-icon{
3726
3738
  background-repeat:no-repeat;
3727
3739
  padding-left:var(--size-lg);
3728
3740
  }
3741
+ .mobius-submission{
3742
+ display:flex;
3743
+ align-items:center;
3744
+ background-color:var(--color-background-highlight);
3745
+ padding:var(--size-md);
3746
+ max-width:748px;
3747
+ gap:var(--size-sm);
3748
+ }
3749
+ @media (max-width: 768px){
3750
+ .mobius-submission{
3751
+ flex-direction:column;
3752
+ }
3753
+ }
3754
+ .mobius-submission .mobius-section__postamble{
3755
+ margin:0;
3756
+ }
3757
+ .mobius-submission__button{
3758
+ flex-grow:1;
3759
+ flex-shrink:0;
3760
+ }
3729
3761
  .mobius-security-locks{
3730
3762
  display:grid;
3731
3763
  grid-template-columns:repeat(2, 1fr);
@@ -4466,7 +4498,7 @@ svg:not(:host).svg-inline--mobius-icon{
4466
4498
  .mobius-payment-info__multi-product-text{
4467
4499
  margin-top:var(--size-xs);
4468
4500
  margin-bottom:var(--size-xs);
4469
- line-height:1em;
4501
+ line-height:1.8rem;
4470
4502
  }
4471
4503
  .mobius-payment-info__multi-product{
4472
4504
  border:1px solid var(--color-border);
@@ -4820,12 +4852,12 @@ svg:not(:host).svg-inline--mobius-icon{
4820
4852
  }
4821
4853
  }
4822
4854
  .mobius-cross-sell{
4823
- grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection" "checkoutButtons";
4855
+ grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection";
4824
4856
  }
4825
4857
  @media (min-width: 960px){
4826
4858
  .mobius-cross-sell{
4827
4859
  grid-template-columns:2fr 1.25fr;
4828
- grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage coverageSummary" "checkoutButtons trustSection";
4860
+ grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage coverageSummary" "nextCoverage trustSection";
4829
4861
  }
4830
4862
  }
4831
4863
  .mobius-trust-section{
@@ -4841,7 +4873,7 @@ svg:not(:host).svg-inline--mobius-icon{
4841
4873
  grid-area:coverageSummary;
4842
4874
  }
4843
4875
  .mobius-checkout-buttons{
4844
- grid-area:checkoutButtons;
4876
+ margin-top:var(--size-md);
4845
4877
  display:flex;
4846
4878
  justify-content:space-between;
4847
4879
  gap:var(--size-lg);
@@ -5175,6 +5207,40 @@ svg:not(:host).svg-inline--mobius-icon{
5175
5207
  border:none;
5176
5208
  cursor:pointer;
5177
5209
  }
5210
+ #priceNudgeIntervention .mobius-modal{
5211
+ padding:12px 18px 32px;
5212
+ width:700px;
5213
+ }
5214
+ #priceNudgeIntervention .mobius-modal__close{
5215
+ color:#4632d8;
5216
+ font-size:16px;
5217
+ }
5218
+ #priceNudgeIntervention .mobius-modal__header{
5219
+ padding:0;
5220
+ }
5221
+ #priceNudgeIntervention .mobius-modal__content{
5222
+ margin:0;
5223
+ }
5224
+ .mobius-interventions__pricing-nudge>.mobius-flex{
5225
+ gap:0;
5226
+ }
5227
+ .mobius-interventions__pricing-nudge-text{
5228
+ font-size:30px;
5229
+ margin:24px 0;
5230
+ text-align:center;
5231
+ text-wrap-style:auto;
5232
+ }
5233
+ .mobius-interventions__pricing-nudge-subtext{
5234
+ font-size:18px;
5235
+ margin:0 0 32px 0;
5236
+ text-align:center;
5237
+ }
5238
+ .mobius-interventions__pricing-nudge-emphasized-text{
5239
+ color:mediumpurple;
5240
+ }
5241
+ .mobius-interventions__pricing-nudge-cta{
5242
+ padding:14px 16px;
5243
+ }
5178
5244
  :root,
5179
5245
  :host{
5180
5246
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.5.13",
3
+ "version": "1.8.0",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -27,8 +27,8 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@simplybusiness/mobius": "^5.15.4",
30
- "@simplybusiness/mobius-datepicker": "^6.0.28",
31
- "@simplybusiness/mobius-journey": "^6.34.1",
30
+ "@simplybusiness/mobius-datepicker": "^6.1.0",
31
+ "@simplybusiness/mobius-journey": "^6.39.0",
32
32
  "@simplybusiness/theme-core": "^7.2.19"
33
33
  },
34
34
  "devDependencies": {
package/src/index.css CHANGED
@@ -24,13 +24,16 @@
24
24
  @import "@simplybusiness/mobius-journey/src/components/PreFooter/InsuranceBenefits.css";
25
25
  @import "@simplybusiness/mobius-journey/src/components/PreFooter/PreFooter.css";
26
26
  @import "@simplybusiness/mobius-journey/src/components/ProgressSteps/ProgressSteps.css";
27
+ @import "@simplybusiness/mobius-journey/src/components/QCPRedirect/QCPRedirect.css";
27
28
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Questionnaire.css";
28
29
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Collapsible/Collapsible.css";
29
30
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Actions/Actions.css";
30
31
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/HelpLink/HelpLink.css";
31
32
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Insurers/Insurers.css";
32
33
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/Question.css";
34
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/QuestionFactory/questions/DateQuestion/DateQuestion.css";
33
35
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Section.css";
36
+ @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Submission.css";
34
37
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/SecurityLocks/SecurityLocks.css";
35
38
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesCard/NoQuotesCard.css";
36
39
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesReferral/NoQuotesReferral.css";
@@ -68,6 +71,9 @@
68
71
  /* @simplybusiness/mobius-datepicker */
69
72
  @import "@simplybusiness/mobius-datepicker/src/components/DatePicker/DatePicker.css";
70
73
 
74
+ /* @simplybusiness/mobius-interventions*/
75
+ @import "@simplybusiness/mobius-interventions/src/index.css";
76
+
71
77
  /* Base customisation */
72
78
  @import "./fonts.css";
73
79
  @import "./variables.css";