@teammodlr/ui-kit 2.3.12 → 2.3.14

package/src/components/input/examples/basic.vue

@@ -1,21 +1,21 @@
-<template>
-    <MInput
-        label="Email"
-        name="email"
-        placeholder="Email Address"
-        autofocus
-        data-maska="#-#"
-        v-model="value"
-        >
-
-        <template #help>
-            Hello
-        </template>
-    </MInput>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-let value = ref('');
-</script>
+<template>
+    <MInput
+        label="Email"
+        name="email"
+        placeholder="Email Address"
+        autofocus
+        data-maska="#-#"
+        v-model="value"
+        >
+
+        <template #help>
+            Hello
+        </template>
+    </MInput>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+let value = ref('');
+</script>

package/src/components/input/examples/index.stories.ts

@@ -1,26 +1,26 @@
-import MInput from '../Input.vue';
-import {
-    MInputBasic,
-    MInputSuffix,
-    MInputPrefix,
-    MInputLeftIcon,
-    MInputRightIcon,
-    MInputSizes
-} from './index';
-
-import { createStory, sizeArgType } from '../../../__storybook__';
-
-export default {
-    component: MInput,
-    title: 'Components/Input',
-    argTypes: {
-        ...sizeArgType()
-    }
-};
-
-export const Basic = createStory(MInputBasic);
-export const Suffix = createStory(MInputSuffix);
-export const Prefix = createStory(MInputPrefix);
-export const Sizes = createStory(MInputSizes);
-export const LeftIcon = createStory(MInputLeftIcon);
-export const RightIcon = createStory(MInputRightIcon);
+import MInput from '../Input.vue';
+import {
+    MInputBasic,
+    MInputSuffix,
+    MInputPrefix,
+    MInputLeftIcon,
+    MInputRightIcon,
+    MInputSizes
+} from './index';
+
+import { createStory, sizeArgType } from '../../../__storybook__';
+
+export default {
+    component: MInput,
+    title: 'Components/Input',
+    argTypes: {
+        ...sizeArgType()
+    }
+};
+
+export const Basic = createStory(MInputBasic);
+export const Suffix = createStory(MInputSuffix);
+export const Prefix = createStory(MInputPrefix);
+export const Sizes = createStory(MInputSizes);
+export const LeftIcon = createStory(MInputLeftIcon);
+export const RightIcon = createStory(MInputRightIcon);

package/src/components/input/examples/index.ts

@@ -1,6 +1,6 @@
-export { default as MInputBasic } from './basic.vue';
-export { default as MInputSuffix } from './suffix.vue';
-export { default as MInputPrefix } from './prefix.vue';
-export { default as MInputSizes } from './sizes.vue';
-export { default as MInputLeftIcon } from './left-icon.vue';
-export { default as MInputRightIcon } from './right-icon.vue';
+export { default as MInputBasic } from './basic.vue';
+export { default as MInputSuffix } from './suffix.vue';
+export { default as MInputPrefix } from './prefix.vue';
+export { default as MInputSizes } from './sizes.vue';
+export { default as MInputLeftIcon } from './left-icon.vue';
+export { default as MInputRightIcon } from './right-icon.vue';

package/src/components/input/examples/left-icon.vue

@@ -1,9 +1,9 @@
-<template>
-    <MInput placeholder="Brad Veryard" name="name">
-        <template #icon-left>
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: 20px; height: 20px;">
-                <path stroke-linecap="round" d="M16.5 12a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm0 0c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 10-2.636 6.364M16.5 12V8.25" />
-            </svg>
-        </template>
-    </MInput>
-</template>
+<template>
+    <MInput placeholder="Brad Veryard" name="name">
+        <template #icon-left>
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: 20px; height: 20px;">
+                <path stroke-linecap="round" d="M16.5 12a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm0 0c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 10-2.636 6.364M16.5 12V8.25" />
+            </svg>
+        </template>
+    </MInput>
+</template>

package/src/components/input/examples/prefix.vue

@@ -1,5 +1,5 @@
-<template>
-    <MInput placeholder="Brad Veryard" name="name">
-        <template #prefix> something-really-long-test/ </template>
-    </MInput>
-</template>
+<template>
+    <MInput placeholder="Brad Veryard" name="name">
+        <template #prefix> something-really-long-test/ </template>
+    </MInput>
+</template>

package/src/components/input/examples/right-icon.vue

@@ -1,9 +1,9 @@
-<template>
-    <MInput placeholder="Brad Veryard" name="name">
-        <template #icon-right>
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 20px; height: 20px;">
-            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd" />
-            </svg>
-        </template>
-    </MInput>
-</template>
+<template>
+    <MInput placeholder="Brad Veryard" name="name">
+        <template #icon-right>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 20px; height: 20px;">
+            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd" />
+            </svg>
+        </template>
+    </MInput>
+</template>

package/src/components/input/examples/sizes.vue

@@ -1,9 +1,9 @@
-<template>
-    <div>
-        <MInput clearable name="field_one" size="xs" /><br /><br />
-        <MInput clearable name="field_two" size="sm" /><br /><br />
-        <MInput clearable name="field_three" /><br /><br />
-        <MInput clearable name="field_four" size="lg" /><br /><br />
-        <MInput clearable name="field_five" size="xl" /><br /><br />
-    </div>
-</template>
+<template>
+    <div>
+        <MInput clearable name="field_one" size="xs" /><br /><br />
+        <MInput clearable name="field_two" size="sm" /><br /><br />
+        <MInput clearable name="field_three" /><br /><br />
+        <MInput clearable name="field_four" size="lg" /><br /><br />
+        <MInput clearable name="field_five" size="xl" /><br /><br />
+    </div>
+</template>

package/src/components/input/examples/suffix.vue

@@ -1,7 +1,7 @@
-<template>
-    <MInput placeholder="Brad Veryard" name="name">
-        <template #suffix>
-            .com
-        </template>
-    </MInput>
-</template>
+<template>
+    <MInput placeholder="Brad Veryard" name="name">
+        <template #suffix>
+            .com
+        </template>
+    </MInput>
+</template>