[DO NOT MERGE BEFORE Q1 RELEASED] [Remove Vuetify from Studio] 'Create an account' page

contentcuration/contentcuration/frontend/accounts/components/form/StudioEmailField.vue

@@ -0,0 +1,64 @@
+<template>
+
+  <KTextbox
+    :value="value"
+    type="email"
+    :label="label || $tr('emailLabel')"
+    :maxlength="maxlength"
+    :disabled="disabled"
+    :invalid="hasError"
+    :invalidText="errorText"
+    :showInvalidText="hasError"
+    v-bind="$attrs"
+    @input="handleInput"
+    @blur="$emit('blur')"
+  />
+
+</template>
+
+
+<script>
+
+  export default {
+    name: 'StudioEmailField',
+    props: {
+      value: {
+        type: String,
+        default: '',
+      },
+      label: {
+        type: String,
+        default: null,
+      },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+      errorMessages: {
+        type: Array,
+        default: () => [],
+      },
+      maxlength: {
+        type: [String, Number],
+        default: null,
+      },
+    },
+    computed: {
+      hasError() {
+        return this.errorMessages && this.errorMessages.length > 0;
+      },
+      errorText() {
+        return this.hasError ? this.errorMessages[0] : '';
+      },
+    },
+    methods: {
+      handleInput(value) {
+        this.$emit('input', value.trim());
+      },
+    },
+    $trs: {
+      emailLabel: 'Email address',
+    },
+  };
+
+</script>

contentcuration/contentcuration/frontend/accounts/components/form/StudioPasswordField.vue

@@ -0,0 +1,48 @@
+<template>
+
+  <KTextbox
+    :value="value"
+    type="password"
+    :label="label || $tr('passwordLabel')"
+    :invalid="hasError"
+    :invalidText="errorText"
+    :showInvalidText="hasError"
+    @input="$emit('input', $event)"
+    @blur="$emit('blur')"
+  />
+
+</template>
+
+
+<script>
+
+  export default {
+    name: 'StudioPasswordField',
+    props: {
+      value: {
+        type: String,
+        default: '',
+      },
+      label: {
+        type: String,
+        default: null,
+      },
+      errorMessages: {
+        type: Array,
+        default: () => [],
+      },
+    },
+    computed: {
+      hasError() {
+        return this.errorMessages && this.errorMessages.length > 0;
+      },
+      errorText() {
+        return this.hasError ? this.errorMessages[0] : '';
+      },
+    },
+    $trs: {
+      passwordLabel: 'Password',
+    },
+  };
+
+</script>