@simplybusiness/theme-simplybusiness 2.13.10 → 2.13.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.13.11
+
+### Patch Changes
+
+- Updated dependencies [410c8a0]
+- Updated dependencies [5cb5dd8]
+- Updated dependencies [ab259fa]
+- Updated dependencies [476f8ab]
+- Updated dependencies [b9d0b59]
+  - @simplybusiness/mobius-journey@11.39.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.10
 
 ### Patch Changes

package/dist/index.css

@@ -5669,6 +5669,17 @@ svg:not(:host).svg-inline--mobius-icon{
     }
 .mobius-recommendation-card__wrapper{
   position:relative;
+  display:grid;
+}
+@supports (grid-template-rows: subgrid){
+.mobius-recommendation-card__wrapper{
+    grid-template-rows:subgrid;
+    grid-row:span 7;
+}
+  }
+.mobius-recommendation-card__wrapper{
+  height:100%;
+  row-gap:0;
 }
 .mobius-recommendation-card__input{
   position:absolute;
@@ -5681,9 +5692,15 @@ svg:not(:host).svg-inline--mobius-icon{
   border:0;
 }
 .mobius-recommendation-card{
-  display:flex;
-  flex-direction:column;
-  gap:var(--size-sm);
+  display:grid;
+}
+@supports (grid-template-rows: subgrid){
+.mobius-recommendation-card{
+    grid-template-rows:subgrid;
+    grid-row:span 6;
+}
+  }
+.mobius-recommendation-card{
   padding:var(--size-md) var(--size-sm);
   border-radius:var(--radius-2);
   background:var(--color-background);
@@ -5702,17 +5719,24 @@ svg:not(:host).svg-inline--mobius-icon{
     cursor:default;
     pointer-events:none;
   }
-.mobius-recommendation-card__input:focus-visible + .mobius-recommendation-card{
+.mobius-recommendation-card.--has-badge{
+    border-top-left-radius:0;
+    border-top-right-radius:0;
+  }
+.mobius-recommendation-card__input:focus-visible ~ .mobius-recommendation-card{
   outline:var(--size-border-width) solid var(--color-focus);
   outline-offset:var(--size-xxs);
 }
+.mobius-recommendation-card__badge-container{
+  display:flex;
+  align-items:stretch;
+}
 .mobius-recommendation-card__badge{
   display:flex;
   align-items:center;
   gap:var(--size-xs);
-  margin:calc(var(--size-md) * -1) calc(var(--size-sm) * -1) var(--size-xs);
-  padding:var(--size-sm) var(--size-md);
-  border:var(--size-border-width) solid var(--color-primary-lighter);
+  padding:var(--size-xs) var(--size-sm);
+  border:var(--size-border-width) solid var(--color-primary-darker);
   border-bottom:none;
   border-radius:var(--radius-2) var(--radius-2) 0 0;
   background:var(--color-primary-darker);
@@ -5720,6 +5744,7 @@ svg:not(:host).svg-inline--mobius-icon{
   font-size:var(--font-size-2);
   line-height:var(--line-height-tight);
   transition:border-color 140ms ease;
+  flex:1;
 }
 .mobius-recommendation-card:hover .mobius-recommendation-card__badge{
     border-color:var(--color-primary);
@@ -5728,9 +5753,7 @@ svg:not(:host).svg-inline--mobius-icon{
     border-color:var(--color-primary-darker);
   }
 .mobius-recommendation-card__content{
-  display:flex;
-  flex-direction:column;
-  gap:var(--size-md);
+  display:contents;
 }
 .mobius-recommendation-card__header{
   display:flex;
@@ -5754,8 +5777,7 @@ svg:not(:host).svg-inline--mobius-icon{
   gap:0 0.25em;
 }
 .mobius-recommendation-card__cta{
-  align-self:flex-start;
-  margin-top:auto;
+  justify-self:start;
   padding:var(--size-xs) var(--size-sm);
   border-radius:20px;
   font-size:var(--font-size-2);
@@ -5831,8 +5853,14 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-recommendations__grid{
   display:grid;
-  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
+  grid-template-columns:1fr;
   gap:var(--size-lg);
+  grid-auto-rows:auto;
+}
+@media (min-width: 960px){
+  .mobius-recommendations__grid{
+    grid-template-columns:repeat(3, 1fr);
+  }
 }
 .mobius-quote-card__section{
   position:relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.13.10",
+  "version": "2.13.11",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -32,11 +32,11 @@
     "@simplybusiness/mobius-chatbot": "^2.2.15",
     "@simplybusiness/mobius-datepicker": "^7.3.15",
     "@simplybusiness/mobius-interventions": "^3.8.5",
-    "@simplybusiness/mobius-journey": "^11.38.0",
+    "@simplybusiness/mobius-journey": "^11.39.0",
     "@simplybusiness/theme-core": "^7.14.18"
   },
   "devDependencies": {
-    "build-scripts": "^1.1.3",
+    "@simplybusiness/build-scripts": "^1.2.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   }