@allxsmith/bestax-bulma 5.67.1 → 5.67.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.67.1",
+  "version": "5.67.3",
   "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/_menu.scss

@@ -1,6 +1,7 @@
 // Bestax Extras - Menu Styles
-// Two additions to Bulma's menu: `Menu.Section`, a section that opens and
-// closes, and a mark for the active item in forced colors.
+// Additions to Bulma's menu: items that start their labels where the line
+// starts, `Menu.Section`, a section that opens and closes, and a mark for the
+// active item in forced colors.
 
 @use "bulma/sass/utilities/initial-variables" as iv;
 @use "bulma/sass/utilities/css-variables" as cv;
@@ -26,6 +27,19 @@ $menu-section-chevron-duration: cv.getVar("duration") !default;
   );
 }
 
+// Bulma aligns each item's text `left`, and an item spans the menu, so on a
+// right-to-left page the items' text stays at the left, under a `Menu.Label`
+// or a section heading that sits at the right. `start` is `left` left to
+// right, so nothing moves there. The doubled class outranks Bulma's rule
+// whichever stylesheet loads first. Bulma has no variable for this one.
+.#{iv.$class-prefix}menu-list.#{iv.$class-prefix}menu-list {
+  a,
+  button,
+  .#{iv.$class-prefix}menu-item {
+    text-align: start;
+  }
+}
+
 // The space Bulma puts around a label, which turns on where the label sits
 // among the menu's children: above it unless it comes first, and below it
 // unless it comes last. A heading takes the same two from where its section

package/src/scss/form/_dateinput.scss

@@ -109,6 +109,10 @@ $dateinput-cell-range-preview-bg: color-mix(
     outline: 2px solid cv.getVar('dateinput-focus-ring-color');
     outline-offset: 2px;
   }
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
 }
 
 .#{iv.$class-prefix}dateinput-month-caret {

package/src/scss/form/_datetimeinput.scss

@@ -173,10 +173,14 @@ $datetimeinput-time-overlay-blur: 3px !default;
   cursor: pointer;
   border-radius: cv.getVar('radius');
 
-  &:hover,
+  &:hover:not(:disabled),
   &:focus-visible {
     background-color: hsla(0, 0%, 50%, 0.12);
   }
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
 }
 
 .#{iv.$class-prefix}datetimeinput-footer-done {
@@ -202,4 +206,8 @@ $datetimeinput-time-overlay-blur: 3px !default;
     outline: 2px solid cv.getVar('primary');
     outline-offset: 2px;
   }
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
 }