@simplybusiness/theme-simplybusiness 1.20.3 → 1.21.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @simplybusiness/theme-simplybusiness
 
+## 1.21.0
+
+### Minor Changes
+
+- 7f89535: Create new interventions component for QCP
+- fba968e: Add styling support for ProgressSteps
+
+### Patch Changes
+
+- Updated dependencies [7f89535]
+- Updated dependencies [d0e80c8]
+- Updated dependencies [b2aeffa]
+- Updated dependencies [fba968e]
+  - @simplybusiness/mobius-interventions@1.58.0
+  - @simplybusiness/mobius-journey@8.31.0
+
+## 1.20.4
+
+### Patch Changes
+
+- 474cd7f: Grid view follow up changes
+- Updated dependencies [44a8f67]
+- Updated dependencies [63d36fa]
+- Updated dependencies [07f6222]
+- Updated dependencies [80bf5a9]
+- Updated dependencies [474cd7f]
+  - @simplybusiness/mobius-journey@8.30.1
+  - @simplybusiness/mobius-interventions@1.57.0
+  - @simplybusiness/mobius@5.28.2
+  - @simplybusiness/mobius-chatbot@1.4.6
+  - @simplybusiness/mobius-datepicker@6.5.23
+  - @simplybusiness/theme-core@7.7.2
+
 ## 1.20.3
 
 ### Patch Changes

package/dist/index.css

@@ -2778,16 +2778,26 @@ svg:not(:host).svg-inline--mobius-icon{
     display:none;
     width:100%;
 }
-@media (min-width: 1024px){
-.mobius-layout-toggle{
+.mobius-cover-toggles-container__extra-toggles{
+    box-sizing:border-box;
+    display:grid;
+    grid-template-columns:1fr;
+    align-items:center;
+}
+@media (min-width: 850px){
+    .mobius-layout-toggle{
         display:grid;
         width:unset;
         grid-template-columns:repeat(3, min-content);
         height:100%;
         align-items:center;
         gap:var(--size-sm);
-}
     }
+
+    .mobius-cover-toggles-container__extra-toggles{
+        grid-template-columns:repeat(2, 1fr);
+    }
+}
 .mobius-layout-toggle__divider{
     height:var(--size-lg);
     width:1px;
@@ -3403,7 +3413,8 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-primary);
 }
 .mobius-quote-headline__highlight{
-  color:var(--color-primary);
+  color:var(--color-text-lead, var(--color-primary));
+  font-family:var(--font-family-heading);
 }
 .mobius-quote-headline__link{
   display:flex;
@@ -3609,14 +3620,6 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-text-inverted);
   margin:0 0 0 auto;
 }
-:root,
-:host{
-  --progress-steps-shape-size:44px;
-  --progress-steps-primary-color:var(--color-primary-hover);
-  --progress-steps-secondary-color:var(--color-background-light);
-  --progress-steps-tertiary-color:var(--color-primary-hover);
-  --progress-steps-incomplete-number-text-color:var(--color-text-medium);
-}
 .mobius-progress-steps{
   width:100%;
   display:grid;
@@ -3637,21 +3640,28 @@ svg:not(:host).svg-inline--mobius-icon{
       background-color:var(--progress-steps-primary-color);
     }
 .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-name.mobius-text{
-      color:var(--progress-steps-tertiary-color);
+      color:var(--progress-steps-active-label-color);
+      text-decoration:var(--progress-steps-active-label-text-decoration, none);
     }
 .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape{
-      background-color:var(--progress-steps-tertiary-color);
+      background-color:var(--progress-steps-active-background-color);
       border-color:var(--progress-steps-tertiary-color);
+      background-image:var(--progress-steps-active-icon, none);
     }
 :is(.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape)::after{
-        background-color:var(--progress-steps-secondary-color);
+        background-color:var(--progress-steps-active-line-color);
       }
 .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
-      color:var(--color-text-inverted);
+      color:var(--progress-steps-active-text-color);
+      visibility:var(--progress-steps-active-number-visibility, visible);
     }
 .mobius-progress-steps__item.--is-complete::after{
       background-color:var(--progress-steps-primary-color);
     }
