@simplybusiness/theme-simplybusiness 2.13.16 → 2.13.18

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 +42 -0
  2. package/dist/index.css +83 -80
  3. package/package.json +10 -10
  4. package/src/variables.css +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,47 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 2.13.18
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [db41262]
8
+ - Updated dependencies [94f7523]
9
+ - Updated dependencies [47e5f9a]
10
+ - Updated dependencies [15349c0]
11
+ - Updated dependencies [d6837b3]
12
+ - Updated dependencies [2ffcbb2]
13
+ - Updated dependencies [06fbfec]
14
+ - Updated dependencies [ae29da6]
15
+ - Updated dependencies [de1299a]
16
+ - Updated dependencies [0da7731]
17
+ - Updated dependencies [ec27737]
18
+ - Updated dependencies [6bf0552]
19
+ - Updated dependencies [fb4e20d]
20
+ - @simplybusiness/mobius-journey@11.44.0
21
+ - @simplybusiness/theme-core@7.14.22
22
+ - @simplybusiness/mobius@7.0.0
23
+ - @simplybusiness/mobius-datepicker@8.0.0
24
+ - @simplybusiness/mobius-chatbot@2.2.19
25
+ - @simplybusiness/mobius-interventions@3.11.3
26
+
27
+ ## 2.13.17
28
+
29
+ ### Patch Changes
30
+
31
+ - c3546ae: Increase section-max-width to match CX grid layout
32
+ - Updated dependencies [3f78e78]
33
+ - Updated dependencies [998c48a]
34
+ - Updated dependencies [f76eb90]
35
+ - Updated dependencies [49b807c]
36
+ - Updated dependencies [ba11b72]
37
+ - Updated dependencies [c3546ae]
38
+ - @simplybusiness/mobius-journey@11.43.0
39
+ - @simplybusiness/mobius-interventions@3.11.2
40
+ - @simplybusiness/theme-core@7.14.21
41
+ - @simplybusiness/mobius@6.10.5
42
+ - @simplybusiness/mobius-chatbot@2.2.18
43
+ - @simplybusiness/mobius-datepicker@7.3.17
44
+
3
45
  ## 2.13.16
4
46
 
5
47
  ### Patch Changes
package/dist/index.css CHANGED
@@ -2440,7 +2440,7 @@ svg:not(:host).svg-inline--mobius-icon{
2440
2440
  padding:0;
2441
2441
  margin:-1px;
2442
2442
  overflow:hidden;
2443
- clip:rect(0, 0, 0, 0);
2443
+ clip-path:inset(50%);
2444
2444
  white-space:nowrap;
2445
2445
  border-width:0;
2446
2446
  }
@@ -2452,7 +2452,7 @@ svg:not(:host).svg-inline--mobius-icon{
2452
2452
  padding:0;
2453
2453
  margin:-1px;
2454
2454
  overflow:hidden;
2455
- clip:rect(0, 0, 0, 0);
2455
+ clip-path:inset(50%);
2456
2456
  white-space:nowrap;
2457
2457
  border-width:0;
2458
2458
  }
@@ -3835,7 +3835,7 @@ svg:not(:host).svg-inline--mobius-icon{
3835
3835
  display:flex;
3836
3836
  justify-content:space-between;
3837
3837
  align-items:center;
3838
- max-width:552px;
3838
+ max-width:var(--section-max-width);
3839
3839
  }
