@simplybusiness/theme-core 7.13.13 → 7.13.15

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 7.13.15
+
+### Patch Changes
+
+- c46c9f9: Make radio button focus shadow themeable and consolidate radio styling
+- Updated dependencies [c46c9f9]
+- Updated dependencies [83da228]
+  - @simplybusiness/mobius@6.5.2
+
+## 7.13.14
+
+### Patch Changes
+
+- Updated dependencies [f5af9d5]
+  - @simplybusiness/mobius@6.5.1
+
 ## 7.13.13
 
 ### Patch Changes

package/dist/index.css

@@ -53,7 +53,7 @@
 
 .mobius-accordion__link:focus-visible{
     outline:none;
-    box-shadow:var(--box-shadow-default);
+    box-shadow:var(--accordion-box-shadow, var(--box-shadow-default));
   }
 
 h1.mobius-accordion__link-text,
@@ -301,6 +301,10 @@ h6.mobius-accordion__link-text,
       background:var(--color-background-light);
     }
 
+.mobius-button:where(.--variant-basic):where(:focus-visible){
+      box-shadow:var(--box-shadow-default);
+    }
+
 .mobius-button:where(.--variant-basic):where(.--is-disabled){
       --button-content-color:var(--color-text-light);
       background:var(--color-background-medium);
@@ -356,11 +360,12 @@ h6.mobius-accordion__link-text,
     }
 
 .mobius-button:where(.--variant-link){
-    --button-content-color:var(--color-secondary);
+    --button-content-color:var(--button-link-color, var(--color-secondary));
     appearance:none;
     padding:var(--size-xxs);
     background:transparent;
     font-weight:normal;
+    border-radius:var(--button-link-border-radius, var(--button-border-radius));
   }
 
 .mobius-button:where(.--variant-link):where(:not(.--is-loading)){
@@ -369,12 +374,13 @@ h6.mobius-accordion__link-text,
     }
 
 .mobius-button:where(.--variant-link):hover,.mobius-button:where(.--variant-link):active{
-      --button-content-color:var(--color-secondary-hover);
+      --button-content-color:var(--button-link-hover-color, var(--color-secondary-hover));
+      text-decoration:var(--button-link-hover-text-decoration, underline);
       cursor:pointer;
     }
 
 .mobius-button:where(.--variant-link):focus-visible{
-      box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
+      box-shadow:var(--button-link-box-shadow, var(--box-shadow-default));
     }
 
 .mobius-button.--is-disabled:where(.--variant-link){
@@ -392,11 +398,6 @@ h6.mobius-accordion__link-text,
   place-items:center;
 }
 
-a.mobius-button:focus-visible,
-.mobius-button:focus-visible{
-  box-shadow:var(--box-shadow-default);
-}
-
 .mobius-checkbox__input{
   appearance:none;
   position:absolute;
@@ -1059,14 +1060,13 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-link:hover,.mobius-link:active{
-    -webkit-text-decoration:underline;
-    text-decoration:underline;
+    text-decoration:var(--link-hover-text-decoration, underline);
     cursor:pointer;
     color:var(--color-link-hover);
   }
 
 .mobius-link:focus-visible{
-    box-shadow:var(--box-shadow-default);
+    box-shadow:var(--link-box-shadow, var(--box-shadow-default));
     padding:3px 0;
   }
 
@@ -1515,6 +1515,7 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-radio__input:focus-visible{
+    outline-color:var(--color-primary);
     outline-offset:0;
   }
 
@@ -1603,7 +1604,7 @@ a.mobius-button:focus-visible,
       }
 
 .mobius-radio__label:has(:focus-visible):not(.--is-disabled){
-    box-shadow:var(--box-shadow-default);
+    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)){
@@ -3129,6 +3130,7 @@ svg:not(:host).svg-inline--mobius-icon{
   --radio-label-background-focus:var(--color-background-input-active);
   --radio-label-background-invalid:var(--color-error-background);
   --radio-label-padding:var(--input-field-padding-tight);
+  --radio-box-shadow:var(--box-shadow-default);
   --radio-content-font-size:var(--font-size-regular);
   --radio-content-color:inherit;
   --radio-content-line-height:normal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-core",
-  "version": "7.13.13",
+  "version": "7.13.15",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,9 +26,9 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^6.5.0"
+    "@simplybusiness/mobius": "^6.5.2"
   },
   "devDependencies": {
-    "build-scripts": "^1.0.1"
+    "build-scripts": "^1.0.2"
   }
 }

package/src/index.css

@@ -51,4 +51,3 @@
     box-sizing: border-box;
   }
 }
-@import "./components/MaskedField.css";

package/src/variables.css

@@ -229,6 +229,7 @@
   --radio-label-background-focus: var(--color-background-input-active);
   --radio-label-background-invalid: var(--color-error-background);
   --radio-label-padding: var(--input-field-padding-tight);
+  --radio-box-shadow: var(--box-shadow-default);
   --radio-content-font-size: var(--font-size-regular);
   --radio-content-color: inherit;
   --radio-content-line-height: normal;

package/src/components/MaskedField.css

@@ -1 +0,0 @@
-.mobius-masked-field { }