WIP: FieldPassword component

src/components/Form/fields/FieldPassword.mdx

@@ -0,0 +1,15 @@
+import {Primary, Controls, Stories, Meta} from '@storybook/blocks';
+
+import * as FieldPasswordStories from './FieldPassword.stories.js';
+
+<Meta of={FieldPasswordStories} />
+
+# FieldPassword
+
+## Usage
+
+TODO: Usage text to go here
+
+<Primary />
+<Controls />
+<Stories />

src/components/Form/fields/FieldPassword.stories.js

@@ -0,0 +1,37 @@
+import FieldText from '@/components/Form/fields/FieldText.vue';
+
+import FieldBaseMock from '@/components/Form/mocks/field-base';
+
+export default {
+	title: 'Forms/FieldPassword',
+	component: FieldText,
+	render: (args) => ({
+		components: {FieldText},
+		setup() {
+			function change(name, prop, newValue, localeKey) {
+				if (localeKey) {
+					args[prop][localeKey] = newValue;
+				} else {
+					args[prop] = newValue;
+				}
+			}
+
+			return {args, change};
+		},
+		template: `
+			<FieldText v-bind="args" @change="change" />
+		`,
+	}),
+};
+
+export const Base = {
+	args: {
+		...FieldBaseMock,
+		name: 'access-secret',
+		component: 'field-text',
+		inputType: 'text',
+		label: 'Access Secret',
+		isRequired: true,
+		value: '',
+	},
+};

src/components/Form/fields/FieldPassword.vue

@@ -0,0 +1,11 @@
+<script>
+export default {
+	name: 'FieldPassword',
+};
+</script>
+
+<template>
+	<div></div>
+</template>
+
+<style scoped lang="less"></style>