@simplybusiness/theme-simplybusiness 2.9.0 → 2.10.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.10.1
+
+### Patch Changes
+
+- Updated dependencies [badd1d6]
+  - @simplybusiness/mobius-journey@11.17.0
+
+## 2.10.0
+
+### Minor Changes
+
+- f61acc7: Added Tertiary Text Support to Q2Q
+
+### Patch Changes
+
+- Updated dependencies [349b3c1]
+- Updated dependencies [a24035f]
+- Updated dependencies [f61acc7]
+- Updated dependencies [f83a9d5]
+- Updated dependencies [dc3c2ca]
+- Updated dependencies [79de1bc]
+- Updated dependencies [d0e138c]
+- Updated dependencies [6af1b2a]
+  - @simplybusiness/mobius-journey@11.16.0
+
 ## 2.9.0
 
 ### Minor Changes

package/dist/index.css

@@ -4171,6 +4171,12 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-top:0;
   margin-bottom:var(--size-sm);
 }
+.mobius-question__tertiary-text{
+  color:var(--color-text-medium);
+  font-size:var(--question-tertiary-text-font-size);
+  margin-top:0;
+  margin-bottom:var(--size-sm);
+}
 .mobius-address-lookup__container{
   display:grid;
   gap:var(--size-sm);
@@ -6309,6 +6315,59 @@ svg:not(:host).svg-inline--mobius-icon{
       width:100%;
     }
   }
+.mobius-showcase-explore{
+  flex:1;
+  min-width:0;
+  background-color:var(--color-background);
+  border:1px solid var(--color-border);
+  border-radius:var(--radius-2);
+  box-shadow:0px 12px 24px 0px #00000012;
+  padding:var(--size-lg);
+  display:flex;
+  flex-direction:column;
+  gap:var(--size-md);
+}
+@media screen and (min-width: 641px){
+  .mobius-showcase-explore{
+    padding:var(--size-xl);
+  }
+}
+.mobius-showcase-explore__title{
+  margin:0;
+  color:var(--color-text);
+}
+.mobius-showcase-explore__subtitle{
+  margin:0;
+  font-weight:600;
+  text-transform:uppercase;
+  color:var(--color-text-light);
+}
+.mobius-showcase-explore__list{
+  margin:0;
+  padding-left:var(--size-lg);
+  color:var(--color-text);
+}
+.mobius-showcase-explore__list-item{
+  color:var(--color-text);
+}
+.mobius-showcase-explore__cta{
+  margin-top:auto;
+  align-self:flex-start;
+}
+.mobius-showcase__layout{
+  flex-direction:column;
+  width:100%;
+}
+@media screen and (min-width: 641px){
+  .mobius-showcase__layout{
+    align-items:flex-start;
+    flex-direction:row;
+  }
+}
+.mobius-showcase{
+  flex:2;
+  min-width:0;
+}
 .mobius-showcase__image-wrapper{
   position:relative;
   overflow:hidden;
@@ -6739,8 +6798,11 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-payment-cta-container{
     justify-content:flex-end;
 }
+.mobius-payment-cta-container-align-left{
+    justify-content:flex-start;
+}
 @media (max-width: 640px){
-    .mobius-payment-cta-container{
+    .mobius-payment-cta-container, .mobius-payment-cta-container-align-left{
         justify-content:center;
         display:block;
         padding:var(--size-sm);
@@ -7936,6 +7998,7 @@ input[type="date"]::-webkit-datetime-edit-year-field{
   --footer-link-hover-color:var(--color-link-hover);
   --question-label-font-size:var(--font-size-lead);
   --question-secondary-text-font-size:var(--font-size-regular);
+  --question-tertiary-text-font-size:var(--font-size-small-paragraph);
 }
 html,
 body{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -30,7 +30,7 @@
     "@simplybusiness/mobius-chatbot": "^2.2.0",
     "@simplybusiness/mobius-datepicker": "^7.3.0",
     "@simplybusiness/mobius-interventions": "^3.3.0",
-    "@simplybusiness/mobius-journey": "^11.15.0",
+    "@simplybusiness/mobius-journey": "^11.17.0",
     "@simplybusiness/theme-core": "^7.14.2"
   },
   "devDependencies": {

package/src/variables.css

@@ -67,4 +67,5 @@
   /* Question label font sizes */
   --question-label-font-size: var(--font-size-lead);
   --question-secondary-text-font-size: var(--font-size-regular);
+  --question-tertiary-text-font-size: var(--font-size-small-paragraph);
 }