+.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link{
+      color:var(--progress-steps-complete-label-color);
+      text-decoration:var(--progress-steps-complete-label-text-decoration, underline);
+    }
 :is(:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):hover,:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):focus-visible) .mobius-progress-steps__item-shape{
           background-color:var(--progress-steps-primary-color);
         }
@@ -3660,32 +3670,44 @@ svg:not(:host).svg-inline--mobius-icon{
         }
 .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
       border-color:var(--progress-steps-primary-color);
-      background-color:var(--color-background);
+      background-color:var(--progress-steps-complete-step-background-color);
+      background-image:var(--progress-steps-complete-icon, none);
     }
 :is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape)::after{
-        background-color:var(--progress-steps-primary-color);
+        background-color:var(--progress-steps-complete-line-color);
       }
 .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
-      color:var(--color-primary);
+      color:var(--progress-steps-complete-step-text-color);
+      visibility:var(--progress-steps-complete-number-visibility, visible);
     }
 .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-icon{
-      color:var(--progress-steps-primary-color);
+      color:var(--progress-steps-complete-step-text-color);
+      visibility:var(--progress-steps-complete-number-visibility, visible);
     }
 .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-name.mobius-text{
-      color:var(--color-text);
+      color:var(--progress-steps-incomplete-label-color);
+      text-decoration:var(--progress-steps-complete-label-text-decoration, none);
     }
 .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
       border-color:var(--progress-steps-secondary-color);
+      background-color:var(--progress-steps-incomplete-background-color);
     }
 :is(.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape)::after{
-        background-color:var(--progress-steps-secondary-color);
+        background-color:var(--progress-steps-incomplete-line-color);
       }
 .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
-      color:var(--progress-steps-incomplete-number-text-color);
+      color:var(--progress-steps-incomplete-text-color);
+      visibility:var(--progress-steps-incomplete-number-visibility, visible);
     }
 .mobius-progress-steps__item-link{
   display:block;
+  -webkit-text-decoration:none;
+  text-decoration:none;
 }
+.mobius-progress-steps__item-link:hover{
+    -webkit-text-decoration:none;
+    text-decoration:none;
+  }
 .mobius-progress-steps__item-link:focus-visible{
     padding:0;
   }
