@edux-design/forms 0.0.7 → 0.0.8

package/dist/index.js

@@ -383,6 +383,7 @@ var Checkbox = (0, import_react7.forwardRef)(
   ({
     className,
     indeterminate = false,
+    plus = false,
     variant = "primary",
     disabled,
     id: providedId,
@@ -407,7 +408,7 @@ var Checkbox = (0, import_react7.forwardRef)(
       ...ariaDescribedByProp ? ariaDescribedByProp.split(" ") : []
     ].filter(Boolean);
     const describedBy = describedByTokens.length ? describedByTokens.join(" ") : void 0;
-    const ariaChecked = indeterminate ? "mixed" : ariaCheckedProp;
+    const ariaChecked = indeterminate || plus ? "mixed" : ariaCheckedProp;
     const inputRef = (0, import_react7.useRef)(null);
     const setRefs = (0, import_react7.useCallback)(
       (node) => {
@@ -468,8 +469,8 @@ var Checkbox = (0, import_react7.forwardRef)(
                 !isDisabled && intent.activeBg,
                 intent.peerSelectedBorder,
                 intent.peerSelectedBg,
-                indeterminate && intent.selectedBorder,
-                indeterminate && intent.selectedBg
+                (indeterminate || plus) && intent.selectedBorder,
+                (indeterminate || plus) && intent.selectedBg
               )
             }
           ),
@@ -481,7 +482,7 @@ var Checkbox = (0, import_react7.forwardRef)(
                 "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
                 intent.iconColor,
                 "peer-disabled:text-fg-inactive",
-                indeterminate ? "opacity-0" : "opacity-0 peer-checked:opacity-100"
+                indeterminate || plus ? "opacity-0" : "opacity-0 peer-checked:opacity-100"
               )
             }
           ),
@@ -493,7 +494,19 @@ var Checkbox = (0, import_react7.forwardRef)(
                 "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
                 intent.iconColor,
                 "peer-disabled:text-fg-inactive",
-                indeterminate ? "opacity-100" : "opacity-0"
+                indeterminate && !plus ? "opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_icons3.Plus,
+            {
+              "aria-hidden": "true",
+              className: (0, import_utils4.cx)(
+                "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
+                intent.iconColor,
+                "peer-disabled:text-fg-inactive",
+                plus ? "opacity-100" : "opacity-0"
               )
             }
           )

package/dist/index.mjs

@@ -277,7 +277,7 @@ function Radio() {
 // src/elements/Checkbox.jsx
 import React6, { forwardRef as forwardRef2, useCallback as useCallback3, useEffect as useEffect2, useRef } from "react";
 import { cx as cx4 } from "@edux-design/utils";
-import { Check, Indeterminate } from "@edux-design/icons";
+import { Check, Indeterminate, Plus } from "@edux-design/icons";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var VARIANT_INTENTS = {
   primary: {
@@ -345,6 +345,7 @@ var Checkbox = forwardRef2(
   ({
     className,
     indeterminate = false,
+    plus = false,
     variant = "primary",
     disabled,
     id: providedId,
@@ -369,7 +370,7 @@ var Checkbox = forwardRef2(
       ...ariaDescribedByProp ? ariaDescribedByProp.split(" ") : []
     ].filter(Boolean);
     const describedBy = describedByTokens.length ? describedByTokens.join(" ") : void 0;
-    const ariaChecked = indeterminate ? "mixed" : ariaCheckedProp;
+    const ariaChecked = indeterminate || plus ? "mixed" : ariaCheckedProp;
     const inputRef = useRef(null);
     const setRefs = useCallback3(
       (node) => {
@@ -430,8 +431,8 @@ var Checkbox = forwardRef2(
                 !isDisabled && intent.activeBg,
                 intent.peerSelectedBorder,
                 intent.peerSelectedBg,
-                indeterminate && intent.selectedBorder,
-                indeterminate && intent.selectedBg
+                (indeterminate || plus) && intent.selectedBorder,
+                (indeterminate || plus) && intent.selectedBg
               )
             }
           ),
@@ -443,7 +444,7 @@ var Checkbox = forwardRef2(
                 "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
                 intent.iconColor,
                 "peer-disabled:text-fg-inactive",
-                indeterminate ? "opacity-0" : "opacity-0 peer-checked:opacity-100"
+                indeterminate || plus ? "opacity-0" : "opacity-0 peer-checked:opacity-100"
               )
             }
           ),
@@ -455,7 +456,19 @@ var Checkbox = forwardRef2(
                 "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
                 intent.iconColor,
                 "peer-disabled:text-fg-inactive",
-                indeterminate ? "opacity-100" : "opacity-0"
+                indeterminate && !plus ? "opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            Plus,
+            {
+              "aria-hidden": "true",
+              className: cx4(
+                "pointer-events-none absolute left-1/2 top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 transition-opacity duration-150",
+                intent.iconColor,
+                "peer-disabled:text-fg-inactive",
+                plus ? "opacity-100" : "opacity-0"
               )
             }
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edux-design/forms",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "sideEffects": [
     "**/*.css"
   ],