@simplybusiness/theme-core 7.3.1 → 7.3.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 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

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{
@@ -1454,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;
 }
 
@@ -1468,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{
@@ -1481,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{
@@ -1528,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{
@@ -1541,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{
@@ -1558,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{
@@ -1580,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.1",
+  "version": "7.3.2",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,7 +26,7 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.18.0"
+    "@simplybusiness/mobius": "^5.19.0"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",