@simplybusiness/theme-simplybusiness 1.3.7 → 1.4.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,26 @@
1
1
  # @simplybusiness/theme-simplybusiness
2
2
 
3
+ ## 1.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - be5467a: Add the SkipToNextCoverage component
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [4984b57]
12
+ - Updated dependencies [c5cc020]
13
+ - Updated dependencies [1fa9b7e]
14
+ - Updated dependencies [77d9534]
15
+ - Updated dependencies [9f9cbc5]
16
+ - Updated dependencies [be5467a]
17
+ - Updated dependencies [b3b961b]
18
+ - Updated dependencies [cdf3d77]
19
+ - @simplybusiness/mobius@5.12.0
20
+ - @simplybusiness/mobius-journey@6.20.0
21
+ - @simplybusiness/mobius-datepicker@6.0.19
22
+ - @simplybusiness/theme-core@7.2.10
23
+
3
24
  ## 1.3.7
4
25
 
5
26
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1866,8 +1866,10 @@ a.mobius-button:focus-visible,
1866
1866
  .mobius-text-field__prefix-inside,
1867
1867
  .mobius-text-field__suffix-inside{
1868
1868
  display:flex;
1869
- color:var(--color-primary-light);
1870
1869
  }
1870
+ :is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside):not(.--is-invalid):not(.--is-disabled){
1871
+ color:var(--color-primary-light);
1872
+ }
1871
1873
  .mobius-button:is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside){
1872
1874
  min-height:100%;
1873
1875
  border-radius:0;
@@ -3527,6 +3529,7 @@ svg:not(:host).svg-inline--mobius-icon{
3527
3529
  :root,
3528
3530
  :host{
3529
3531
  --section-max-width:552px;
3532
+ --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");
3530
3533
  }
3531
3534
  .mobius-section{
3532
3535
  margin-bottom:var(--size-xxl);
@@ -3552,6 +3555,19 @@ svg:not(:host).svg-inline--mobius-icon{
3552
3555
  display:grid;
3553
3556
  gap:var(--size-lg);
3554
3557
  }
3558
+ .mobius-section ul{
3559
+ display:flex;
3560
+ flex-direction:column;
3561
+ gap:var(--size-xs);
3562
+ padding-left:0;
3563
+ list-style-type:none;
3564
+ }
3565
+ :is(.mobius-section ul) li{
3566
+ background:var(--questionnaire-list-icon);
3567
+ background-size:contain;
3568
+ background-repeat:no-repeat;
3569
+ padding-left:var(--size-lg);
3570
+ }
3555
3571
  .mobius-no-quotes-card{
3556
3572
  margin:0;
3557
3573
  border:1px solid var(--color-border);
@@ -4394,6 +4410,21 @@ svg:not(:host).svg-inline--mobius-icon{
4394
4410
  .mobius-quote-card__badges.--is-uk .mobius-quote-card__badge{
4395
4411
  width:150px;
4396
4412
  }
4413
+ .mobius-quote-card__badges.--is-mobile{
4414
+ display:flex;
4415
+ }
4416
+ .mobius-quote-card__badges.--is-desktop{
4417
+ display:none;
4418
+ }
4419
+ @media (min-width: 850px){
4420
+ .mobius-quote-card__badges.--is-mobile{
4421
+ display:none;
4422
+ }
4423
+
4424
+ .mobius-quote-card__badges.--is-desktop{
4425
+ display:flex;
4426
+ }
4427
+ }
4397
4428
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4398
4429
  .mobius-quote-card__badges:not(:last-child){
4399
4430
  margin-bottom:var(--size-xs);
@@ -4587,6 +4618,19 @@ svg:not(:host).svg-inline--mobius-icon{
4587
4618
  -webkit-text-decoration:underline;
4588
4619
  text-decoration:underline;
4589
4620
  }
4621
+ .mobius-skip-to-next-coverage{
4622
+ display:flex;
4623
+ padding:26px 16px;
4624
+ margin-bottom:10px;
4625
+ flex-direction:column;
4626
+ align-items:flex-start;
4627
+ align-self:stretch;
4628
+ border-radius:8px;
4629
+ font-size:16px;
4630
+ line-height:24px;
4631
+ border:1px solid var(--color-border);
4632
+ background-color:var(--color-background);
4633
+ }
4590
4634
  .mobius-referral{
4591
4635
  display:grid;
4592
4636
  column-gap:var(--size-xl);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-simplybusiness",
3
- "version": "1.3.7",
3
+ "version": "1.4.0",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -26,25 +26,25 @@
26
26
  "./fonts": "./dist/fonts.css"
27
27
  },
28
28
  "dependencies": {
29
- "@simplybusiness/mobius": "^5.11.1",
30
- "@simplybusiness/mobius-datepicker": "^6.0.18",
31
- "@simplybusiness/mobius-journey": "^6.19.1",
32
- "@simplybusiness/theme-core": "^7.2.9"
29
+ "@simplybusiness/mobius": "^5.12.0",
30
+ "@simplybusiness/mobius-datepicker": "^6.0.19",
31
+ "@simplybusiness/mobius-journey": "^6.20.0",
32
+ "@simplybusiness/theme-core": "^7.2.10"
33
33
  },
34
34
  "devDependencies": {
35
35
  "css-loader": "^7.1.2",
36
- "mini-css-extract-plugin": "^2.9.1",
37
- "postcss": "^8.4.47",
36
+ "mini-css-extract-plugin": "^2.9.2",
37
+ "postcss": "^8.4.49",
38
38
  "postcss-discard-comments": "^7.0.3",
39
39
  "postcss-import": "^16.1.0",
40
40
  "postcss-loader": "^8.1.1",
41
41
  "postcss-nested": "^6.2.0",
42
- "postcss-preset-env": "^10.0.8",
42
+ "postcss-preset-env": "^10.1.1",
43
43
  "postcss-url": "^10.1.3",
44
44
  "resolve-url-loader": "^5.0.0",
45
45
  "ts-loader": "^9.5.1",
46
46
  "typescript": "^5.6.3",
47
- "webpack": "^5.95.0",
47
+ "webpack": "^5.96.1",
48
48
  "webpack-cli": "^5.1.4"
49
49
  }
50
50
  }
package/src/index.css CHANGED
@@ -54,6 +54,7 @@
54
54
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Section/Section.css";
55
55
  @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
56
56
  @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
57
+ @import "@simplybusiness/mobius-journey/src/components/SkipToNextCoverage/SkipToNextCoverage.css";
57
58
  @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
58
59
  @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
59
60
  @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";