3840
3840
  .see_more_covers-button{
3841
3841
  width:100%;
@@ -3984,7 +3984,6 @@ svg:not(:host).svg-inline--mobius-icon{
3984
3984
  }
3985
3985
  .mobius-collapsible__summary-content .mobius-text{
3986
3986
  margin-right:calc(var(--size-xl) * 2 + var(--size-xs));
3987
- word-wrap:break-word;
3988
3987
  overflow-wrap:break-word;
3989
3988
  }
3990
3989
  @media (min-width: 600px){
@@ -4028,7 +4027,7 @@ svg:not(:host).svg-inline--mobius-icon{
4028
4027
  margin-top:var(--size-xl);
4029
4028
  }
4030
4029
  .mobius-questionnaire .mobius-actions{
4031
- max-width:552px;
4030
+ max-width:var(--section-max-width);
4032
4031
  }
4033
4032
  .mobius-questionnaire__error-alert{
4034
4033
  max-width:var(--section-max-width);
@@ -4414,7 +4413,7 @@ svg:not(:host).svg-inline--mobius-icon{
4414
4413
  .mobius-security-locks{
4415
4414
  display:grid;
4416
4415
  grid-template-columns:repeat(2, 1fr);
4417
- max-width:552px;
4416
+ max-width:var(--section-max-width);
4418
4417
  gap:var(--size-sm);
4419
4418
  }
4420
4419
  @media (min-width: 600px){
@@ -5868,6 +5867,9 @@ svg:not(:host).svg-inline--mobius-icon{
5868
5867
  grid-template-columns:repeat(3, 1fr);
5869
5868
  }
5870
5869
  }
5870
+ .mobius-recommendations__error{
5871
+ margin-bottom:var(--size-md);
5872
+ }
5871
5873
  .mobius-quote-card__section{
5872
5874
  position:relative;
5873
5875
  font-size:var(--font-size-regular);
@@ -6333,64 +6335,65 @@ svg:not(:host).svg-inline--mobius-icon{
6333
6335
  align-items:center;
6334
6336
  }
6335
6337
  .mobius-reward-banner{
6336
- color:white;
6337
- text-align:center;
6338
- font-size:var(--font-size-2);
6339
- display:flex;
6340
- justify-content:center;
6341
- align-items:center;
6342
- flex-direction:row;
6343
- box-sizing:content-box;
6344
- min-height:var(--size-lg);
6345
- width:100%;
6346
- margin:0 auto;
6347
- padding:10px var(--size-sm);
6338
+ color:white;
6339
+ text-align:center;
6340
+ font-size:var(--font-size-2);
6341
+ display:flex;
6342
+ justify-content:center;
6343
+ align-items:center;
6344
+ flex-direction:row;
6345
+ box-sizing:content-box;
6346
+ min-height:var(--size-lg);
6347
+ width:100%;
6348
+ margin:0 auto;
6349
+ padding:10px var(--size-sm);
6348
6350
  }
6349
6351
  .mobius-reward-banner.--is-voucher{
6350
- background-color:var(--color-reward-banner-voucher-background);
6352
+ background-color:var(--color-reward-banner-voucher-background);
6351
6353
  }
6352
6354
  .mobius-reward-banner.--is-raf{
6353
- background-color:var(--color-reward-banner-raf-background);
6355
+ background-color:var(--color-reward-banner-raf-background);
6354
6356
  }
6355
6357
  .mobius-reward-banner__body{
6356
- display:grid;
6357
- grid-template-rows:auto auto;
6358
+ display:grid;
6359
+ grid-template-rows:auto auto;
6358
6360
  }
6359
6361
  .mobius-reward-banner__body .mobius-text{
6360
- color:white;
6361
- margin:0;
6362
- display:block;
6362
+ color:white;
6363
+ margin:0;
6364
+ display:block;
6363
6365
  }
6364
6366
  .mobius-reward-banner .mobius-link{
6365
- color:white;
6366
- -webkit-text-decoration:underline;
6367
- text-decoration:underline;
6367
+ color:white;
6368
+ -webkit-text-decoration:underline;
6369
+ text-decoration:underline;
6368
6370
  }
6369
6371
  .mobius-reward-banner.--is-raf::before,
6370
6372
  .mobius-reward-banner.--is-raf::after{
6371
- height:30px;
6372
- width:38px;
6373
- background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C%21-- Generator%3A Adobe Illustrator 21.0.2%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0%29 --%3E%3Csvg version%3D%221.1%22 id%3D%22Calque_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 96 76%22 style%3D%22enable-background%3Anew 0 -1.5 96 76%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FDFFFF%3B%7D%09.st1%7Bfill%3A%23FFFFFF%3Bstroke%3A%23111118%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3B%7D%09.st2%7Bfill%3A%23111118%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M22.4%2C58.7L22.4%2C58.7c3.7%2C5%2C3.4%2C8.9-3.3%2C17.4c8.5-1.3%2C13.5-7.2%2C18-14.5l0%2C0c2.4%2C0.1%2C4.8%2C0%2C7.3-0.2%09%09c12.2-1.1%2C22.7-6.3%2C29.2-13.4c-3-1.8-6-4.3-8.1-7.8c3.9%2C1.7%2C8.9%2C1.7%2C12.7%2C1.2c1.2-2.4%2C2.1-5%2C2.4-7.6l15-8.5l-16.8-3.6l0%2C0%09%09C73.3%2C9.7%2C57.2%2C2%2C39.1%2C3.7C17.5%2C5.8%2C1.3%2C20.3%2C2.8%2C36.2C3.7%2C46.2%2C11.5%2C54.4%2C22.4%2C58.7z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M20.1%2C55.2L20.1%2C55.2c3.7%2C5%2C3.4%2C8.9-3.3%2C17.4c8.5-1.3%2C13.5-7.2%2C18-14.5l0%2C0c2.4%2C0.1%2C4.8%2C0%2C7.3-0.2%09%09c12.2-1.1%2C22.7-6.3%2C29.2-13.4c-3-1.8-6-4.3-8.1-7.8c3.9%2C1.7%2C8.9%2C1.7%2C12.7%2C1.2c1.2-2.4%2C2.1-5%2C2.4-7.6l15-8.5l-16.8-3.6l0%2C0%09%09C71%2C6.3%2C54.9-1.4%2C36.8%2C0.3C15.2%2C2.3-1%2C16.8%2C0.5%2C32.7C1.4%2C42.7%2C9.2%2C50.9%2C20.1%2C55.2z%22%2F%3E%09%09%3Cellipse transform%3D%22matrix%280.9956 -9.370386e-02 9.370386e-02 0.9956 -1.6922 6.2229%29%22 class%3D%22st2%22 cx%3D%2265.4%22 cy%3D%2221.1%22 rx%3D%222.1%22 ry%3D%224.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6374
- background-size:contain;
6375
- background-repeat:no-repeat;
6376
- background-position:left center;
6377
- content:"";
6373
+ height:30px;
6374
+ width:38px;
6375
+ background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C%21-- Generator%3A Adobe Illustrator 21.0.2%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0%29 --%3E%3Csvg version%3D%221.1%22 id%3D%22Calque_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 96 76%22 style%3D%22enable-background%3Anew 0 -1.5 96 76%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FDFFFF%3B%7D%09.st1%7Bfill%3A%23FFFFFF%3Bstroke%3A%23111118%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3B%7D%09.st2%7Bfill%3A%23111118%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M22.4%2C58.7L22.4%2C58.7c3.7%2C5%2C3.4%2C8.9-3.3%2C17.4c8.5-1.3%2C13.5-7.2%2C18-14.5l0%2C0c2.4%2C0.1%2C4.8%2C0%2C7.3-0.2%09%09c12.2-1.1%2C22.7-6.3%2C29.2-13.4c-3-1.8-6-4.3-8.1-7.8c3.9%2C1.7%2C8.9%2C1.7%2C12.7%2C1.2c1.2-2.4%2C2.1-5%2C2.4-7.6l15-8.5l-16.8-3.6l0%2C0%09%09C73.3%2C9.7%2C57.2%2C2%2C39.1%2C3.7C17.5%2C5.8%2C1.3%2C20.3%2C2.8%2C36.2C3.7%2C46.2%2C11.5%2C54.4%2C22.4%2C58.7z%22%2F%3E%09%3Cpath class%3D%22st1%22 d%3D%22M20.1%2C55.2L20.1%2C55.2c3.7%2C5%2C3.4%2C8.9-3.3%2C17.4c8.5-1.3%2C13.5-7.2%2C18-14.5l0%2C0c2.4%2C0.1%2C4.8%2C0%2C7.3-0.2%09%09c12.2-1.1%2C22.7-6.3%2C29.2-13.4c-3-1.8-6-4.3-8.1-7.8c3.9%2C1.7%2C8.9%2C1.7%2C12.7%2C1.2c1.2-2.4%2C2.1-5%2C2.4-7.6l15-8.5l-16.8-3.6l0%2C0%09%09C71%2C6.3%2C54.9-1.4%2C36.8%2C0.3C15.2%2C2.3-1%2C16.8%2C0.5%2C32.7C1.4%2C42.7%2C9.2%2C50.9%2C20.1%2C55.2z%22%2F%3E%09%09%3Cellipse transform%3D%22matrix%280.9956 -9.370386e-02 9.370386e-02 0.9956 -1.6922 6.2229%29%22 class%3D%22st2%22 cx%3D%2265.4%22 cy%3D%2221.1%22 rx%3D%222.1%22 ry%3D%224.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
6376
+ background-size:contain;
6377
+ background-repeat:no-repeat;
6378
+ background-position:left center;
6379
+ content:"";
6378
6380
  }
6379
6381
  .mobius-reward-banner.--is-raf::before{
6380
- margin-right:100px;
6382
+ margin-right:100px;
6381
6383
  }
6382
6384
  .mobius-reward-banner.--is-raf::after{
6383
- margin-left:100px;
6384
- transform:scaleX(-1);
6385
+ margin-left:100px;
6386
+ transform:scaleX(-1);
6385
6387
  }
6386
6388
  @media (max-width: 640px){
6387
- .mobius-reward-banner__body{
6388
- grid-row-gap:var(--size-sm);
6389
- }
6389
+ .mobius-reward-banner__body{
6390
+ row-gap:var(--size-sm);
6391
+ }
6390
6392
 
6391
- .mobius-reward-banner::after, .mobius-reward-banner::before{
6392
- display:none;
6393
- }
6393
+ .mobius-reward-banner::after,
6394
+ .mobius-reward-banner::before{
6395
+ display:none;
6396
+ }
6394
6397
  }
6395
6398
  .mobius-scrollable-text__content{
6396
6399
  height:100%;
@@ -6490,58 +6493,58 @@ svg:not(:host).svg-inline--mobius-icon{
6490
6493
  box-shadow:var(--box-shadow-default);
6491
6494
  }
6492
6495
  .mobius-pre-qcp__additional-rfq-body{
6493
- display:grid;
6494
- grid-template-columns:1fr;
6495
- padding:var(--size-lg) var(--size-sm);
6496
- flex-direction:column;
6497
- align-items:flex-start;
6498
- align-self:stretch;
6499
- border-radius:var(--size-xs);
6500
- font-size:var(--font-size-3);
6501
- line-height:var(--size-md);
6502
- border:1px solid var(--color-neutral-300);
6503
- background:var(--color-neutral-100);
6504
- width:inherit;
6496
+ display:grid;
6497
+ grid-template-columns:1fr;
6498
+ padding:var(--size-lg) var(--size-sm);
6499
+ flex-direction:column;
6500
+ align-items:flex-start;
6501
+ align-self:stretch;
6502
+ border-radius:var(--size-xs);
6503
+ font-size:var(--font-size-3);
6504
+ line-height:var(--size-md);
6505
+ border:1px solid var(--color-neutral-300);
6506
+ background:var(--color-neutral-100);
6507
+ width:inherit;
6505
6508
  }
6506
6509
  .mobius-pre-qcp__additional-rfq-body .bold-text{
6507
- font-weight:bold;
6508
- }
6510
+ font-weight:bold;
6511
+ }
6509
6512
  @media (min-width: 960px){
6510
6513
  .mobius-pre-qcp__additional-rfq-body{
6511
- width:436px;
6512
- row-gap:0;
6514
+ width:436px;
6515
+ row-gap:0;
6513
6516
  }
6514
- }
6517
+ }
6515
6518
  .mobius-pre-qcp__pre-qcp-card-container{
6516
- padding:var(--size-sm) 0;
6517
- display:grid;
6518
- grid-template-columns:1fr;
6519
- row-gap:var(--size-sm);
6519
+ padding:var(--size-sm) 0;
6520
+ display:grid;
6521
+ grid-template-columns:1fr;
6522
+ row-gap:var(--size-sm);
6520
6523
  }
6521
6524
  @media (min-width: 960px){
6522
6525
  .mobius-pre-qcp__pre-qcp-card-container{
6523
- grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
6524
- grid-row-gap:var(--size-lg);
6526
+ grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
6527
+ row-gap:var(--size-lg);
6525
6528
  }
6526
- }
6529
+ }
6527
6530
  .mobius-pre-qcp__quoted-product-name{
6528
- margin:0 0 var(--size-xs) 0;
6531
+ margin:0 0 var(--size-xs) 0;
6529
6532
  }
6530
6533
  .mobius-pre-qcp__pre-qcp-continuation-subtext{
6531
- margin-top:var(--size-xs);
6532
- font-weight:var(--font-weight-normal);
6533
- text-align:left;
6534
- padding-left:var(--size-sm);
6535
- color:var(--color-text-medium);
6536
- font-size:var(--font-size-3);
6537
- line-height:var(--font-size-4);
6538
- border-left:var(--size-xxs) solid var(--color-info);
6534
+ margin-top:var(--size-xs);
6535
+ font-weight:var(--font-weight-normal);
6536
+ text-align:left;
6537
+ padding-left:var(--size-sm);
6538
+ color:var(--color-text-medium);
6539
+ font-size:var(--font-size-3);
6540
+ line-height:var(--font-size-4);
6541
+ border-left:var(--size-xxs) solid var(--color-info);
6539
6542
  }
6540
6543
  .mobius-pre-qcp__quoted-subtext{
6541
- margin:var(--size-xs) 0 var(--size-xs) 0;
6544
+ margin:var(--size-xs) 0 var(--size-xs) 0;
6542
6545
  }
6543
6546
  .mobius-pre-qcp__button-container{
6544
- padding-top:var(--size-xs);
6547
+ padding-top:var(--size-xs);
6545
6548
  }
6546
6549
  .mobius-skip-to-next-coverage{
6547
6550
  display:flex;
@@ -8785,7 +8788,7 @@ input[type="date"]::-webkit-datetime-edit-year-field{
8785
8788
  --progress-steps-active-text-color:var(--color-text-inverted);
8786
8789
  --progress-steps-active-label-color:var(--color-text);
8787
8790
  --progress-steps-active-line-color:var(--progress-steps-secondary-color);
8788
- --section-max-width:552px;
8791
+ --section-max-width:572px;
8789
8792
  --questionnaire-list-icon:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22448%22 height%3D%22512%22 viewbox%3D%220 0 24 24%22%3E %3Cpath d%3D%22M448 130L431 147 177.5 399.2l-16.9 16.9-16.9-16.9L17 273.1 0 256.2l33.9-34 17 16.9L160.6 348.3 397.1 112.9l17-16.9L448 130z%22 fill%3D%22%23e943c9%22 %2F%3E%3C%2Fsvg%3E");
8790
8793
  --radio-icon-color:var(--color-accent);
8791
8794
  --color-reward-banner-voucher-background:#00ad93;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "2.13.16",
3
+ "version": "2.13.18",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -28,16 +28,16 @@
28
28
  "./fonts": "./dist/fonts.css"
29
29
  },
30
30
  "dependencies": {
31
- "@simplybusiness/mobius": "^6.10.5",
32
- "@simplybusiness/mobius-chatbot": "^2.2.18",
33
- "@simplybusiness/mobius-datepicker": "^7.3.17",
34
- "@simplybusiness/mobius-interventions": "^3.11.1",
35
- "@simplybusiness/mobius-journey": "^11.42.0",
36
- "@simplybusiness/theme-core": "^7.14.20"
31
+ "@simplybusiness/mobius": "^7.0.0",
32
+ "@simplybusiness/mobius-chatbot": "^2.2.19",
33
+ "@simplybusiness/mobius-datepicker": "^8.0.0",
34
+ "@simplybusiness/mobius-interventions": "^3.11.3",
35
+ "@simplybusiness/mobius-journey": "^11.44.0",
36
+ "@simplybusiness/theme-core": "^7.14.22"
37
37
  },
38
38
  "devDependencies": {
39
- "@simplybusiness/build-scripts": "^1.2.1",
40
- "react": "^19.2.1",
41
- "react-dom": "^19.2.1"
39
+ "@simplybusiness/build-scripts": "^1.2.2",
40
+ "react": "^19.2.3",
41
+ "react-dom": "^19.2.3"
42
42
  }
43
43
  }
package/src/variables.css CHANGED
@@ -48,7 +48,7 @@
48
48
  --progress-steps-active-line-color: var(--progress-steps-secondary-color);
49
49
 
50
50
  /* Section */
51
- --section-max-width: 552px;
51
+ --section-max-width: 572px;
52
52
  --questionnaire-list-icon: url("./images/tick.svg");
53
53
 
54
54
  /* Radio */