@moduix/react 2.7.1 → 2.8.0

package/dist/components/tree-view/TreeView.js

@@ -128,13 +128,16 @@ const TreeView_TreeViewNodeCheckbox = /*#__PURE__*/ forwardRef(function({ classN
         "data-slot": "tree-view-node-checkbox"
     });
 });
-function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }) {
-    return /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, fallback, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
         className: clsx(TreeView_module.nodeCheckboxIndicator, className),
-        indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
         ...props,
         "data-slot": "tree-view-node-checkbox-indicator",
-        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+        children: /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+            fallback: fallback,
+            indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
+            children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+        })
     });
 }
 const TreeView_TreeViewNodeRenameInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {

package/dist/components/tree-view/TreeView_module.css

@@ -88,12 +88,14 @@
     inset-inline-end: 0;
   }
 
-  :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover {
-    color: var(--moduix-tree-view-item-hover-color, var(--moduix-color-accent-foreground));
-  }
+  @media (hover: hover) {
+    :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover {
+      color: var(--moduix-tree-view-item-hover-color, var(--moduix-color-accent-foreground));
+    }
 
-  :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover:before {
-    background-color: var(--moduix-tree-view-item-hover-bg, var(--moduix-color-accent));
+    :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover:before {
+      background-color: var(--moduix-tree-view-item-hover-bg, var(--moduix-color-accent));
+    }
   }
 
   :is(:is(.branchControl-ositpp, .item-D7JZg4):focus-visible, :is(.branchControl-ositpp, .item-D7JZg4)[data-focus]):before {

package/dist/components/typeset/Typeset_module.css

@@ -104,8 +104,9 @@
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:focus-visible) {
-    outline: 2px solid var(--moduix-color-ring, currentColor);
-    outline-offset: 2px;
+    outline: var(--moduix-focus-ring-width, var(--moduix-border-width-md)) solid
+        var(--moduix-color-ring, currentColor);
+    outline-offset: var(--moduix-focus-ring-offset, var(--moduix-spacing-0-5));
     border-radius: .125em;
   }
 
@@ -118,9 +119,10 @@
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(mark) {
+    background-color: color-mix(in oklab,
+        var(--moduix-color-warning, currentColor) 40%,
+        transparent);
     color: inherit;
-    background-color: #f4ce2366;
-    background-color: lab(84.3279% 2.77337 79.232 / .4);
     border-radius: .2em;
     padding: .05em .15em;
   }

package/dist/styles/animations.css

@@ -81,6 +81,16 @@
   }
 }
 
+@keyframes moduix-progress-circular-indeterminate {
+  from {
+    transform: rotate(-90deg);
+  }
+
+  to {
+    transform: rotate(270deg);
+  }
+}
+
 @keyframes moduix-progress-linear-indeterminate {
   from {
     transform: translateX(-100%);

package/dist/styles/style.css

@@ -139,6 +139,8 @@
     var(--marquee-loop-count);
   --animate-moduix-progress-linear-indeterminate: moduix-progress-linear-indeterminate 1.5s
     ease-in-out infinite;
+  --animate-moduix-progress-circular-indeterminate: moduix-progress-circular-indeterminate 1.4s
+    linear infinite;
   --animate-moduix-progress-linear-indeterminate-vertical: moduix-progress-linear-indeterminate-vertical
     1.5s ease-in-out infinite;
   --animate-moduix-collapsible-open: moduix-collapsible-content-open

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/react",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "description": "React implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",