@simplybusiness/theme-simplybusiness 2.5.3 → 2.6.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/index.css +252 -37
  3. package/package.json +7 -7
  4. package/src/index.css +1 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 2.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - ee6ca5a: Updates UnderwriterLegalAgreements component and dependencies
8
+
9
+ ### Patch Changes
10
+
11
+ - 9b87168: Reorganize Actions CSS to BackAction component
12
+ - Updated dependencies [76d366f]
13
+ - Updated dependencies [9b87168]
14
+ - Updated dependencies [ee6ca5a]
15
+ - @simplybusiness/mobius-journey@11.7.0
16
+ - @simplybusiness/mobius@6.7.1
17
+ - @simplybusiness/mobius-chatbot@2.0.30
18
+ - @simplybusiness/mobius-datepicker@7.1.24
19
+ - @simplybusiness/mobius-interventions@3.1.2
20
+ - @simplybusiness/theme-core@7.13.21
21
+
3
22
  ## 2.5.3
4
23
 
5
24
  ### Patch Changes
package/dist/index.css CHANGED
@@ -3780,14 +3780,45 @@ svg:not(:host).svg-inline--mobius-icon{
3780
3780
  align-items:center;
3781
3781
  text-underline-offset:var(--size-xxs);
3782
3782
  }
3783
- .mobius-actions__back .mobius-icon{
3784
- font-size:var(--font-size-lead);
3785
- }
3786
3783
  .mobius-actions__next{
3787
3784
  display:inline-flex;
3788
3785
  gap:var(--size-xs);
3789
3786
  align-items:center;
3790
3787
  }
