@allxsmith/bestax-bulma 5.66.2 → 5.67.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.66.2",
+  "version": "5.67.0",
   "description": "Component library based on React, Bulma, with Agent Skills and MCP",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",

package/src/scss/components/_loading.scss

@@ -144,22 +144,36 @@ $loading-animation-duration: 0.75s !default;
   );
   animation: extras-spin cv.getVar("loading-animation-duration") infinite linear;
 
+  // Each size takes its ring width from its own variable on `.loading`, as it
+  // takes its dimensions.
   &.#{iv.$class-prefix}is-small {
     width: cv.getVar("loading-icon-size-small");
     height: cv.getVar("loading-icon-size-small");
-    @include cv.register-vars(("loading-icon-border-width": #{$loading-icon-border-width-small}));
+    @include cv.register-vars(
+      (
+        "loading-icon-border-width": #{cv.getVar("loading-icon-border-width-small")},
+      )
+    );
   }
 
   &.#{iv.$class-prefix}is-medium {
     width: cv.getVar("loading-icon-size-medium");
     height: cv.getVar("loading-icon-size-medium");
-    @include cv.register-vars(("loading-icon-border-width": #{$loading-icon-border-width-medium}));
+    @include cv.register-vars(
+      (
+        "loading-icon-border-width": #{cv.getVar("loading-icon-border-width-medium")},
+      )
+    );
   }
 
   &.#{iv.$class-prefix}is-large {
     width: cv.getVar("loading-icon-size-large");
     height: cv.getVar("loading-icon-size-large");
-    @include cv.register-vars(("loading-icon-border-width": #{$loading-icon-border-width-large}));
+    @include cv.register-vars(
+      (
+        "loading-icon-border-width": #{cv.getVar("loading-icon-border-width-large")},
+      )
+    );
   }
 }
 

package/src/scss/form/_radio.scss

@@ -21,7 +21,10 @@ $radio-border-width: 2px !default;
 // scheme's surfaces in light and dark. `border` falls well short of it.
 $radio-border-color: cv.getVar("text-weak") !default;
 $radio-background: transparent !default;
-$radio-dot-color: cv.getVar("scheme-main") !default;
+// The dot takes the ring's color unless a theme sets its own. It's declared
+// on the same element as `radio-active-color`, so the color variants and the
+// selected-row rule below, which set that one, carry through to the dot.
+$radio-dot-color: cv.getVar("radio-active-color") !default;
 $radio-active-color: cv.getVar("primary") !default;
 $radio-label-gap: 0.5em !default;
 $radio-focus-shadow-size: 0 0 0 0.125em !default;
@@ -116,7 +119,7 @@ $radio-transition-duration: cv.getVar("duration") !default;
       width: 50%;
       height: 50%;
       border-radius: 50%;
-      background-color: cv.getVar("radio-active-color");
+      background-color: cv.getVar("radio-dot-color");
       opacity: 0;
       transform: translate(-50%, -50%) scale(0.5);
       transition-property: opacity, transform;