@simplybusiness/theme-core 7.3.0 → 7.3.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 7.3.2
+
+### Patch Changes
+
+- Updated dependencies [80e40ef]
+- Updated dependencies [d64d502]
+- Updated dependencies [691d321]
+- Updated dependencies [d9efcc9]
+  - @simplybusiness/mobius@5.19.0
+
+## 7.3.1
+
+### Patch Changes
+
+- 74b3c30: Move PersistentCartPaymentOptions from journey-components to mobius
+- Updated dependencies [a54330c]
+- Updated dependencies [74b3c30]
+  - @simplybusiness/mobius@5.18.0
+
 ## 7.3.0
 
 ### Minor Changes

package/dist/index.css

@@ -543,7 +543,9 @@ a.mobius-button:focus-visible,
   --combobox-group-color:var(--color-text);
   --combobox-group-background-color:#dad6f7;
   --combobox-selected-background-color:var(--color-primary);
-  --listbox-height:350px;
+  --listbox-height:min-content;
+  --listbox-max-height:350px;
+  --listbox-max-height-mobile:240px;
   --listbox-gap:4px;
   --option-padding:var(--size-xs) var(--size-lg);
 }
@@ -577,6 +579,11 @@ a.mobius-button:focus-visible,
 .mobius-combobox--is-expanded .mobius-combobox__list{
     opacity:1;
     height:var(--listbox-height);
+    max-height:var(--listbox-max-height);
+  }
+
+.mobius-combobox--is-expanded.mobius-combobox--is-mobile .mobius-combobox__list{
+    max-height:var(--listbox-max-height-mobile);
   }
 
 .mobius-combobox__option{
@@ -718,8 +725,18 @@ a.mobius-button:focus-visible,
     height:var(--drawer-height);
     max-height:var(--drawer-height);
     transition:transform var(--drawer-transition-duration) ease-in-out;
+    padding-bottom:80px;
   }
 
+@supports (height: 100dvh){
+
+.mobius-drawer.--top,.mobius-drawer.--bottom{
+        height:100dvh;
+        max-height:100dvh;
+        padding-bottom:0;
+  }
+    }
+
 .mobius-drawer.--left,.mobius-drawer.--right{
     bottom:0;
     width:100%;
@@ -727,6 +744,16 @@ a.mobius-button:focus-visible,
     height:100vh;
     max-height:100vh;
     transition:transform var(--drawer-transition-duration) ease-in-out;
+    padding-bottom:80px;
+  }
+
+@supports (height: 100dvh){
+
+.mobius-drawer.--left,.mobius-drawer.--right{
+      height:100dvh;
+      max-height:100dvh;
+      padding-bottom:0;
+  }
   }
 
 .mobius-drawer:not(.--should-transition){
@@ -1434,12 +1461,14 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__input{
+  position:relative;
   align-self:center;
-  appearance:none;
   margin:0 calc(var(--size-xs) + 2px) 0 0;
-  padding:3px;
-  outline:2px solid var(--color-primary-light);
+  padding:var(--size-xs);
+  border:2px solid var(--color-primary-light);
   border-radius:50%;
+  -webkit-appearance:none;
+  appearance:none;
   background-color:transparent;
 }
 
@@ -1448,12 +1477,14 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__input::after{
+    position:absolute;
     content:"";
     display:block;
     width:10px;
     height:10px;
     border-radius:50%;
-    background-color:transparent;
+    top:3px;
+    left:3px;
   }
 
 .mobius-radio__input:checked::after{
@@ -1461,7 +1492,7 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__input:disabled{
-    outline-color:var(--color-border-medium);
+    border-color:var(--color-border-medium);
   }
 
 .mobius-radio__input:disabled:checked::after{
@@ -1508,7 +1539,7 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
-      outline-color:var(--color-primary-light);
+      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{
@@ -1521,7 +1552,7 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
-      outline-color:var(--color-primary);
+      border-color:var(--color-primary);
     }
 
 :is(.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input):checked::after{
@@ -1538,7 +1569,7 @@ a.mobius-button:focus-visible,
     }
 
 .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input{
-        outline-color:var(--color-primary);
+        border-color:var(--color-primary);
       }
 
 :is(.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input):checked::after{
@@ -1560,7 +1591,7 @@ a.mobius-button:focus-visible,
     }
 
 :is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input{
-      outline-color:var(--color-error);
+      border-color:var(--color-error);
     }
 
 :is(:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input):checked::after{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.3.0",
+  "version": "7.3.2",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,7 +26,7 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.17.0"
+    "@simplybusiness/mobius": "^5.19.0"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",