@simplybusiness/theme-simplybusiness 2.8.1 → 2.8.3

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @simplybusiness/theme-simplybusiness
 
+## 2.8.3
+
+### Patch Changes
+
+- fbee9dc: Update theme-simplybusiness to include CSS changes for Showcase.css
+- Updated dependencies [c58c4e3]
+- Updated dependencies [d34427e]
+- Updated dependencies [7a2f5b7]
+- Updated dependencies [cd45416]
+  - @simplybusiness/mobius-journey@11.14.0
+
+## 2.8.2
+
+### Patch Changes
+
+- Updated dependencies [2223b08]
+- Updated dependencies [2a6d0ba]
+- Updated dependencies [9239ba6]
+- Updated dependencies [c66740f]
+- Updated dependencies [261c838]
+- Updated dependencies [431b626]
+- Updated dependencies [f3a1633]
+- Updated dependencies [0258ccf]
+  - @simplybusiness/mobius-journey@11.13.0
+  - @simplybusiness/mobius@6.8.1
+  - @simplybusiness/mobius-chatbot@2.1.1
+  - @simplybusiness/mobius-datepicker@7.2.1
+  - @simplybusiness/mobius-interventions@3.2.1
+  - @simplybusiness/theme-core@7.14.1
+
 ## 2.8.1
 
 ### Patch Changes

package/dist/index.css

@@ -1311,7 +1311,7 @@ h6.mobius-accordion__link-text,
   position:relative;
   cursor:pointer;
   background-color:var(--radio-label-background);
-  word-break:break-all;
+  word-break:break-word;
 }
 .mobius-radio__label.--is-disabled{
     background-color:var(--radio-label-background-disabled);
@@ -1322,53 +1322,53 @@ h6.mobius-accordion__link-text,
 .mobius-radio__label.--is-disabled.--is-selected{
       border-color:var(--radio-label-disabled-selected-border-color);
     }
-.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
+.mobius-radio__label.--is-selected:not(.mobius-radio-group.--is-invalid .mobius-radio__label):not(.--is-disabled){
     border-color:var(--color-primary-light);
   }
-.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
+.mobius-radio__label.--is-selected:not(.mobius-radio-group.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
       border-color:var(--color-primary-light);
     }
-:is(.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input):checked::after{
+:is(.mobius-radio__label.--is-selected:not(.mobius-radio-group.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input):checked::after{
         background-color:var(--color-primary-light);
       }
-.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
+.mobius-radio__label:hover:not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label){
     border-color:var(--color-primary);
     background-color:var(--radio-label-background-hover);
   }
-.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
+.mobius-radio__label:hover:not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label) .mobius-radio__input{
       border-color:var(--color-primary);
     }
-:is(.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input):checked::after{
+:is(.mobius-radio__label:hover:not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label) .mobius-radio__input):checked::after{
         background-color:var(--color-primary);
       }
 .mobius-radio__label:has(:focus-visible):not(.--is-disabled){
     box-shadow:var(--radio-box-shadow);
   }
-.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)){
+.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)){
       border-color:var(--color-primary);
       background-color:var(--radio-label-background-focus);
     }
-.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)) .mobius-radio__input{
+.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)) .mobius-radio__input{
         border-color:var(--color-primary);
       }
