@simplybusiness/theme-core 7.13.22 → 7.14.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 7.14.1
+
+### Patch Changes
+
+- Updated dependencies [9239ba6]
+- Updated dependencies [431b626]
+  - @simplybusiness/mobius@6.8.1
+
+## 7.14.0
+
+### Minor Changes
+
+- d1ad7db: Fetch trade image from chopin
+
+### Patch Changes
+
+- ca20d3b: Reduce listbox option horizontal padding for a more compact appearance
+- Updated dependencies [1927a07]
+- Updated dependencies [0e4099c]
+- Updated dependencies [d1ad7db]
+  - @simplybusiness/mobius@6.8.0
+
 ## 7.13.22
 
 ### Patch Changes

package/dist/index.css

@@ -1565,7 +1565,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{
@@ -1579,28 +1579,28 @@ h6.mobius-accordion__link-text,
       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);
       }
 
@@ -1608,16 +1608,16 @@ h6.mobius-accordion__link-text,
     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);
         }
 
@@ -1625,21 +1625,21 @@ h6.mobius-accordion__link-text,
     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);
       }
 
@@ -3076,7 +3076,7 @@ svg:not(:host).svg-inline--mobius-icon{
   --listbox-max-height:350px;
   --listbox-max-height-mobile:240px;
   --listbox-gap:4px;
-  --option-padding:var(--size-xs) var(--size-lg);
+  --option-padding:var(--size-xs) var(--size-sm);
   --drawer-transition-duration:200ms;
   --modal-transition-duration:300ms;
   --backdrop-color:#18181d;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.13.22",
+  "version": "7.14.1",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,7 +26,7 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^6.7.2"
+    "@simplybusiness/mobius": "^6.8.1"
   },
   "devDependencies": {
     "build-scripts": "^1.0.2"

package/src/variables.css

@@ -160,7 +160,7 @@
   --listbox-max-height: 350px;
   --listbox-max-height-mobile: 240px;
   --listbox-gap: 4px;
-  --option-padding: var(--size-xs) var(--size-lg);
+  --option-padding: var(--size-xs) var(--size-sm);
 
   /* Drawer and Modal */
   --drawer-transition-duration: 200ms;