dirk-cfx-react 1.1.9 → 1.1.10

package/dist/index.js

@@ -2238,6 +2238,20 @@ var error = {
   fontSize: "var(--mantine-font-size-xs)",
   fontFamily: "Akrobat Regular"
 };
+var description = {
+  fontSize: "var(--mantine-font-size-xs)"
+};
+var genericInputStyles = {
+  styles: {
+    label,
+    error,
+    description,
+    input: {
+      backgroundColor: "rgba(76, 76, 76, 0.3)",
+      minHeight: "4vh"
+    }
+  }
+};
 var theme = createTheme({
   primaryColor: "dirk",
   primaryShade: 9,
@@ -2291,27 +2305,14 @@ var theme = createTheme({
         }
       }
     },
-    Textarea: {
-      styles: {
-        label,
-        error
-      }
-    },
-    Button: {
-      styles: {
-        root: {
-          fontSize: "var(--mantine-font-size-xs)"
-        }
-      }
-    },
-    Select: {
-      styles: {
-        label,
-        input: {
-          padding: "var(--mantine-spacing-sm)"
-        }
-      }
-    },
+    Input: genericInputStyles,
+    TextInput: genericInputStyles,
+    NumberInput: genericInputStyles,
+    Select: genericInputStyles,
+    MultiSelect: genericInputStyles,
+    Textarea: genericInputStyles,
+    ColorInput: genericInputStyles,
+    DateInput: genericInputStyles,
     Pill: {
       styles: (theme2) => ({
         root: {
@@ -2323,52 +2324,12 @@ var theme = createTheme({
           textTransform: "uppercase",
           letterSpacing: "0.05em",
           fontFamily: "Akrobat Bold",
-          fontSize: theme2.fontSizes.xs,
+          fontSize: "1.25vh",
           borderRadius: theme2.defaultRadius,
-          padding: `${theme2.spacing.xs} ${theme2.spacing.sm}`
+          paddingBottom: "0.5vh",
+          paddingTop: "0.5vh"
         }
       })
-    },
-    Input: {
-      styles: {
-        label,
-        error,
-        input: {
-          padding: "var(--mantine-spacing-sm)",
-          backgroundColor: "rgba(76, 76, 76, 0.3)"
-        }
-      }
-    },
-    ColorInput: {
-      styles: {
-        label,
-        input: {
-          padding: "var(--mantine-spacing-sm)"
-        }
-      }
-    },
-    TextInput: {
-      styles: {
-        label,
-        wrapper: {},
-        section: {
-          marginRight: "0.2vh"
-        },
-        input: {
-          padding: "var(--mantine-spacing-sm)"
-        }
-      }
-    },
-    NumberInput: {
-      styles: {
-        label,
-        input: {
-          padding: "var(--mantine-spacing-sm)"
-        },
-        section: {
-          pointerEvents: "all"
-        }
-      }
     }
   },
   colors: {