adata-ui 0.3.35 → 0.3.36

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.3.33",
+  "version": "0.3.34",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -8241,6 +8241,16 @@
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
       "dev": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -12303,6 +12313,13 @@
         }
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "filesize": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
@@ -25030,6 +25047,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
@@ -25452,6 +25470,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },

package/package.json

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

package/src/App.vue

@@ -1,25 +1,16 @@
 <template>
   <div id="app">
-
-<!--        <a-header active-tab-key="" login-url="" mode=""></a-header>-->
-    <a-service-slider
-     module="tenders"
-     mode="dev"
-     open-service
-    />
-    <a-bottom-navigation-bar
-        login-url="https://google.com" mode="prod" module="tenders"/>
+    <a-header active-tab-key="" login-url="" mode="dev"></a-header>
+    <a-text-field label="bin" error-text="test"/>
   </div>
 </template>
 
 <script>
 
-import ABottomNavigationBar from "@/components/BottomNavigationBar/ABottomNavigationBar";
-import AServiceSlider from "@/components/ServiceSlider/AServiceSlider";
+
 
 export default {
   name: "App",
-  components: {AServiceSlider, ABottomNavigationBar},
 };
 </script>
 

package/src/assets/_text_field.scss

@@ -40,15 +40,23 @@
   }
 
   &__error {
-    text-align: left;
-    font-size: 10px;
-    line-height: 14px;
-    color: #ff2e43;
-    margin-top: 8px;
     display: flex;
     align-items: center;
-    svg {
-      margin-right: 9px;
+    background: rgba(255, 46, 67, 0.12);
+    border-radius: 4px;
+    overflow: hidden;
+    color: #2c3e50;
+    margin-top: 8px;
+    .error-icon {
+      background: #FF2E43;
+      padding: 4px 8px;
+      display: grid;
+      place-content: center;
+    }
+    p {
+      font-size: 12px;
+      line-height: 20px;
+      padding: 2px 16px;
     }
   }
 
@@ -103,6 +111,10 @@
     &::placeholder {
       font-size: 12px;
     }
+
+    &.error {
+      border-color: #ff2e43;
+    }
   }
 
   &__textarea {
@@ -127,8 +139,8 @@
     }
     textarea {
       border: none;
-      height: 92px;
-      padding: 0 40px 5px 16px;
+      height: 100%;
+      padding: 24px 40px 5px 16px;
       resize: none;
       &:focus,
       &:hover {

package/src/components/BottomNavigationBar/ABottomNavigationBar.vue

@@ -47,9 +47,11 @@
 </template>
 
 <script>
+import ANavIcon from "../NavIcon/ANavIcon";
 
 export default {
   name: "ABottomNavigationBar",
+  components: {ANavIcon},
   props: {
     module: {
       type: String,

package/src/components/TextField/TextField.vue

@@ -40,25 +40,21 @@
       </div>
     </div>
     <div class="adt-text-block__error" v-if="!!errorText">
-      <svg
-        width="14"
-        height="14"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        id="icon__attention"
-      >
-        <path
-          d="M8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4H8.5ZM7.5 9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9H7.5ZM7.5 4V9H8.5V4H7.5Z"
-          fill="#FF2E43"
-        />
-        <path
-          d="M8.5 11C8.5 10.7239 8.27614 10.5 8 10.5C7.72386 10.5 7.5 10.7239 7.5 11H8.5ZM7.5 11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5H7.5ZM7.5 11V11.5H8.5V11H7.5Z"
-          fill="#FF2E43"
-        />
-        <circle cx="8" cy="8" r="7" stroke="#FF2E43" />
-      </svg>
-      {{ errorText }}
+      <div class="error-icon">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <g clip-path="url(#clip0_508_13640)">
+            <path d="M8.00016 14.6666C11.6821 14.6666 14.6668 11.6818 14.6668 7.99992C14.6668 4.31802 11.6821 1.33325 8.00016 1.33325C4.31826 1.33325 1.3335 4.31802 1.3335 7.99992C1.3335 11.6818 4.31826 14.6666 8.00016 14.6666Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M8 10.6667H8.00667" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            <path d="M8 5.33325V7.99992" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          </g>
+          <defs>
+            <clipPath id="clip0_508_13640">
+              <rect width="16" height="16" fill="white"/>
+            </clipPath>
+          </defs>
+        </svg>
+      </div>
+      <p>{{ errorText }}</p>
     </div>
   </div>
 </template>