@simplybusiness/theme-simplybusiness 2.13.9 → 2.13.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.13.10
+
+### Patch Changes
+
+- Updated dependencies [c92c93d]
+- Updated dependencies [3b8542c]
+  - @simplybusiness/mobius-journey@11.38.0
+
 ## 2.13.9
 
 ### Patch Changes

package/dist/index.css

@@ -5667,97 +5667,146 @@ svg:not(:host).svg-inline--mobius-icon{
       --column-count:2;
   }
     }
-.mobius-recommendations__card{
-  display:flex;
-  flex-direction:column;
-  gap:16px;
-  padding:24px 16px;
-  border:2px solid #e2dbfb;
-  border-width:2px;
-  background-color:#ffffff;
-  transition:border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
-  overflow:hidden;
-  box-shadow:0px 12px 24px 0px rgba(0, 0, 0, 0.1607843137);
+.mobius-recommendation-card__wrapper{
   position:relative;
 }
-.mobius-recommendations__card--selected{
-  border:2px solid #2a1e81;
+.mobius-recommendation-card__input{
+  position:absolute;
+  width:1px;
+  height:1px;
+  margin:-1px;
+  padding:0;
+  overflow:hidden;
+  clip-path:inset(50%);
+  border:0;
+}
+.mobius-recommendation-card{
+  display:flex;
+  flex-direction:column;
+  gap:var(--size-sm);
+  padding:var(--size-md) var(--size-sm);
   border-radius:var(--radius-2);
+  background:var(--color-background);
+  box-shadow:inset 0 0 0 var(--size-border-width) var(--color-primary-lighter), var(--shadow-card, 0 12px 24px 0 rgba(0, 0, 0, 0.16));
+  cursor:pointer;
+  transition:box-shadow 140ms ease;
+}
+.mobius-recommendation-card:hover{
+    box-shadow:inset 0 0 0 var(--size-border-width) var(--color-primary), var(--shadow-card, 0 12px 24px 0 rgba(0, 0, 0, 0.16));
+  }
+.mobius-recommendation-card.--is-selected{
+    box-shadow:inset 0 0 0 var(--size-border-width) var(--color-primary-darker), var(--shadow-card, 0 12px 24px 0 rgba(0, 0, 0, 0.16));
+  }
+.mobius-recommendation-card.--is-unavailable{
+    position:relative;
+    cursor:default;
+    pointer-events:none;
+  }
+.mobius-recommendation-card__input:focus-visible + .mobius-recommendation-card{
+  outline:var(--size-border-width) solid var(--color-focus);
+  outline-offset:var(--size-xxs);
 }
-.mobius-recommendations__card:focus-visible{
-  outline:2px solid var(--color-focus);
-  outline-offset:4px;
+.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);
+  border-bottom:none;
+  border-radius:var(--radius-2) var(--radius-2) 0 0;
+  background:var(--color-primary-darker);
+  color:var(--color-text-inverted);
+  font-size:var(--font-size-2);
+  line-height:var(--line-height-tight);
+  transition:border-color 140ms ease;
 }
-.mobius-recommendations__card-content{
+.mobius-recommendation-card:hover .mobius-recommendation-card__badge{
+    border-color:var(--color-primary);
+  }
+.mobius-recommendation-card.--is-selected .mobius-recommendation-card__badge{
+    border-color:var(--color-primary-darker);
+  }
+.mobius-recommendation-card__content{
   display:flex;
   flex-direction:column;
   gap:var(--size-md);
 }
-.mobius-recommendations__card-header{
+.mobius-recommendation-card__header{
   display:flex;
   justify-content:space-between;
   align-items:flex-start;
-  gap:16px;
+  gap:var(--size-sm);
 }
-.mobius-recommendations__badge{
+.mobius-recommendation-card__heading{
+  margin:0;
+  font-size:var(--font-size-4);
+  line-height:var(--line-height-tight);
+}
+.mobius-recommendation-card__description{
   display:flex;
-  align-items:center;
-  gap:8px;
-  margin:-30px -24px 8px;
-  padding:14px 24px;
-  background:rgb(42, 30, 129);
-  color:var(--color-text-inverted);
-  font-size:14px;
-  border-radius:22px 22px 0 0;
+  flex-direction:column;
+  gap:var(--size-xs);
 }
-.mobius-recommendations__badge-icon{
-  color:currentColor;
+.mobius-recommendation-card__limits{
+  display:inline-flex;
+  flex-wrap:wrap;
+  gap:0 0.25em;
 }
-.mobius-recommendations__badge-label{
-  line-height:1.2;
+.mobius-recommendation-card__cta{
+  align-self:flex-start;
+  margin-top:auto;
+  padding:var(--size-xs) var(--size-sm);
+  border-radius:20px;
+  font-size:var(--font-size-2);
+  font-weight:var(--font-weight-bold);
 }
-.mobius-recommendations__checkbox{
-  min-width:24px;
-  min-height:24px;
-  border-radius:var(--radius-1);
-  border:2px solid var(--color-border);
+.mobius-recommendation-card__checkbox{
+  min-width:calc(var(--size-md) + var(--size-border-width) * 2);
+  aspect-ratio:1;
   display:grid;
   place-items:center;
-  background-color:var(--color-background);
-  transition:border-color var(--transition-standard), background-color var(--transition-standard), color var(--transition-standard);
+  border:var(--size-border-width) solid var(--color-border);
+  border-radius:var(--radius-1);
+  background:var(--color-background);
   color:transparent;
+  transition:140ms ease;
+  transition-property:border-color, background-color, color;
 }
-.mobius-recommendations__checkbox--selected{
-  border-color:var(--color-primary-hover);
-  background-color:var(--color-primary-hover);
-  color:var(--color-text-inverted);
-}
-.mobius-recommendations__checkbox-icon{
+.mobius-recommendation-card__checkbox.--is-selected{
+    border-color:var(--color-primary-hover);
+    background:var(--color-primary-hover);
+    color:var(--color-text-inverted);
+  }
+.mobius-recommendation-card__checkbox-icon{
   width:10px;
   height:6px;
-  border-left:2px solid currentColor;
-  border-bottom:2px solid currentColor;
-  transform:rotate(-45deg);
-}
-.mobius-recommendations__heading{
-  margin:0;
-  font-size:20px;
-  line-height:1.2;
-  color:#111118;
-}
-.mobius-recommendations__description{
-  display:flex;
-  flex-direction:column;
-  gap:var(--size-xs);
+  border-left:var(--size-border-width) solid currentColor;
+  border-bottom:var(--size-border-width) solid currentColor;
+  transform:rotate(-45deg) translate(1px, -1px);
 }
-.mobius-recommendations__footer{
-  margin-top:auto;
+.mobius-recommendation-card__overlay{
+  position:absolute;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  z-index:2;
+  display:grid;
+  place-items:center;
+  border-radius:inherit;
+  background:rgba(255, 255, 255, 0.75);
 }
-.mobius-recommendations__cta{
-  border-radius:20px;
-  font-weight:var(--font-weight-bold);
+.mobius-recommendation-card__overlay-message{
+  max-width:288px;
+  margin-left:var(--size-sm);
+  margin-right:var(--size-sm);
+  padding:var(--size-md);
+  border-radius:var(--radius-2);
+  background:var(--color-azure-700);
+  color:var(--color-neutral-100);
   font-size:var(--font-size-2);
-  padding:8px 12px;
+  line-height:var(--line-height-normal);
 }
 .mobius-recommendations{
   display:flex;
@@ -7673,7 +7722,7 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-text);
   display:flex;
   flex-wrap:wrap;
-  align-items:flex-end;
+  align-items:baseline;
 }
 .mobius-date-picker__container{
   position:relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.13.9",
+  "version": "2.13.10",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -32,7 +32,7 @@
     "@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/mobius-journey": "^11.38.0",
     "@simplybusiness/theme-core": "^7.14.18"
   },
   "devDependencies": {