@symbo.ls/uikit 2.11.189 → 2.11.192

package/dist/index.cjs.js

@@ -9427,6 +9427,7 @@ __export(domql_exports, {
   UnitValueWithTitle: () => UnitValueWithTitle,
   UploadButton: () => UploadButton,
   UploadButtonWithIcon: () => UploadButtonWithIcon,
+  UploadIcon: () => UploadIcon,
   UploadImage: () => UploadImage,
   UploadLabel: () => UploadLabel,
   UploadLabel2: () => UploadLabel2,
@@ -12534,7 +12535,7 @@ var Input = {
   props: {
     border: "none",
     type: "input",
-    // theme: 'tertiary',
+    theme: "tertiary",
     fontSize: "A",
     round: "C",
     lineHeight: 1,
@@ -12776,16 +12777,9 @@ var Select = {
 var Field = {
   extend: IconText,
   props: {
-    minWidth: "G",
-    maxWidth: "G",
-    minHeight: "C+X",
     align: "center flex-start",
     gap: "Y+W",
     boxSizing: "border-box",
-    padding: "- Z+W",
-    round: "Y+W",
-    border: "1px solid #3F3F43",
-    overflow: "hidden",
     position: "relative",
     Button: {
       padding: "0",
@@ -12795,15 +12789,18 @@ var Field = {
     }
   },
   Input: {
-    padding: "0",
+    padding: "- Z+W",
+    round: "Y+W",
+    border: "1px solid #3F3F43",
+    minWidth: "G",
+    maxWidth: "100%",
+    minHeight: "C+X",
+    width: "100%",
     background: "transparent",
-    round: "0",
     color: "white",
     fontFamily: "avenir",
     placeholder: "Placeholder",
     flex: "1",
-    minHeight: "100%",
-    outline: "none !important",
     fontWeight: "400"
   }
 };
@@ -12865,12 +12862,7 @@ var NumberField = {
     minWidth: "D+Y2",
     maxWidth: "D+Y2",
     minHeight: "D+Y2",
-    padding: "0",
-    style: {
-      "input[type=number]::-webkit-inner-spin-button": {
-        "-webkit-appearance": " none"
-      }
-    }
+    padding: "0"
   },
   Input: null,
   NumberInput: {
@@ -12878,10 +12870,12 @@ var NumberField = {
     placeholder: "0",
     boxSize: "100% 100%",
     textAlign: "center",
-    borderRadius: "0",
+    round: "0",
     background: "transparent",
-    outline: "none !important",
-    color: "white"
+    color: "white",
+    "::-webkit-inner-spin-button": {
+      "-webkit-appearance": " none"
+    }
   }
 };
 
@@ -15281,29 +15275,25 @@ var ResetPassword = {
   Content: {
     extend: CommonForm,
     props: { gap: "B1" },
-    ...[
-      {
-        Title: { text: "Old password" },
-        Field: {},
-        Hint: null
-      },
-      {
-        Title: { text: "New password" },
-        Field: {},
-        Hint: {
-          Icon: { props: { name: "info" } },
-          text: "8 character minimum"
-        }
-      },
-      {
-        Title: { text: "Confirm new password" },
-        Field: {},
-        Hint: {
-          Icon: { props: { name: "info" } },
-          text: "8 character minimum"
-        }
+    ...[{
+      Title: { text: "Old password" },
+      Field: {},
+      Hint: null
+    }, {
+      Title: { text: "New password" },
+      Field: {},
+      Hint: {
+        Icon: { props: { name: "info" } },
+        text: "8 character minimum"
       }
-    ]
+    }, {
+      Title: { text: "Confirm new password" },
+      Field: {},
+      Hint: {
+        Icon: { props: { name: "info" } },
+        text: "8 character minimum"
+      }
+    }]
   },
   Footer: {
     props: { justifyContent: "flex-end" },
@@ -15601,6 +15591,49 @@ var UploadImage = {
     fontSize: "D"
   }
 };
+var UploadIcon = {
+  extend: [Focusable, Flex],
+  tag: "label",
+  props: {
+    position: "relative",
+    theme: "tertiary",
+    flow: "column",
+    align: "center center",
+    round: "A",
+    cursor: "pointer",
+    border: "1.6px, dashed, white 0.1",
+    padding: "B B2"
+  },
+  Input: {
+    props: {
+      type: "file",
+      position: "absolute",
+      inset: "0 0 0 0",
+      opacity: "0",
+      visibility: "hidden"
+    }
+  },
+  Icon: {
+    props: {
+      name: "upload",
+      fontSize: "B",
+      opacity: ".2"
+    }
+  },
+  P: {
+    props: {
+      text: " or click and upload from your computer",
+      flexFlow: "column",
+      flexAlign: "center center",
+      opacity: ".22",
+      margin: "0"
+    },
+    Span: {
+      text: "Drag and drop your font file",
+      display: "block"
+    }
+  }
+};
 
 // Upload/UploadButton.js
 var UploadButton = {