3788
+ .mobius-submit-action{
3789
+ display:flex;
3790
+ align-items:center;
3791
+ max-width:748px;
3792
+ }
3793
+ @media (max-width: 768px){
3794
+ .mobius-submit-action{
3795
+ flex-direction:column;
3796
+ }
3797
+ }
3798
+ .mobius-submit-action .mobius-section__postamble{
3799
+ margin:0;
3800
+ }
3801
+ .mobius-submit-action--padded{
3802
+ background-color:var(--color-background-highlight);
3803
+ padding:var(--size-md);
3804
+ gap:var(--size-sm);
3805
+ }
3806
+ .mobius-submit-action > button{
3807
+ flex-shrink:0;
3808
+ }
3809
+ .cover-genius-actions-container{
3810
+ display:flex;
3811
+ justify-content:space-between;
3812
+ align-items:center;
3813
+ max-width:552px;
3814
+ }
3815
+ .see_more_covers-button{
3816
+ width:100%;
3817
+ margin-bottom:var(--size-sm)
3818
+ }
3819
+ .see_more_covers-container{
3820
+ justify-content:center;
3821
+ }
3791
3822
  :root{
3792
3823
  interpolate-size:allow-keywords;
3793
3824
  --animation-duration:0.4s;
@@ -3969,12 +4000,7 @@ svg:not(:host).svg-inline--mobius-icon{
3969
4000
  .mobius-questionnaire{
3970
4001
  margin-top:var(--size-xl);
3971
4002
  }
3972
- .mobius-questionnaire .cover-genius-actions-container{
3973
- display:flex;
3974
- justify-content:space-between;
3975
- align-items:center;
3976
- }
3977
- .mobius-questionnaire .mobius-actions,.mobius-questionnaire .cover-genius-actions-container{
4003
+ .mobius-questionnaire .mobius-actions{
3978
4004
  max-width:552px;
3979
4005
  }
3980
4006
  .mobius-questionnaire__actions-container:not(.--is-first-section){
@@ -4311,27 +4337,6 @@ svg:not(:host).svg-inline--mobius-icon{
4311
4337
  list-style-type:disc;
4312
4338
  margin-left:var(--size-lg);
4313
4339
  }
4314
- .mobius-submit-action{
4315
- display:flex;
4316
- align-items:center;
4317
- max-width:748px;
4318
- }
4319
- @media (max-width: 768px){
4320
- .mobius-submit-action{
4321
- flex-direction:column;
4322
- }
4323
- }
4324
- .mobius-submit-action .mobius-section__postamble{
4325
- margin:0;
4326
- }
4327
- .mobius-submit-action--padded{
4328
- background-color:var(--color-background-highlight);
4329
- padding:var(--size-md);
4330
- gap:var(--size-sm);
4331
- }
4332
- .mobius-submit-action > button{
4333
- flex-shrink:0;
4334
- }
4335
4340
  .mobius-security-locks{
4336
4341
  display:grid;
4337
4342
  grid-template-columns:repeat(2, 1fr);
@@ -5831,6 +5836,223 @@ svg:not(:host).svg-inline--mobius-icon{
5831
5836
  justify-content:flex-start;
5832
5837
  }
5833
5838
  }
5839
+ .mobius-underwriter-legal-agreements{
5840
+ display:grid;
5841
+ gap:var(--size-sm) var(--size-xl);
5842
+ margin-bottom:var(--size-lg);
5843
+ }
5844
+ @media (min-width: 960px){
5845
+ .mobius-underwriter-legal-agreements{
5846
+ grid-template-columns:1fr max-content;
5847
+ grid-template-areas:"referralText trustSection" "nextCoverage trustSection";
5848
+ row-gap:0;
5849
+ }
5850
+ }
5851
+ .mobius-cross-sell{
5852
+ grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection";
5853
+ }
5854
+ @media (min-width: 960px){
5855
+ .mobius-cross-sell{
5856
+ grid-template-columns:2fr 1.25fr;
5857
+ grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage coverageSummary" "nextCoverage trustSection";
5858
+ }
5859
+ }
5860
+ .mobius-trust-section{
5861
+ grid-area:trustSection;
5862
+ }
5863
+ .mobius-next-coverage{
5864
+ grid-area:nextCoverage;
5865
+ }
5866
+ .mobius-referral__text{
5867
+ grid-area:referralText;
5868
+ }
5869
+ .mobius-coverage-summary{
5870
+ grid-area:1 / 2;
5871
+ }
5872
+ .mobius-checkout-buttons{
5873
+ margin-top:var(--size-md);
5874
+ display:flex;
5875
+ justify-content:space-between;
5876
+ gap:var(--size-lg);
5877
+ }
5878
+ @media (min-width: 960px){
5879
+ .mobius-checkout-buttons{
5880
+ justify-content:flex-start;
5881
+ }
5882
+ }
5883
+ .agreement-content{
5884
+ color:var(--color-text-medium);
5885
+ }
5886
+ .agreement-content :is(h1, h2, h3, h4, h5, h6){
5887
+ color:var(--color-text);
5888
+ margin-top:0;
5889
+ margin-bottom:15px;
5890
+ }
5891
+ .agreement-content h1,
5892
+ .agreement-content h2,
5893
+ .agreement-content h3{
5894
+ text-align:center;
5895
+ }
5896
+ .agreement-content .client_information{
5897
+ margin-top:10px;
5898
+ margin-bottom:10px;
5899
+ }
5900
+ .agreement-content .client_information p{
5901
+ margin:1px;
5902
+ }
5903
+ .agreement-content .signature_block{
5904
+ margin-top:10px;
5905
+ margin-bottom:10px;
5906
+ }
5907
+ .agreement-content .signature_block p,
5908
+ .agreement-content .signature_block h4{
5909
+ margin:1px;
5910
+ }
5911
+ .agreement-content .signature{
5912
+ width:200px;
5913
+ height:auto;
5914
+ font-size:20px;
5915
+ }
5916
+ .bullet-list{
5917
+ margin:0;
5918
+ padding-left:20px;
5919
+ list-style:none;
5920
+ }
5921
+ .carrier-title{
5922
+ font-size:24px;
5923
+ font-weight:600;
5924
+ margin-bottom:20px;
5925
+ color:var(--color-text);
5926
+ }
5927
+ .checkbox{
5928
+ display:none;
5929
+ }
5930
+ .checkbox-container{
5931
+ border:1px solid var(--color-border);
5932
+ border-radius:10px;
5933
+ padding:20px;
5934
+ margin-bottom:30px;
5935
+ display:flex;
5936
+ align-items:flex-start;
5937
+ gap:15px;
5938
+ padding:25px 25px 25px 15px;
5939
+ }
5940
+ .checkbox-label{
5941
+ color:var(--color-text-medium);
5942
+ cursor:pointer;
5943
+ flex:1;
5944
+ }
5945
+ .form-actions{
5946
+ margin-top:80px;
5947
+ display:flex;
5948
+ justify-content:space-between;
5949
+ align-items:center;
5950
+ }
5951
+ .main-checkbox{
5952
+ display:none;
5953
+ }
5954
+ .legal-agreements-column{
5955
+ flex:1;
5956
+ min-width:0;
5957
+ }
5958
+ .page-container{
5959
+ margin:0 auto;
5960
+ padding:20px;
5961
+ font-family:Arial, sans-serif;
5962
+ line-height:1.6;
5963
+ display:flex;
5964
+ gap:40px;
5965
+ }
5966
+ @media (max-width: 768px){
5967
+ .page-container{
5968
+ flex-direction:column;
5969
+ gap:20px;
5970
+ }
5971
+ }
5972
+ .page-title{
5973
+ font-weight:bold;
5974
+ font-size:32px;
5975
+ margin-top:0;
5976
+ margin-bottom:30px;
5977
+ padding-bottom:0;
5978
+ color:var(--color-text);
5979
+ }
5980
+ .price-summary-column{
5981
+ width:340px;
5982
+ flex-shrink:0;
5983
+ }
5984
+ @media (max-width: 768px){
5985
+ .price-summary-column{
5986
+ width:100%;
5987
+ }
5988
+ }
5989
+ .scrollable-section{
5990
+ height:100%;
5991
+ box-sizing:border-box;
5992
+ overflow-y:scroll;
5993
+ padding-right:10px;
5994
+ }
5995
+ .section-title{
5996
+ font-size:20px;
5997
+ font-weight:600;
5998
+ margin-top:10px;
5999
+ margin-bottom:10px;
6000
+ color:var(--color-text);
6001
+ }
6002
+ .styled-checkbox{
6003
+ height:25px;
6004
+ width:25px;
6005
+ border:2px solid var(--color-border);
6006
+ background-color:var(--color-background);
6007
+ display:inline-block;
6008
+ position:relative;
6009
+ cursor:pointer;
6010
+ border-radius:3px;
6011
+ border-color:var(--color-primary-light);
6012
+ }
6013
+ .styled-checkbox.checked{
6014
+ background-color:var(--color-primary);
6015
+ border-color:var(--color-primary);
6016
+ }
6017
+ .styled-checkbox::after{
6018
+ content:"";
6019
+ position:absolute;
6020
+ top:2.5px;
6021
+ left:7.7px;
6022
+ width:6px;
6023
+ height:12px;
6024
+ border:none;
6025
+ border-width:0 4px 4px 0;
6026
+ transform:rotate(45deg);
6027
+ opacity:0;
6028
+ }
6029
+ .styled-checkbox.checked::after{
6030
+ border:solid var(--color-text-inverted);
6031
+ border-width:0 4px 4px 0;
6032
+ opacity:1;
6033
+ }
6034
+ .styled-container{
6035
+ margin-bottom:30px;
6036
+ border:1px solid var(--color-border);
6037
+ border-radius:10px;
6038
+ padding-top:30px;
6039
+ padding-bottom:15px;
6040
+ height:400px;
6041
+ box-sizing:border-box;
6042
+ position:relative;
6043
+ border-radius:10px;
6044
+ margin-bottom:20px;
6045
+ }
6046
+ .styled-container::after{
6047
+ content:" ";
6048
+ width:100%;
6049
+ height:30px;
6050
+ background:linear-gradient(to top, var(--color-background), rgb(255 255 255 / 50%));
6051
+ position:absolute;
6052
+ bottom:0;
6053
+ left:0;
6054
+ border-radius:10px;
6055
+ }
5834
6056
  .mobius-trust-section__header{
5835
6057
  border-bottom-right-radius:0;
5836
6058
  border-bottom-left-radius:0;
@@ -6085,13 +6307,6 @@ svg:not(:host).svg-inline--mobius-icon{
6085
6307
  width:100%;
6086
6308
  }
6087
6309
  }
6088
- .see_more_covers-button{
6089
- width:100%;
6090
- margin-bottom:var(--size-sm)
6091
- }
6092
- .see_more_covers-container{
6093
- justify-content:center;
6094
- }
6095
6310
  .mobius-payment-summary__styled-div{
6096
6311
  display:grid;
6097
6312
  row-gap:var(--size-sm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "2.5.3",
3
+ "version": "2.6.0",
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": "^6.7.0",
30
- "@simplybusiness/mobius-chatbot": "^2.0.29",
31
- "@simplybusiness/mobius-datepicker": "^7.1.23",
32
- "@simplybusiness/mobius-interventions": "^3.1.1",
33
- "@simplybusiness/mobius-journey": "^11.6.2",
34
- "@simplybusiness/theme-core": "^7.13.20"
29
+ "@simplybusiness/mobius": "^6.7.1",
30
+ "@simplybusiness/mobius-chatbot": "^2.0.30",
31
+ "@simplybusiness/mobius-datepicker": "^7.1.24",
32
+ "@simplybusiness/mobius-interventions": "^3.1.2",
33
+ "@simplybusiness/mobius-journey": "^11.7.0",
34
+ "@simplybusiness/theme-core": "^7.13.21"
35
35
  },
36
36
  "devDependencies": {
37
37
  "build-scripts": "^1.0.2",
package/src/index.css CHANGED
@@ -42,7 +42,6 @@
42
42
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/QuestionFactory/questions/TradeQuestion/AiTradeQuestion/AiTradeQuestion.css";
43
43
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Question/QuestionFactory/questions/PercentageQuestion/PercentageQuestion.css";
44
44
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Section.css";
45
- @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Actions/SubmitAction/SubmitAction.css";
46
45
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/SecurityLocks/SecurityLocks.css";
47
46
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/ExperimentGridView/QuoteCards.css";
48
47
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/ExperimentGridView/QuoteCard/QuoteCard.css";
@@ -81,6 +80,7 @@
81
80
  @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
82
81
  @import "@simplybusiness/mobius-journey/src/components/SpecialistReferralContent/SpecialistReferralContent.css";
83
82
  @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
83
+ @import "@simplybusiness/mobius-journey/src/components/UnderwriterLegalAgreements/UnderwriterLegalAgreements.css";
84
84
  @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
85
85
  @import "@simplybusiness/mobius-journey/src/components/RewardBanner/RewardBanner.css";
86
86
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";
@@ -90,7 +90,6 @@
90
90
  @import "@simplybusiness/mobius-journey/src/pages/Main.css";
91
91
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentElementCardForm/PaymentElementCardForm.css";
92
92
  @import "@simplybusiness/mobius-journey/src/components/Questionnaire/WindowLocks/WindowLocks.css";
93
- @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Actions/CoverGeniusActions/SeeMoreCovers/SeeMoreCoversButton.css";
94
93
  /* Journey Components (payment summary, etc.) */
95
94
  @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";
96
95
  @import "@simplybusiness/mobius-journey/src/components/shared/DialogueModal/DialogueModal.css";