-:is(.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)) .mobius-radio__input):checked::after{
+:is(.mobius-radio__label:has(:focus-visible):not(.--is-disabled):not(.mobius-radio-group.--is-invalid .mobius-radio__label:has(:focus-visible):not(.--is-disabled)) .mobius-radio__input):checked::after{
           background-color:var(--color-primary);
         }
 .mobius-radio__label.--is-multiline{
     width:100%;
   }
-.--is-invalid .mobius-radio__label:not(.--is-disabled){
+.mobius-radio-group.--is-invalid .mobius-radio__label:not(.--is-disabled){
     border-color:var(--radio-label-invalid-border-color);
     color:var(--radio-label-invalid-text-color);
   }
-:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)):hover,:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)):focus-within{
+:is(.mobius-radio-group.--is-invalid .mobius-radio__label:not(.--is-disabled)):hover,:is(.mobius-radio-group.--is-invalid .mobius-radio__label:not(.--is-disabled)):focus-within{
       border-color:var(--radio-label-invalid-border-color);
       background-color:var(--radio-label-background-invalid);
     }
-:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input{
+:is(.mobius-radio-group.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input{
       border-color:var(--radio-input-invalid-border-color);
     }
-:is(:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input):checked::after{
+:is(:is(.mobius-radio-group.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input):checked::after{
         background-color:var(--radio-input-invalid-inner-color);
       }
 .mobius-radio__content{
@@ -5977,13 +5977,8 @@ svg:not(:host).svg-inline--mobius-icon{
     gap:20px;
   }
 }
-.mobius-underwriter-legal-agreements__page-title{
-  font-weight:bold;
-  font-size:32px;
-  margin-top:0;
-  margin-bottom:30px;
-  padding-bottom:0;
-  color:var(--color-text);
+.mobius-text.mobius-underwriter-legal-agreements__page-title{
+  padding-left:20px;
 }
 .mobius-underwriter-legal-agreements__price-summary-column{
   width:340px;
@@ -6314,60 +6309,68 @@ svg:not(:host).svg-inline--mobius-icon{
       width:100%;
     }
   }
-.showcase__image-wrapper{
+.mobius-showcase__image-wrapper{
   position:relative;
-  background-size:cover;
-  background-position:center center;
+  overflow:hidden;
+  aspect-ratio:100 / 45;
+  width:100%;
   border-radius:8px 8px 80px 80px;
 }
-@media screen and (max-width: 640px){
-.showcase__image-wrapper{
-    flex-direction:column;
-    padding-bottom:45%;
-    width:100%;
-}
-  }
 @media screen and (min-width: 641px){
-.showcase__image-wrapper{
+  .mobius-showcase__image-wrapper{
     border-radius:160px 8px 8px 160px;
     order:2;
     flex-basis:240px;
     flex-shrink:0;
-}
+    aspect-ratio:auto;
+    width:auto;
   }
-.showcase__first{
+}
+.mobius-showcase__image{
+  position:absolute;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  width:100%;
+  height:100%;
+  object-fit:cover;
+}
+.mobius-showcase__card{
   border-radius:var(--radius-2);
   box-shadow:0px 12px 24px 0px #00000029;
   display:flex;
+  flex-direction:column;
   overflow:hidden;
 }
-@media screen and (max-width: 640px){
-.showcase__first{
-    flex-direction:column;
-}
+@media screen and (min-width: 641px){
+  .mobius-showcase__card{
+    flex-direction:row;
   }
-.showcase__group{
+}
+.mobius-showcase__group{
   display:flex;
   flex-direction:column;
   gap:var(--size-lg);
   margin:var(--size-lg) 0;
 }
 @media screen and (min-width: 641px){
-.showcase__group{
+  .mobius-showcase__group{
     flex-direction:row;
-}
   }
-.showcase__content{
-  padding:32px 16px;
-  padding-left:calc(var(--size-sm) + var(--title-decorator-width));
 }
-@media screen and (max-width: 640px){
-.showcase__content{
-    order:1;
-    padding:var(--size-lg);
+.mobius-showcase__content{
+  order:1;
+  padding:var(--size-lg);
 }
+@media screen and (min-width: 641px){
+  .mobius-showcase__content{
+    order:unset;
+    padding:32px 16px;
+    padding-left:calc(var(--size-sm) + var(--title-decorator-width));
   }
-.showcase__heading{
+}
+.mobius-showcase__heading{
   display:block;
   margin-bottom:var(--size-xs);
   margin-top:var(--size-md);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "2.8.1",
+  "version": "2.8.3",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,12 +26,12 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^6.8.0",
-    "@simplybusiness/mobius-chatbot": "^2.1.0",
-    "@simplybusiness/mobius-datepicker": "^7.2.0",
-    "@simplybusiness/mobius-interventions": "^3.2.0",
-    "@simplybusiness/mobius-journey": "^11.12.0",
-    "@simplybusiness/theme-core": "^7.14.0"
+    "@simplybusiness/mobius": "^6.8.1",
+    "@simplybusiness/mobius-chatbot": "^2.1.1",
+    "@simplybusiness/mobius-datepicker": "^7.2.1",
+    "@simplybusiness/mobius-interventions": "^3.2.1",
+    "@simplybusiness/mobius-journey": "^11.14.0",
+    "@simplybusiness/theme-core": "^7.14.1"
   },
   "devDependencies": {
     "build-scripts": "^1.0.2",