@symbo.ls/uikit 2.11.77 → 2.11.78

package/dist/index.cjs.js

@@ -14246,10 +14246,15 @@ var DialogFooter = {
   childExtend: {
     extend: Button,
     props: {
-      theme: "primary @dark .color-only",
       fontSize: "Z",
       textTransform: "uppercase",
       background: "transparent",
+      "@dark": {
+        theme: "primary @dark .color-only"
+      },
+      "@light": {
+        theme: "primary @light .color-only"
+      },
       "&": {
         padding: "Z A"
       },
@@ -14447,13 +14452,20 @@ var DatePickerMonthsSlider = {
         position: "absolute",
         zIndex: "35",
         background: "transparent",
-        color: "#0079FD",
         ":first-child": { left: "18px" },
         ":last-child": { right: "18px" }
       }
     }
   },
-  Button_left: { icon: "arrowLeft" },
+  Button_left: {
+    icon: "arrowLeft",
+    "@dark": {
+      theme: "primary @dark .color-only"
+    },
+    "@light": {
+      theme: "primary @light .color-only"
+    }
+  },
   Flex: {
     props: {
       flex: "1",
@@ -14497,7 +14509,15 @@ var DatePickerMonthsSlider = {
       ];
     }
   },
-  Button_right: { icon: "arrowRight" }
+  Button_right: {
+    icon: "arrowRight",
+    "@dark": {
+      theme: "primary @dark .color-only"
+    },
+    "@light": {
+      theme: "primary @light .color-only"
+    }
+  }
 };
 
 // Datepicker/weekdays.js
@@ -15755,15 +15775,23 @@ var Pills = {
   },
   childExtend: {
     props: (el, s) => ({
-      active: parseInt(el.key) === (el.parent.props.active || s.active),
-      theme: "tertiary",
+      active: parseInt(el.key) === parseInt(s.active || el.parent.props.active),
       boxSize: "Y2",
       round: "A",
+      "!active": {
+        theme: "tertiary"
+      },
       ".active": {
         theme: "primary"
       }
-    })
-  }
+    }),
+    on: {
+      click: (e, el, s) => {
+        s.update({ active: parseInt(el.key) });
+      }
+    }
+  },
+  $setCollection: ({ props: props7, state }) => new Array(props7.qty).fill({})
 };
 
 // Select/index.js