@symbo.ls/uikit 2.11.76 → 2.11.77

package/dist/index.cjs.js

@@ -14878,25 +14878,12 @@ var templateDefault = {
   boxSize: "fit-content fit-content",
   ":hover": { background: "#252527" },
   input: {
+    display: "none",
     ":checked + div": {
-      background: "#0474F2",
+      theme: "primary",
       border: "none"
     },
-    ":checked + div > svg": { opacity: "1" },
-    display: "none"
-  },
-  checkbox: {
-    align: "center center",
-    border: "1px solid #E9E9EA",
-    boxSize: "B B",
-    round: "Y",
-    Icon: {
-      height: "Z Z2",
-      color: "white",
-      name: "check",
-      opacity: "0",
-      transition: "opacity .15s ease"
-    }
+    ":checked + div > svg": { opacity: "1" }
   }
 };
 var Checkbox = {
@@ -14906,11 +14893,34 @@ var Checkbox = {
     attr: {
       type: "checkbox",
       checked: ({ parent }) => parent.props.checked
+    },
+    on: {
+      render: ({ parent, node: node2 }) => {
+        const { indeterminate } = parent.props;
+        console.log(indeterminate);
+        node2.indeterminate = indeterminate;
+      },
+      update: ({ parent, node: node2 }) => {
+        const { indeterminate } = parent.props;
+        console.log(indeterminate);
+        node2.indeterminate = indeterminate;
+      }
     }
   },
-  checkbox: {
-    extend: "Flex",
-    Icon: {}
+  Flex: {
+    props: {
+      align: "center center",
+      border: "1px solid #E9E9EA",
+      boxSize: "B B",
+      round: "Y"
+    },
+    Icon: {
+      height: "Z Z2",
+      color: "white",
+      name: "check",
+      opacity: "0",
+      transition: "opacity .15s ease"
+    }
   }
 };
 var CheckBoxWithLabel = {
@@ -14927,7 +14937,7 @@ var CheckBoxWithLabel = {
 // Form/Radio.js
 var templateDefault2 = {
   input: { ":checked + div > div": { opacity: "1" } },
-  checkbox: {
+  Flex: {
     round: "100%",
     circle: {
       boxSize: "Y2 Y2",
@@ -14942,7 +14952,7 @@ var Radio = {
   extend: Checkbox,
   props: templateDefault2,
   input: { attr: { type: "radio" } },
-  checkbox: {
+  Flex: {
     Icon: null,
     circle: {}
   }
@@ -14962,9 +14972,14 @@ var RadioWithLabel = {
 var templateDefault3 = {
   padding: "Y",
   round: "B",
-  input: { ":checked + div": { justifyContent: "flex-end", background: "#47FF09" } },
+  input: {
+    ":checked + div": {
+      justifyContent: "flex-end",
+      theme: "primary"
+    }
+  },
   ":hover > div": { opacity: "1" },
-  checkbox: {
+  Flex: {
     boxSize: "B C",
     padding: "- W",
     round: "D",
@@ -14977,9 +14992,7 @@ var templateDefault3 = {
       boxSize: "A1 A1",
       round: "100%",
       background: "white",
-      style: {
-        boxShadow: "1px 1px 8px rgba(0, 0, 0, 0.2)"
-      }
+      boxShadow: "1px, 1px, 8px, rgba(0, 0, 0, 0.2)"
     }
   }
 };
@@ -14987,7 +15000,7 @@ var ToggleSwitch = {
   extend: Checkbox,
   props: templateDefault3,
   input: {},
-  checkbox: {
+  Flex: {
     Icon: null,
     circle: {}
   }
@@ -15684,14 +15697,16 @@ var Upload = {
     round: "A",
     cursor: "pointer",
     border: "1.6px, dashed, white 0.1",
-    padding: "B B2"
+    padding: "B B2",
+    Input: {
+      position: "absolute",
+      inset: "0 0 0 0",
+      opacity: "0",
+      visibility: "hidden"
+    }
   },
   Input: {
-    type: "file",
-    position: "absolute",
-    inset: "0 0 0 0",
-    opacity: "0",
-    visibility: "hidden"
+    type: "file"
   },
   Icon: {
     name: "upload",