@simplybusiness/theme-core 7.3.1 → 7.3.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 7.3.3
+
+### Patch Changes
+
+- Updated dependencies [f0b6a77]
+  - @simplybusiness/mobius@5.19.1
+
+## 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

@@ -366,8 +366,7 @@ h6.mobius-accordion__link-text,
 .mobius-button:where(.--variant-link){
     --button-content-color:var(--color-secondary);
     appearance:none;
-    border:none;
-    padding:0;
+    padding:var(--size-xxs);
     background-color:transparent;
     font-weight:normal;
   }
@@ -384,7 +383,6 @@ h6.mobius-accordion__link-text,
 
 .mobius-button:where(.--variant-link):focus-visible{
       box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
-      padding:3px 0;
     }
 
 .mobius-button.--is-disabled:where(.--variant-link){
@@ -543,7 +541,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 +577,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 +1459,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 +1475,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 +1490,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 +1537,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 +1550,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 +1567,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 +1589,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.3",
   "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.1"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",