feat: Update to API references look and feel (#343)

Co-authored-by: Vadim Smirnov <smirnou.vadzim@gmail.com> Co-authored-by: zakariasaad <zakaria.elas@gmail.com> Co-authored-by: Vilfred Sikker <vilfredsikker@gmail.com> Co-authored-by: olivermrbl <oliver@mrbltech.com>
2021-08-20 10:26:29 +02:00
parent 40400b483c
commit 143f06aa39
85 changed files with 19022 additions and 7116 deletions
@@ -0,0 +1,93 @@
+// eslint-disable-next-line import/no-anonymous-default-export
+export default {
+  invalidInput: {
+    color: "dark",
+    backgroundColor: "lightest",
+
+    border: 0,
+    outline: 0,
+
+    cursor: "text",
+    transition: "all 0.2s ease",
+
+    borderRadius: "3px",
+    boxShadow: "invalidBoxShadow",
+    "&.tag__focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&:focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&::placeholder": {
+      color: "danger",
+    },
+  },
+  input: {
+    color: "dark",
+    backgroundColor: "lightest",
+
+    border: 0,
+    outline: 0,
+
+    cursor: "text",
+    transition: "all 0.2s ease",
+
+    borderRadius: "3px",
+    boxShadow: "inputBoxShadow",
+    "&.tag__focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&:focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&::placeholder": {
+      color: "placeholder",
+    },
+  },
+  textarea: {
+    color: "dark",
+    backgroundColor: "lightest",
+
+    border: 0,
+    outline: 0,
+
+    cursor: "text",
+    transition: "all 0.2s ease",
+
+    borderRadius: "3px",
+    boxShadow: "inputBoxShadow",
+    "&.tag__focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&:focus": {
+      boxShadow: "inputBoxShadowHover",
+    },
+    "&::placeholder": {
+      color: "placeholder",
+    },
+  },
+  dropdown: {
+    color: "dark",
+    backgroundColor: "lightest",
+
+    border: 0,
+    outline: 0,
+
+    paddingTop: "3px",
+    paddingBottom: "3px",
+
+    cursor: "pointer",
+
+    borderRadius: "3px",
+    boxShadow: "buttonPrimaryBoxShadow",
+
+    "&:hover": {
+      color: "darkest",
+      boxShadow: "buttonPrimaryBoxShadowHover",
+    },
+
+    "&:active": {
+      boxShadow: "buttonPrimaryBoxShadowActive",
+    },
+  },
+}