@simplybusiness/theme-simplybusiness 1.17.21 → 1.18.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 +26 -0
  2. package/dist/index.css +200 -50
  3. package/package.json +7 -7
  4. package/src/index.css +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.18.0
4
+
5
+ ### Minor Changes
6
+
7
+ - e600bfc: Add pre-QCP signposting for WC
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [08ab8b2]
12
+ - Updated dependencies [a8dd11d]
13
+ - Updated dependencies [953dc90]
14
+ - Updated dependencies [4058c32]
15
+ - Updated dependencies [2f83d88]
16
+ - Updated dependencies [7563e62]
17
+ - Updated dependencies [b147925]
18
+ - Updated dependencies [e600bfc]
19
+ - Updated dependencies [81949ce]
20
+ - Updated dependencies [ffd1e86]
21
+ - Updated dependencies [4f50758]
22
+ - @simplybusiness/mobius-interventions@1.37.0
23
+ - @simplybusiness/mobius-journey@8.14.0
24
+ - @simplybusiness/mobius@5.26.2
25
+ - @simplybusiness/mobius-chatbot@1.0.9
26
+ - @simplybusiness/mobius-datepicker@6.5.13
27
+ - @simplybusiness/theme-core@7.6.8
28
+
3
29
  ## 1.17.21
4
30
 
5
31
  ### Patch Changes
package/dist/index.css CHANGED
@@ -5447,6 +5447,56 @@ svg:not(:host).svg-inline--mobius-icon{
5447
5447
  padding-right:var(--size-sm);
5448
5448
  transition:height 1s;
5449
5449
  }