@@ -3697,9 +3719,11 @@ svg:not(:host).svg-inline--mobius-icon{
   margin:0 auto;
   border-radius:50%;
   border:var(--size-border-width) solid currentColor;
-  font-size:var(--font-size-small-title);
+  font-size:var(--progress-steps-shape-font-size);
   font-weight:var(--font-weight-bold);
   background-color:var(--progress-steps-secondary-color);
+  background-repeat:no-repeat;
+  background-position:center;
 }
 .mobius-progress-steps__item-shape::after{
     content:"";
@@ -3720,7 +3744,8 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 @media (min-width: 960px){
   .mobius-progress-steps__item-shape{
-    --progress-steps-shape-size:64px;
+    --progress-steps-shape-size:var(--progress-steps-shape-size-lg);
+    --progress-steps-shape-font-size:var(--progress-steps-shape-font-size-lg);
   }
 
   .mobius-progress-steps__item-name.mobius-text{
@@ -4124,6 +4149,94 @@ svg:not(:host).svg-inline--mobius-icon{
     width:100%;
     height:auto;
   }
+@media(min-width: 850px){
+  .mobius-quote-cards__grid.--is-grid .mobius-quote-card{
+    grid-template-areas:"header" "pricing" "actions" "coverage";
+    grid-template-columns:1fr;
+    grid-auto-rows:auto;
+    grid-template-rows:subgrid;
+    grid-row:span 4;
+    padding:16px 16px 32px;
+    gap:unset;
+  }
+}
+@media(min-width: 850px){
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__coverage{
+        border-top:none;
+        padding-top:0;
+        margin-bottom:0;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__coverage .mobius-accordion__link{
+        align-self:center;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__coverage .mobius-quote-card__coverage-items{
+        display:grid;
+        grid-template-columns:auto 1fr auto;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__coverage .mobius-quote-card__coverage-item{
+        display:grid;
+        grid-template-columns:subgrid;
+        grid-column:1 / -1;
+        align-items:center;
+        gap:var(--size-sm);
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__coverage .mobius-quote-card__coverage-item-excess-link{
+        font-size:var(--font-size-small-print);
+        text-wrap:nowrap;
+    }
+}
+@media(min-width: 850px){
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__header{
+        border-bottom:1px solid var(--color-border-light);
+        border-right:none;
+        margin-bottom:0;
+        padding-bottom:16px;
+        padding-right:0;
+        align-items:center;
+        gap:var(--size-xs);
+    }
+
+    .mobius-quote-cards__grid.--is-grid .header__underwriter-text{
+        margin-top:0;
+        margin-bottom:0;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__header-logo{
+        object-position:center;
+        max-height:var(--size-xxl);
+    }
+}
+@media(min-width: 850px){
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__pricing-flex{
+        flex-direction:column;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__pricing-primary-amount{
+        font-weight:var(--font-weight-normal);
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__badges.--is-uk.--is-desktop{
+        display:none;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-card__badges.--is-mobile{
+        display:flex;
+        margin-bottom:0;
+    }
+}
+@media(min-width: 850px){
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-actions{
+        gap:var(--size-xs) !important;
+    }
+
+    .mobius-quote-cards__grid.--is-grid .mobius-quote-actions .mobius-quote-actions__button{
+        margin-top:0;
+    }
+}
 .mobius-no-quotes-card{
   margin:0;
   border:1px solid var(--color-border);
@@ -4281,7 +4394,7 @@ svg:not(:host).svg-inline--mobius-icon{
 @media (min-width: 850px){
 .--is-horizontal .mobius-quote-card__coverage{
       border-right:1px solid var(--color-border-light);
-      margin-right:var(--size-sm);		
+      margin-right:var(--size-sm);
       padding-right:var(--size-sm);
   }
     }
@@ -4305,7 +4418,7 @@ svg:not(:host).svg-inline--mobius-icon{
   font-size:var(--font-size-small-print);
   font-weight:var(--font-weight-normal);
   line-height:1.2;
-  color:var(--color-text);
+  color:var(--coverage-title-color, var(--color-text));
 }
 .mobius-quote-card__extra-coverage-item strong{
     text-align:right;
@@ -4388,6 +4501,7 @@ svg:not(:host).svg-inline--mobius-icon{
       margin-bottom:0;
     }
 .mobius-quote-card__coverage-item-excess-link{
+  color:var(--coverage-link-color, var(--color-primary));
   -webkit-text-decoration:underline;
   text-decoration:underline;
   text-underline-offset:5px;
@@ -4423,7 +4537,9 @@ svg:not(:host).svg-inline--mobius-icon{
   display:grid;
   grid-gap:var(--size-sm);
 }
-.mobius-quote-card__coverage .mobius-quote-card__coverage-accordion .mobius-accordion__link{
+.mobius-quote-card__coverage
+  .mobius-quote-card__coverage-accordion
+  .mobius-accordion__link{
   justify-content:left;
 }
 .mobius-quote-card__deductibles-title.--is-p{
@@ -4455,62 +4571,6 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-text);
   margin-left:auto;
 }
-.mobius-quote-card__coverage.--is-grid{
-  border-top:0;
-  padding-top:0;
-  margin-bottom:0;
-}
-.mobius-quote-card.--is-grid .mobius-accordion__link{
-  align-self:center;
-  margin-bottom:var(--size-sm);
-}
-.mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-items{
-  display:grid;
-  grid-template-columns:auto 1fr auto;
-}
-.mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item{
-  display:grid;
-  grid-template-columns:subgrid;
-  grid-column:1 / -1;
-  align-items:center;
-  gap:var(--size-sm);
-}
-.mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item-excess-link{
-  font-size:var(--font-size-small-print);
-  text-wrap:nowrap;
-}
-@media (min-width: 850px){
-  .mobius-quote-card__header.--is-grid{
-    align-items:center;
-    gap:var(--size-xs);
-    padding-bottom:var(--size-sm);
-    margin-bottom:0;
-  }
-
-    .mobius-quote-card__header.--is-grid .header__underwriter-text{
-      margin-top:0;
-      margin-bottom:0;
-    }
-
-    .mobius-quote-card__header.--is-grid .mobius-quote-card__header-logo{
-      object-position:center;
-      max-height:var(--size-xxl);
-    }
-}
-@media (min-width: 850px){
-    .mobius-quote-card.--is-grid .mobius-quote-card__pricing-primary-amount{
-      font-weight:var(--font-weight-normal);
-    }
-  }
-@media (min-width: 850px){
-  .mobius-quote-card.--is-grid{
-    padding:var(--size-sm) var(--size-sm) 0 var(--size-sm);
-    grid-template-areas:"header" "pricing" "actions" "coverage";
-  }
-}
-.mobius-quote-card__badges.--is-grid{
-    padding-top:var(--size-md);
-  }
 .mobius-quote-card__file-circle-plus{
   font-size:var(--font-size-small-print);
   padding-top:var(--size-sm);
@@ -4529,6 +4589,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-card__header{
   grid-area:header;
   display:flex;
+  align-items:center;
   border-bottom:1px solid var(--color-border-light);
   margin-bottom:var(--size-sm);
 }
@@ -4551,7 +4612,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 @media (min-width: 850px){
 .header__underwriter-text{
-    font-size:var(--font-size-1);
+    font-size:var(--underwriter-text-size, var(--font-size-1));
 }
   }
 @media (min-width: 850px){
@@ -4577,7 +4638,7 @@ svg:not(:host).svg-inline--mobius-icon{
   flex:1 1 0;
   max-height:var(--size-xl);
   object-fit:contain;
-  object-position:left;
+  object-position:var(--quote-card-logo-position, left);
 }
 .mobius-quote-card__header-logo.--is-uk{
     width:100%;
@@ -4586,7 +4647,7 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 @media (min-width: 850px){
 .mobius-quote-card__header-logo.--is-uk{
-      object-position:left;
+      object-position:var(--quote-card-logo-position, left);
       max-height:var(--size-xl);
       margin-bottom:0;
   }
@@ -4753,6 +4814,8 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 .mobius-quote-actions-form{
   display:flex;
+  justify-content:flex-end;
+  gap:var(--size-sm);
   align-items:flex-end;
 }
 :where([data-variant="without-qdp-drawer"]) .mobius-quote-actions__button{
@@ -4768,8 +4831,16 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-quote-actions{
   width:100%;
+  display:flex;
+  justify-content:space-between;
+  gap:var(--size-sm);
   align-items:flex-end;
 }
+@media (min-width: 850px){
+.mobius-quote-actions{
+    width:var(--quote-actions-width, 100%);
+}
+  }
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
     .mobius-quote-actions :not(:last-child){
       margin-right:var(--size-sm);
@@ -4782,6 +4853,11 @@ svg:not(:host).svg-inline--mobius-icon{
   font-size:var(--font-size-regular);
   font-weight:var(--font-weight-bold);
 }
+@media (min-width: 850px){
+.mobius-quote-actions__button{
+    min-width:var(--quote-actions-button-width, 0);
+}
+  }
 .mobius-quote-details__drawer.mobius-drawer{
   height:100%;
   height:100dvh;
@@ -5127,8 +5203,9 @@ svg:not(:host).svg-inline--mobius-icon{
   }
 .mobius-quote-card__badge{
   padding:var(--size-xs);
+  color:var(--badge-color, var(--color-text));
   background-color:var(--color-background-highlight);
-  border-radius:var(--radius-1);
+  border-radius:var(--badge-radius, var(--radius-1));
   font-size:var(--font-size-small-paragraph);
   line-height:var(--line-height-tight);
 }
@@ -5244,6 +5321,14 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-cards__grid.--is-horizontal{
     --column-count:1;
   }
+.mobius-quote-cards__grid.--is-grid{
+    --column-count:3;
+  }
+@media (min-width: 850px) and (max-width: 1023px){
+.mobius-quote-cards__grid.--is-grid{
+      --column-count:2;
+  }
+    }
 .mobius-quote-card__section{
   position:relative;
   font-size:var(--font-size-regular);
@@ -6586,6 +6671,117 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-bottom:0px;
   font-size:10px;
 }
+.qcp-inactivity-intervention__qcp-intervention-modal{
+  display:grid;
+  grid-template-columns:auto auto;
+  width:fit-content;
+  background-color:var(--color-neutral-100);
+  border-radius:var(--size-xs);
+  overflow:visible;
+  grid-template-areas:"text image";
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__qcp-intervention-modal{
+    grid-template-columns:1fr;
+    width:328px;
+    grid-template-areas:"image" "text";
+}
+  }
+.qcp-inactivity-intervention__qcp-content-container{
+  border-radius:var(--size-xs) 0 0 var(--size-xs);
+  display:grid;
+  margin:0;
+  align-items:flex-start;
+  width:392px;
+  grid-area:text;
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__qcp-content-container{
+    width:100%;
+    height:auto;
+}
+  }
+.qcp-inactivity-intervention__qcp-text-container{
+  margin:var(--size-md) var(--size-lg) 0 var(--size-lg);
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__qcp-text-container{
+    margin:var(--size-sm);
+}
+  }
+.qcp-inactivity-intervention__qcp-subtext{
+  margin:0;
+  color:var(--color-text-medium);
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__qcp-subtext{
+    margin-bottom:var(--size-lg);
+}
+  }
+.qcp-inactivity-intervention__qcp-image{
+  background-image:url(c862b1604d0ceb19b9e8.webp);
+  background-position:center;
+  background-repeat:no-repeat;
+  background-size:cover;
+  border-radius:var(--size-xs) 0 0 var(--size-xs);
+  overflow:hidden;
+  width:240px;
+  height:312px;
+  grid-area:image;
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__qcp-image{
+    background-image:url(5cbbdbab4722e58e208f.webp);
+    width:100%;
+    height:148px;
+}
+  }
+.qcp-inactivity-intervention__qcp-phone-number{
+  display:grid;
+  grid-template-columns:auto 1fr;
+  margin:var(--size-lg) 0 var(--size-sm) 0;
+}
+.qcp-inactivity-intervention__qcp-phone-number-text{
+  margin:0 0 0 var(--size-xxs);
+}
+.qcp-inactivity-intervention__button{
+  margin:var(--size-sm) 0;
+  width:156px;
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__button{
+    margin:var(--size-sm) 0 0 0;
+    width:100%;
+}
+  }
+.qcp-inactivity-intervention__agent-chat-button{
+  margin:var(--size-lg) 0 0 0;
+  width:100%;
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__agent-chat-button{
+    margin:0;
+}
+  }
+.qcp-inactivity-intervention__full-width-button{
+  width:100%;
+}
+.qcp-inactivity-intervention__bottom-button{
+  margin-bottom:var(--size-sm);
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__desktop-only{
+    display:none;
+}
+  }
+.qcp-inactivity-intervention__mobile-only{
+  display:none;
+}
+@media (max-width: 640px){
+.qcp-inactivity-intervention__mobile-only{
+    display:block;
+}
+  }
 .star-rating__footer{
   box-sizing:border-box;
   position:fixed;
@@ -7289,10 +7485,31 @@ svg:not(:host).svg-inline--mobius-icon{
   --header-phone-icon-color:var(--color-secondary);
   --header-powered-by-icon-color:var(--color-text-medium);
   --progress-steps-shape-size:44px;
+  --progress-steps-shape-size-lg:64px;
+
+  --progress-steps-shape-font-size:24px;
+  --progress-steps-shape-font-size-lg:var(--progress-steps-shape-font-size);
+
   --progress-steps-primary-color:var(--color-primary-hover);
   --progress-steps-secondary-color:var(--color-background-light);
   --progress-steps-tertiary-color:var(--color-primary-hover);
   --progress-steps-incomplete-number-text-color:var(--color-text-medium);
+
+  --progress-steps-complete-step-background-color:var(--color-background);
+  --progress-steps-complete-step-text-color:var(--progress-steps-primary-color);
+  --progress-steps-complete-label-color:var(--color-secondary);
+  --progress-steps-complete-line-color:var(--progress-steps-primary-color);
+  --progress-steps-complete-label-text-decoration:underline;
+
+  --progress-steps-incomplete-background-color:var(--color-background-light);
+  --progress-steps-incomplete-text-color:var(--color-text-medium);
+  --progress-steps-incomplete-label-color:var(--color-text);
+  --progress-steps-incomplete-line-color:var(--progress-steps-secondary-color);
+
+  --progress-steps-active-background-color:var(--progress-steps-primary-color);
+  --progress-steps-active-text-color:var(--color-text-inverted);
+  --progress-steps-active-label-color:var(--color-text);
+  --progress-steps-active-line-color:var(--progress-steps-secondary-color);
   --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");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "1.20.3",
+  "version": "1.21.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,12 +26,12 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.28.1",
-    "@simplybusiness/mobius-chatbot": "^1.4.5",
-    "@simplybusiness/mobius-datepicker": "^6.5.22",
-    "@simplybusiness/mobius-interventions": "^1.56.1",
-    "@simplybusiness/mobius-journey": "^8.30.0",
-    "@simplybusiness/theme-core": "^7.7.1"
+    "@simplybusiness/mobius": "^5.28.2",
+    "@simplybusiness/mobius-chatbot": "^1.4.6",
+    "@simplybusiness/mobius-datepicker": "^6.5.23",
+    "@simplybusiness/mobius-interventions": "^1.58.0",
+    "@simplybusiness/mobius-journey": "^8.31.0",
+    "@simplybusiness/theme-core": "^7.7.2"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

package/src/index.css

@@ -37,6 +37,11 @@
 @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Section.css";
 @import "@simplybusiness/mobius-journey/src/components/Questionnaire/Section/Submission.css";
 @import "@simplybusiness/mobius-journey/src/components/Questionnaire/SecurityLocks/SecurityLocks.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteCard.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Coverage/Coverage.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Header/Header.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/PricingUK/Pricing.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteActions/QuoteActions.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesCard/NoQuotesCard.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/NoQuotesReferral/NoQuotesReferral.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/PartialQuotesReferral/PartialQuotesReferral.css";
@@ -44,15 +49,6 @@
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Coverage/Deductibles/Deductibles.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Coverage/ExtraCoverage/ExtraCoverage.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/CoverLimit/CoverLimit.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Coverage/Coverage.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Coverage/Coverage.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Header/Header.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/Header/Header.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/PricingUK/Pricing.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteCard.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteCard.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteCardBadges/QuoteCardBadges.css";
-@import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/ExperimentGridView/QuoteCardBadges/QuoteCardBadges.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/FileCirclePlus/FileCirclePlus.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/Header/Header.css";
 @import "@simplybusiness/mobius-journey/src/components/QuoteCards/QuoteCard/InfoModal/CardModal.css";

package/src/variables.css

@@ -14,11 +14,32 @@
 
   /* Progress Steps */
   --progress-steps-shape-size: 44px;
+  --progress-steps-shape-size-lg: 64px;
+
+  --progress-steps-shape-font-size: 24px;
+  --progress-steps-shape-font-size-lg: var(--progress-steps-shape-font-size);
+
   --progress-steps-primary-color: var(--color-primary-hover);
   --progress-steps-secondary-color: var(--color-background-light);
   --progress-steps-tertiary-color: var(--color-primary-hover);
   --progress-steps-incomplete-number-text-color: var(--color-text-medium);
 
+  --progress-steps-complete-step-background-color: var(--color-background);
+  --progress-steps-complete-step-text-color: var(--progress-steps-primary-color);
+  --progress-steps-complete-label-color: var(--color-secondary);
+  --progress-steps-complete-line-color: var(--progress-steps-primary-color);
+  --progress-steps-complete-label-text-decoration: underline;
+
+  --progress-steps-incomplete-background-color: var(--color-background-light);
+  --progress-steps-incomplete-text-color: var(--color-text-medium);
+  --progress-steps-incomplete-label-color: var(--color-text);
+  --progress-steps-incomplete-line-color: var(--progress-steps-secondary-color);
+
+  --progress-steps-active-background-color: var(--progress-steps-primary-color);
+  --progress-steps-active-text-color: var(--color-text-inverted);
+  --progress-steps-active-label-color: var(--color-text);
+  --progress-steps-active-line-color: var(--progress-steps-secondary-color);
+
   /* Section */
   --section-max-width: 552px;
   --questionnaire-list-icon: url("./images/tick.svg");