@simplybusiness/theme-simplybusiness 1.3.6 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.4.0
+
+### Minor Changes
+
+- be5467a: Add the SkipToNextCoverage component
+
+### Patch Changes
+
+- Updated dependencies [4984b57]
+- Updated dependencies [c5cc020]
+- Updated dependencies [1fa9b7e]
+- Updated dependencies [77d9534]
+- Updated dependencies [9f9cbc5]
+- Updated dependencies [be5467a]
+- Updated dependencies [b3b961b]
+- Updated dependencies [cdf3d77]
+  - @simplybusiness/mobius@5.12.0
+  - @simplybusiness/mobius-journey@6.20.0
+  - @simplybusiness/mobius-datepicker@6.0.19
+  - @simplybusiness/theme-core@7.2.10
+
+## 1.3.7
+
+### Patch Changes
+
+- Updated dependencies [902cee3]
+  - @simplybusiness/mobius@5.11.1
+  - @simplybusiness/mobius-datepicker@6.0.18
+  - @simplybusiness/mobius-journey@6.19.1
+  - @simplybusiness/theme-core@7.2.9
+
 ## 1.3.6
 
 ### Patch Changes

package/dist/index.css

@@ -491,11 +491,14 @@ a.mobius-button:focus-visible,
   padding:var(--option-padding);
   cursor:pointer;
 }
-.mobius-combobox__option:hover,
-.mobius-combobox__option--is-highlighted{
+.mobius-combobox__option:hover{
   background-color:var(--color-primary);
   color:var(--color-neutral-100);
 }
+.mobius-combobox__option--is-highlighted{
+  background-color:var(--color-primary-light);
+  color:var(--color-neutral-100);
+}
 [role="group"]{
   margin:0;
   padding:0;
@@ -1863,8 +1866,10 @@ a.mobius-button:focus-visible,
 .mobius-text-field__prefix-inside,
 .mobius-text-field__suffix-inside{
   display:flex;
-  color:var(--color-primary-light);
 }
+:is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside):not(.--is-invalid):not(.--is-disabled){
+    color:var(--color-primary-light);
+  }
 .mobius-button:is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside){
     min-height:100%;
     border-radius:0;
@@ -3524,6 +3529,7 @@ svg:not(:host).svg-inline--mobius-icon{
 :root,
 :host{
   --section-max-width:552px;
+  --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");
 }
 .mobius-section{
   margin-bottom:var(--size-xxl);
@@ -3549,6 +3555,19 @@ svg:not(:host).svg-inline--mobius-icon{
   display:grid;
   gap:var(--size-lg);
 }
+.mobius-section ul{
+  display:flex;
+  flex-direction:column;
+  gap:var(--size-xs);
+  padding-left:0;
+  list-style-type:none;
+}
+:is(.mobius-section ul) li{
+    background:var(--questionnaire-list-icon);
+    background-size:contain;
+    background-repeat:no-repeat;
+    padding-left:var(--size-lg);
+  }
 .mobius-no-quotes-card{
   margin:0;
   border:1px solid var(--color-border);
@@ -4391,6 +4410,21 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-card__badges.--is-uk .mobius-quote-card__badge{
       width:150px;
     }
+.mobius-quote-card__badges.--is-mobile{
+    display:flex;
+  }
+.mobius-quote-card__badges.--is-desktop{
+    display:none;
+  }
+@media (min-width: 850px){
+    .mobius-quote-card__badges.--is-mobile{
+      display:none;
+    }
+
+    .mobius-quote-card__badges.--is-desktop{
+      display:flex;
+    }
+  }
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
     .mobius-quote-card__badges:not(:last-child){
       margin-bottom:var(--size-xs);
@@ -4584,6 +4618,19 @@ svg:not(:host).svg-inline--mobius-icon{
     -webkit-text-decoration:underline;
     text-decoration:underline;
   }
+.mobius-skip-to-next-coverage{
+    display:flex;
+    padding:26px 16px;
+    margin-bottom:10px;
+    flex-direction:column;
+    align-items:flex-start;
+    align-self:stretch;
+    border-radius:8px;
+    font-size:16px;
+    line-height:24px;
+    border:1px solid var(--color-border);
+    background-color:var(--color-background);
+}
 .mobius-referral{
   display:grid;
   column-gap:var(--size-xl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.3.6",
+  "version": "1.4.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,25 +26,25 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.11.0",
-    "@simplybusiness/mobius-datepicker": "^6.0.17",
-    "@simplybusiness/mobius-journey": "^6.19.0",
-    "@simplybusiness/theme-core": "^7.2.8"
+    "@simplybusiness/mobius": "^5.12.0",
+    "@simplybusiness/mobius-datepicker": "^6.0.19",
+    "@simplybusiness/mobius-journey": "^6.20.0",
+    "@simplybusiness/theme-core": "^7.2.10"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",
-    "mini-css-extract-plugin": "^2.9.1",
-    "postcss": "^8.4.47",
+    "mini-css-extract-plugin": "^2.9.2",
+    "postcss": "^8.4.49",
     "postcss-discard-comments": "^7.0.3",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
     "postcss-nested": "^6.2.0",
-    "postcss-preset-env": "^10.0.8",
+    "postcss-preset-env": "^10.1.1",
     "postcss-url": "^10.1.3",
     "resolve-url-loader": "^5.0.0",
     "ts-loader": "^9.5.1",
     "typescript": "^5.6.3",
-    "webpack": "^5.95.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4"
   }
 }

package/src/index.css

@@ -54,6 +54,7 @@
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Section/Section.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/Unquotable/Unquotable.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
+@import "@simplybusiness/mobius-journey/src/components/SkipToNextCoverage/SkipToNextCoverage.css";
 @import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
 @import "@simplybusiness/mobius-journey/src/components/Referral/TrustSection/TrustSection.css";
 @import "@simplybusiness/mobius-journey/src/components/shared/PaymentToggle/PaymentToggle.css";