5450
+ .mobius-pre-qcp__additional-rfq-body{
5451
+ display:grid;
5452
+ grid-template-columns:1fr;
5453
+ padding:var(--size-lg) var(--size-sm);
5454
+ flex-direction:column;
5455
+ align-items:flex-start;
5456
+ row-gap:var(--size-xs);
5457
+ align-self:stretch;
5458
+ border-radius:var(--size-xs);
5459
+ font-size:var(--font-size-3);
5460
+ line-height:var(--size-md);
5461
+ border:1px solid var(--color-neutral-300);
5462
+ background:var(--color-neutral-100);
5463
+ max-height:116px;
5464
+ width:inherit;
5465
+ }
5466
+ .mobius-pre-qcp__additional-rfq-body .bold-text{
5467
+ font-weight:bold;
5468
+ }
5469
+ @media (min-width: 960px){
5470
+ .mobius-pre-qcp__additional-rfq-body{
5471
+ width:436px;
5472
+ row-gap:0;
5473
+ }
5474
+ }
5475
+ .mobius-pre-qcp__pre-qcp-card-container{
5476
+ padding:var(--size-sm) 0;
5477
+ display:grid;
5478
+ grid-template-columns:1fr;
5479
+ row-gap:var(--size-sm);
5480
+ }
5481
+ @media (min-width: 960px){
5482
+ .mobius-pre-qcp__pre-qcp-card-container{
5483
+ grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
5484
+ grid-row-gap:var(--size-lg);
5485
+ }
5486
+ }
5487
+ .mobius-pre-qcp__quoted-product-name{
5488
+ margin:0 0 var(--size-xs) 0;
5489
+ }
5490
+ .mobius-pre-qcp__pre-qcp-continuation-subtext{
5491
+ font-weight:var(--font-weight-normal);
5492
+ text-align:left;
5493
+ padding-left:var(--size-sm);
5494
+ color:var(--color-text-medium);
5495
+ border-left:var(--size-xxs) solid var(--color-error);
5496
+ font-size:var(--font-size-3);
5497
+ line-height:var(--font-size-4);
5498
+ border-left:var(--size-xxs) solid var(--color-info);
5499
+ }
5450
5500
  .mobius-payment-summary__styled-div{
5451
5501
  display:grid;
5452
5502
  row-gap:var(--size-sm);
@@ -6199,78 +6249,178 @@ svg:not(:host).svg-inline--mobius-icon{
6199
6249
  text-wrap:wrap;
6200
6250
  }
6201
6251
  .mobius-interventions__coverage-diagnosis-modal{
6252
+ display:grid;
6253
+ grid-template-columns:4.5fr 5fr;
6254
+ grid-template-rows:repeat(11, 1fr);
6255
+ column-gap:16px;
6256
+
6202
6257
  background-color:#F6F5FE;
6258
+ border-radius:8px;
6259
+ padding:15px 15px 10px;
6203
6260
  overflow:visible;
6261
+ height:400px;
6262
+ width:800px;
6204
6263
  }
6205
- .mobius-interventions__coverage-diagnosis-modal .mobius-modal__content{
6206
- padding:8px 16px;
6207
- margin:0px;
6208
- overflow:visible;
6264
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-primary-text{
6265
+ grid-column:1 / 2;
6266
+ grid-row:1 / 3;
6267
+ align-self:center;
6268
+ justify-self:start;
6269
+
6270
+ line-height:1.25;
6271
+ font-size:30px;
6272
+ font-weight:bold;
6273
+ text-wrap:auto;
6274
+ }
6275
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-secondary-text{
6276
+ grid-column:1 / 2;
6277
+ grid-row:3 / 4;
6278
+ align-self:end;
6279
+ justify-self:start;
6280
+
6281
+ font-size:16px;
6282
+ font-weight:bold;
6283
+ margin:0;
6284
+ }
6285
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-button{
6286
+ grid-column:2 / 3;
6287
+ grid-row:1 / 2;
6288
+ align-self:start;
6289
+ justify-self:end;
6290
+ }
6291
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
6292
+ grid-column:2 / 3;
6293
+ grid-row:2 / 12;
6294
+ align-self:center;
6295
+ justify-self:start;
6296
+
6297
+ aspect-ratio:1.2 / 1;
6298
+ background-image:url(bd3dc6207d15e47701df.png);
6299
+ background-position:center center;
6300
+ background-repeat:no-repeat;
6301
+ background-size:contain;
6302
+ width:100%;
6303
+ }
6304
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-dynamic-content{
6305
+ grid-column:1 / 2;
6306
+ grid-row:4 / 11;
6307
+ align-self:stretch;
6308
+ justify-self:stretch;
6309
+
6310
+ align-content:center;
6311
+ margin:10px 0 0 0;
6312
+ }
6313
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-disclaimer{
6314
+ grid-column:1 / 2;
6315
+ grid-row:11 / 12;
6316
+ align-self:center;
6317
+ justify-self:start;
6209
6318
  }
6210
6319
  .mobius-interventions__coverage-diagnosis-modal input{
6211
6320
  border:none;
6212
6321
  }
6213
- .mobius-interventions__coverage-diagnosis-modal-desktop{
6214
- min-width:700px;
6215
- }
6216
- .mobius-interventions__coverage-diagnosis-modal-heading-text{
6217
- font-weight:600;
6218
- text-wrap:auto;
6219
- }
6220
- .mobius-interventions__coverage-diagnosis-modal-heading-small-text{
6221
- font-weight:300;
6222
- text-wrap:auto;
6223
- }
6224
- .mobius-interventions__coverage-diagnosis-modal-image{
6225
- width:100%;
6226
- aspect-ratio:1.2/1;
6227
- background-position:center center;
6228
- background-repeat:no-repeat;
6229
- background-size:contain;
6230
- background-image:url(bd3dc6207d15e47701df.png);
6322
+ .mobius-interventions__coverage-diagnosis-modal .mobius-combobox__input:focus{
6323
+ box-shadow:none !important;
6324
+ }
6325
+ @media (max-width: 825px){
6326
+ .mobius-interventions__coverage-diagnosis-modal{
6327
+ display:flex;
6328
+ height:fit-content;
6329
+ padding:10px 15px;
6330
+ overflow:visible;
6331
+ width:min-content;
6332
+ }
6333
+
6334
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-primary-text{
6335
+ order:2;
6336
+ align-self:start;
6337
+
6338
+ font-size:24px;
6339
+ margin:0 0 8px 0;
6340
+ width:85%;
6341
+ }
6342
+
6343
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-secondary-text{
6344
+ order:3;
6345
+ align-self:start;
6346
+ }
6347
+
6348
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-button{
6349
+ order:0;
6350
+ align-self:end;
6351
+ }
6352
+
6353
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
6354
+ order:1;
6355
+ align-self:start;
6356
+
6357
+ margin-bottom:16px;
6358
+ }
6359
+
6360
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-dynamic-content{
6361
+ order:4;
6362
+ align-self:start;
6363
+ }
6364
+
6365
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-disclaimer{
6366
+ order:5;
6367
+
6368
+ margin-top:5px;
6369
+ }
6231
6370
  }
6232
- .mobius-interventions__coverage-diagnosis-modal-button{
6233
- margin-bottom:8px;
6371
+ @media (max-width: 825px) and (max-height: 750px){
6372
+
6373
+ .mobius-interventions__coverage-diagnosis-modal .mobius-interventions__coverage-diagnosis-modal-image{
6374
+ display:none;
6375
+ }
6234
6376
  }
6235
6377
  .mobius-interventions__coverage-diagnosis-cover-display-letdown-padding{
6236
- padding-top:10px;
6237
- padding-bottom:10px;
6378
+ padding-top:10px;
6379
+ padding-bottom:10px;
6238
6380
  }
6239
6381
  .mobius-interventions__coverage-diagnosis-cover-display-cta{
6240
- display:flex;
6241
- align-items:center;
6242
- justify-content:left;
6243
- margin-top:16px;
6244
- max-width:210px;
6382
+ display:flex;
6383
+ align-items:center;
6384
+ justify-content:left;
6385
+ margin-top:16px;
6386
+ max-width:210px;
6387
+ }
6388
+ .mobius-interventions__coverage-diagnosis-header{
6389
+ font-size:20px;
6390
+ font-weight:bold;
6391
+ margin:5px 0;
6245
6392
  }
6246
6393
  .mobius-interventions__coverage-diagnosis-text{
6247
- margin:0px;
6248
- padding-top:8px;
6394
+ margin:0;
6395
+ padding:0;
6249
6396
  }
6250
6397
  .mobius-interventions__coverage-diagnosis-trade-name{
6251
- margin:0px;
6252
- padding-bottom:8px;
6253
- }
6254
- .mobius-interventions__coverage-diagnosis-disclaimer{
6255
- font-size:xx-small;
6256
- text-wrap:nowrap;
6398
+ margin:0 0 15px 0;
6257
6399
  }
6258
6400
  .mobius-interventions__coverage-diagnosis-dynamic-content{
6259
- background-color:white;
6260
- border-radius:8px;
6261
- padding:8px 8px 30px 16px;
6262
- box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);
6401
+ background-color:white;
6402
+ border-radius:8px;
6403
+ box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);
6404
+ margin-top:15px;
6405
+ min-width:355px;
6406
+ padding:8px 16px;
6407
+ width:100%;
6263
6408
  }
