adata-ui 0.1.43 → 0.1.46

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.1.40",
+  "version": "0.1.45",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.1.43",
+  "version": "0.1.46",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/Button/AButton.vue

@@ -72,6 +72,7 @@ export default {
   border: none;
   border-radius: 2px;
   font-size: 14px;
+  font-weight: 500;
 
   @media screen and (max-width: 560px) {
     width: 100%;
@@ -183,6 +184,7 @@ export default {
       background: #0055BB;
       color: #fff;
     }
+
   }
 
   &_blue {

package/src/components/MailTo/MailTo.stories.js

@@ -0,0 +1,14 @@
+import MailTo from "./MailTo.vue";
+
+export default {
+  title: "MailTo",
+  component: MailTo,
+  template: "<mail-to></mail-to>",
+};
+
+const Template = () => ({
+  components: { MailTo },
+  template: "<mail-to></mail-to>",
+});
+
+export const AMailTo = Template.bind({});

package/src/components/MailTo/MailTo.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="mail">
+    <h2 class="mail__title">Интересует больше данных?</h2>
+    <p class="mail__subtitle">
+      Отправьте ваш запрос на
+      <a class="mail__link" href="mailto:info@adata.kz">info@adata.kz</a>
+    </p>
+    <div class="mail__img-wrapper">
+      <img class="mail__img" :src="require('./mail.png')" alt="mail" />
+    </div>
+    <p class="mail__text">
+      Мы обязательно ответим вам <br />
+      в кратчайшие сроки.
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "MailTo",
+};
+</script>
+
+<style lang="scss" scoped>
+.mail {
+  padding: 25px 0px 50px;
+  &__title {
+    font-size: 20px;
+    line-height: 27px;
+    color: #2c3e50;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 16px;
+  }
+  &__subtitle {
+    font-size: 14px;
+    line-height: 22px;
+    text-align: center;
+    color: #2c3e50;
+  }
+  &__link {
+    color: #007aff;
+    text-decoration: underline;
+  }
+  &__img-wrapper {
+    padding: 24px;
+    display: flex;
+    justify-content: center;
+  }
+  &__img {
+    width: 120px;
+    height: 120px;
+    object-fit: contain;
+  }
+  &__text {
+    font-size: 14px;
+    line-height: 22px;
+    text-align: center;
+    color: #2c3e50;
+  }
+}
+</style>

package/src/components/TextField/TextField.vue

@@ -81,7 +81,6 @@ export default {
     },
     value: {
       type: String,
-      required: true,
       default: "",
     },
     placeholder: {

package/src/components/index.js

@@ -1,24 +1,26 @@
-import Vue from 'vue'
-import AButton from './Button/AButton'
-import ATextField from './TextField/TextField'
-import APasswordField from './PasswordField/PasswordField'
-import AAlert from './Alert/Alert'
-import AHeader from './Header/Header'
-import AFooter from './Footer/Footer'
-import ASearchTextField from './SearchTextField/SearchTextField'
+import Vue from "vue";
+import AButton from "./Button/AButton";
+import ATextField from "./TextField/TextField";
+import APasswordField from "./PasswordField/PasswordField";
+import AAlert from "./Alert/Alert";
+import AHeader from "./Header/Header";
+import AFooter from "./Footer/Footer";
+import ASearchTextField from "./SearchTextField/SearchTextField";
+import AMailTo from "./MailTo/MailTo";
 
 const Components = {
-    AButton,
-    ATextField,
-    APasswordField,
-    AAlert,
-    AHeader,
-    AFooter,
-    ASearchTextField
+  AButton,
+  ATextField,
+  APasswordField,
+  AAlert,
+  AHeader,
+  AFooter,
+  ASearchTextField,
+  AMailTo,
 };
 
-Object.keys(Components).forEach(name => {
-    Vue.component(name, Components[name]);
+Object.keys(Components).forEach((name) => {
+  Vue.component(name, Components[name]);
 });
 
 export default Components;