@simplybusiness/theme-simplybusiness 2.13.8 → 2.13.9

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.13.9
+
+### Patch Changes
+
+- 686c654: Showcase CSS and Copy updates
+- 9ebf995: Correct pricing reference mark copy on showcase
+- Updated dependencies [686c654]
+- Updated dependencies [2ff07e6]
+- Updated dependencies [9ebf995]
+- Updated dependencies [3ac3cf9]
+- Updated dependencies [639af1c]
+- Updated dependencies [735c1d4]
+- Updated dependencies [aac88f5]
+  - @simplybusiness/mobius-journey@11.37.0
+  - @simplybusiness/mobius@6.10.3
+  - @simplybusiness/mobius-chatbot@2.2.15
+  - @simplybusiness/mobius-datepicker@7.3.15
+  - @simplybusiness/mobius-interventions@3.8.5
+  - @simplybusiness/theme-core@7.14.18
+
 ## 2.13.8
 
 ### Patch Changes

package/dist/index.css

@@ -3911,7 +3911,6 @@ svg:not(:host).svg-inline--mobius-icon{
     line-height:var(--line-height-normal);
   }
 .mobius-collapsible__details{
-  view-transition-name:details-content;
   border:1px solid var(--color-border-medium);
   border-radius:var(--radius-2);
   padding:var(--size-sm);
@@ -6496,7 +6495,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-page__main{
   flex:1;
-  padding-top:0;
+  padding-top:var(--size-lg);
   padding-bottom:calc(var(--size-lg) + var(--size-xxl));
   padding-left:var(--size-sm);
   padding-right:var(--size-sm);
@@ -6564,10 +6563,12 @@ svg:not(:host).svg-inline--mobius-icon{
       width:100%;
     }
   }
-.mobius-showcase__card.mobius-showcase-explore{
+.mobius-showcase-explore{
+  display:flex;
   flex:1;
   flex-direction:column;
   gap:var(--size-md);
+  border-radius:var(--radius-2);
   padding:var(--size-lg) var(--size-md);
   background-color:var(--color-azure-200);
 }
@@ -6580,11 +6581,12 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-text-medium);
 }
 .mobius-showcase-explore__list{
-  margin:0;
+  margin:var(--size-xs) 0 0;
   padding-left:var(--size-lg);
   color:var(--color-text-medium);
 }
 .mobius-showcase-explore__list-item{
+  margin:var(--size-xs) 0 0;
   color:var(--color-text-medium);
 }
 .mobius-showcase-explore__form{
@@ -6593,15 +6595,19 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-showcase-explore__cta{
   width:100%;
 }
-.showcase-products-list__item:not(:last-child){
+.mobius-showcase-product-list__item:not(:last-child){
   margin-bottom:var(--size-sm);
 }
-.showcase-products-list__item__title{
+.mobius-title__header.mobius-product-list__item-title{
   font-size:var(--font-size-lead);
 }
-.showcase-product-drawer__trigger{
+.mobius-title__description.mobius-product-list__coverage-limit{
+  font-size:var(--font-size-small-paragraph);
+}
+.mobius-product-list__drawer-trigger{
  width:fit-content;
  border-radius:var(--size-lg);
+ font-size:var(--font-size-small-paragraph);
 }
 .mobius-showcase-form{
   width:100%;
@@ -6616,12 +6622,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-showcase-form__back{
   display:flex;
-  justify-content:center;
-}
-@media screen and (min-width: 641px){
-  .mobius-showcase-form__back{
-    justify-content:flex-start;
-  }
+  justify-content:flex-start;
 }
 .mobius-showcase-form__back .mobius-button{
   font-size:var(--font-size-regular);
@@ -6641,21 +6642,21 @@ svg:not(:host).svg-inline--mobius-icon{
   margin:var(--size-md) 0;
 }
 .mobius-showcase__individual-prices{
-  display:flex;
-  flex-direction:column;
-  gap:var(--size-xs);
+  display:grid;
+  padding-top:var(--size-xs);
 }
-@media screen and (min-width: 641px){
+@media screen and (min-width: 640px){
   .mobius-showcase__individual-prices{
     padding-left:var(--size-sm);
+    padding-top:0;
     border-left:1px solid var(--color-neutral-300);
   }
 }
 .mobius-showcase__price{
   margin:0;
   color:var(--color-text-medium);
-  font-size:var(--font-size-2);
-  line-height:1.333;
+  font-size:var(--font-size-small-print);
+  line-height:var(--line-height-tight);
 }
 .mobius-showcase__price sup{
   margin-left:2px;
@@ -6914,15 +6915,22 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 }
 .mobius-showcase__layout{
-  flex-direction:column;
+  flex-direction:row;
+  flex-wrap:wrap;
+  align-items:stretch;
   width:100%;
 }
-@media screen and (min-width: 641px){
-  .mobius-showcase__layout{
-    align-items:stretch;
-    flex-direction:row;
+.mobius-showcase-explore{
+  flex:1 0 320px;
+}
+@media screen and (min-width: 776px){
+  .mobius-showcase-explore{
+    flex-grow:0;
   }
 }
+.mobius-showcase-heading{
+  margin-top:0;
+}
 .mobius-showcase__image-wrapper{
   position:relative;
   overflow:hidden;
@@ -6930,7 +6938,7 @@ svg:not(:host).svg-inline--mobius-icon{
   width:100%;
   border-radius:var(--radius-2) var(--radius-2) 80px 80px;
 }
-@media screen and (min-width: 641px){
+@media screen and (min-width: 640px){
   .mobius-showcase__image-wrapper{
     border-radius:160px var(--radius-2) var(--radius-2) 160px;
     order:2;
@@ -6956,7 +6964,7 @@ svg:not(:host).svg-inline--mobius-icon{
   justify-content:space-between;
   gap:var(--size-lg);
   margin:var(--size-lg) 0;
-  flex:2.5;
+  flex:1 0 400px;
   min-width:0;
   border-radius:var(--radius-2);
   box-shadow:0px 12px 24px 0px #00000029;
@@ -6965,7 +6973,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-showcase__title{
   margin-top:0;
 }
-@media screen and (min-width: 641px){
+@media screen and (min-width: 640px){
   .mobius-showcase__card{
     flex-direction:row;
     margin:0;
@@ -6975,7 +6983,7 @@ svg:not(:host).svg-inline--mobius-icon{
   order:1;
   padding:var(--size-md);
 }
-@media screen and (min-width: 641px){
+@media screen and (min-width: 640px){
   .mobius-showcase__content{
     order:unset;
     padding:var(--size-lg) 0 var(--size-lg) var(--size-md);
@@ -6983,19 +6991,18 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-showcase__heading{
   display:block;
-  margin-top:0;
+  font-size:var(--font-size-small-print);
+  letter-spacing:1.5px;
+  color:var(--color-text-medium);
   margin-bottom:var(--size-xs);
-  color:var(--color-text);
-  font-weight:600;
-  text-transform:uppercase;
+  margin-top:0;
 }
+.mobius-showcase__coverage,
 .mobius-showcase__audience{
-  margin-bottom:0;
-}
-.mobius-showcase__coverage, .mobius-showcase__audience{
   color:var(--color-text-medium);
-  font-size:var(--font-size-3);
-  line-height:1.5;
+  font-size:var(--font-size-regular);
+  line-height:var(--line-height-normal);
+  margin-bottom:0;
 }
 .mobius-sms-button__sms-message{
   display:flex;
@@ -7621,8 +7628,14 @@ svg:not(:host).svg-inline--mobius-icon{
     padding:10px 18px;
 }
 .mobius-price-block{
+  flex-direction:column;
   position:relative;
-  padding:0 var(--size-sm);
+  padding:0 0 0 var(--size-sm);
+}
+@media (min-width: 640px){
+  .mobius-price-block{
+    flex-direction:row;
+  }
 }
 .mobius-price-block::before{
   content:"";
@@ -7635,12 +7648,18 @@ svg:not(:host).svg-inline--mobius-icon{
   box-shadow:inset 4px 0 #ff6bd6;
 }
 .mobius-price-block__price{
+  width:100%;
   display:flex;
   flex-direction:column;
   justify-content:space-between;
   align-items:baseline;
   gap:6px;
 }
+@media screen and (min-width: 640px){
+  .mobius-price-block__price{
+    width:50%;
+  }
+}
 .mobius-price-block__prefix,
 .mobius-price-block__suffix{
   font-size:var(--font-size-2);
@@ -7652,6 +7671,9 @@ svg:not(:host).svg-inline--mobius-icon{
   font-size:var(--font-size-6);
   font-weight:600;
   color:var(--color-text);
+  display:flex;
+  flex-wrap:wrap;
+  align-items:flex-end;
 }
 .mobius-date-picker__container{
   position:relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.13.8",
+  "version": "2.13.9",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -28,15 +28,15 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^6.10.2",
-    "@simplybusiness/mobius-chatbot": "^2.2.14",
-    "@simplybusiness/mobius-datepicker": "^7.3.14",
-    "@simplybusiness/mobius-interventions": "^3.8.4",
-    "@simplybusiness/mobius-journey": "^11.36.0",
-    "@simplybusiness/theme-core": "^7.14.17"
+    "@simplybusiness/mobius": "^6.10.3",
+    "@simplybusiness/mobius-chatbot": "^2.2.15",
+    "@simplybusiness/mobius-datepicker": "^7.3.15",
+    "@simplybusiness/mobius-interventions": "^3.8.5",
+    "@simplybusiness/mobius-journey": "^11.37.0",
+    "@simplybusiness/theme-core": "^7.14.18"
   },
   "devDependencies": {
-    "build-scripts": "^1.1.2",
+    "build-scripts": "^1.1.3",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   }