6264
6409
  .mobius-interventions__coverage-diagnosis-trade-selector{
6265
- padding-top:24px;
6266
- padding-bottom:16px;
6410
+ padding-top:24px;
6411
+ padding-bottom:16px;
6267
6412
  }
6268
6413
  .mobius-interventions__coverage-diagnosis-dynamic-content-cta{
6269
- display:flex;
6270
- align-items:center;
6271
- justify-content:left;
6272
- margin-top:16px;
6273
- max-width:210px;
6414
+ display:flex;
6415
+ align-items:center;
6416
+ justify-content:left;
6417
+ margin-top:16px;
6418
+ max-width:210px;
6419
+ }
6420
+ .mobius-interventions__coverage-diagnosis-disclaimer{
6421
+ font-size:10px;
6422
+ text-wrap:nowrap;
6423
+ margin:0;
6274
6424
  }
6275
6425
  .mobius-interventions__inpage-indicative-price-container{
6276
6426
  padding-top:16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.17.21",
3
+ "version": "1.18.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": "^5.26.1",
30
- "@simplybusiness/mobius-chatbot": "^1.0.8",
31
- "@simplybusiness/mobius-datepicker": "^6.5.12",
32
- "@simplybusiness/mobius-interventions": "^1.36.1",
33
- "@simplybusiness/mobius-journey": "^8.13.1",
34
- "@simplybusiness/theme-core": "^7.6.7"
29
+ "@simplybusiness/mobius": "^5.26.2",
30
+ "@simplybusiness/mobius-chatbot": "^1.0.9",
31
+ "@simplybusiness/mobius-datepicker": "^6.5.13",
32
+ "@simplybusiness/mobius-interventions": "^1.37.0",
33
+ "@simplybusiness/mobius-journey": "^8.14.0",
34
+ "@simplybusiness/theme-core": "^7.6.8"
35
35
  },
36
36
  "devDependencies": {
37
37
  "css-loader": "^7.1.2",
package/src/index.css CHANGED
@@ -75,6 +75,7 @@
75
75
  @import "@simplybusiness/mobius-journey/src/components/Footer/StickyFooter.css";
76
76
  @import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
77
77
  @import "@simplybusiness/mobius-journey/src/pages/Main.css";
78
+ @import "@simplybusiness/mobius-journey/src/components/shared/PreQCP/styles.css";
78
79
 
79
80
  /* Journey Components (payment summary, etc.) */
80
81
  @import "@simplybusiness/mobius-journey/src/components/shared/PersistentSummary/styles.css";