adata-ui 0.1.22 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/adata-ui.common.js +29 -19
  2. package/dist/adata-ui.common.js.map +1 -1
  3. package/dist/adata-ui.css +1 -1
  4. package/dist/adata-ui.umd.js +29 -19
  5. package/dist/adata-ui.umd.js.map +1 -1
  6. package/dist/adata-ui.umd.min.js +2 -2
  7. package/dist/adata-ui.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/assets/_text_field.scss +12 -12
  10. package/src/components/PasswordField/PasswordField.vue +5 -0
  11. package/src/components/SearchTextField/SearchTextField.vue +1 -1
  12. package/src/components/TextField/TextField.vue +5 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adata-ui",
3
- "version": "0.1.22",
3
+ "version": "0.1.23",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/_text_field.scss CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  &__error {
44
44
  text-align: left;
45
- font-size: var(--fs-content-micro);
45
+ font-size: 10px;
46
46
  line-height: 14px;
47
47
  color: #ff2e43;
48
48
  margin-top: 9px;
@@ -69,7 +69,7 @@
69
69
  border-radius: 2px;
70
70
  width: 100%;
71
71
  height: 40px;
72
- font-size: var(--fs-form);
72
+ font-size: 14px;
73
73
  color: #1A2030;
74
74
  padding: 19px 40px 5px 16px;
75
75
  transition: 0.3s all;
@@ -77,7 +77,7 @@
77
77
  padding: 19px 36px 7px 12px;
78
78
  height: 40px;
79
79
  border: 1px solid #71757A;
80
- font-size: var(--fs-content-mini);
80
+ font-size: 12px;
81
81
  }
82
82
 
83
83
  &:focus ~ #{$self}__label,
@@ -85,20 +85,20 @@
85
85
  &:-webkit-autofill ~ #{$self}__label,
86
86
  &:not(:-webkit-autofill):valid ~ #{$self}__label {
87
87
  top: 12px;
88
- font-size: var(--fs-content-micro);
88
+ font-size: 10px;
89
89
  color: #71757A;
90
90
  @media(max-width: 1025px) {
91
- font-size: var(--fs-content-nano);
91
+ font-size: 8px;
92
92
  }
93
93
  }
94
94
 
95
95
  &:focus ~ #{$self}__label-red,
96
96
  &:not(:focus):valid ~ #{$self}__label-red {
97
97
  top: 12px;
98
- font-size: var(--fs-content-micro);
98
+ font-size: 10px;
99
99
  color: #ff2e43;
100
100
  @media(max-width: 1025px) {
101
- font-size: var(--fs-content-nano);
101
+ font-size: 8px;
102
102
  }
103
103
  }
104
104
 
@@ -126,10 +126,10 @@
126
126
  line-height: 40px;
127
127
  transition: 0.3s;
128
128
  color: #71757A;
129
- font-size: var(--fs-form-placeholder);
129
+ font-size: 12px;
130
130
  @media(max-width: 1025px) {
131
131
  left: 12px;
132
- font-size: var(--fs-content-micro);
132
+ font-size: 10px;
133
133
  line-height: 16px;
134
134
  color: #71757A;
135
135
  }
@@ -146,11 +146,11 @@
146
146
  line-height: 40px;
147
147
  transition: 0.3s;
148
148
  color: #ff2e43;
149
- font-size: var(--fs-form-placeholder);
149
+ font-size: 12px;
150
150
 
151
151
  @media(max-width: 1025px) {
152
152
  left: 12px;
153
- font-size: var(--fs-content-micro);
153
+ font-size: 10px;
154
154
  line-height: 16px;
155
155
  color: #ff2e43;
156
156
  }
@@ -198,7 +198,7 @@
198
198
  padding: 5px 16px;
199
199
  line-height: 16px;
200
200
  font-size: 14px;
201
- color: var(--newGray);
201
+ color: #71757a;
202
202
  transition: 0.3s all;
203
203
  cursor: pointer;
204
204
  @media(max-width: 1025px) {
package/src/components/PasswordField/PasswordField.vue CHANGED
@@ -31,6 +31,11 @@
31
31
  </div>
32
32
  </div>
33
33
  <div class="adt-text-block__error" v-if="!!errorText">
34
+ <svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon__attention">
35
+ <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"/>
36
+ <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"/>
37
+ <circle cx="8" cy="8" r="7" stroke="#FF2E43"/>
38
+ </svg>
34
39
  {{ errorText }}
35
40
  </div>
36
41
  </div>
package/src/components/SearchTextField/SearchTextField.vue CHANGED
@@ -29,7 +29,7 @@
29
29
  >
30
30
  {{ label }}
31
31
  </label>
32
- <div class="mobile-magnifier" v-if="magnifierMob" @click="$emit('onMagnifierClick')">
32
+ <div class="mobile mobile-magnifier" v-if="magnifierMob" @click="$emit('onMagnifierClick')">
33
33
  <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="magnifier">
34
34
  <path d="M13.95 13.95L10 10" stroke="#2C3E50" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round">
35
35
  </path>
package/src/components/TextField/TextField.vue CHANGED
@@ -37,6 +37,11 @@
37
37
  </div>
38
38
  </div>
39
39
  <div class="adt-text-block__error" v-if="!!errorText">
40
+ <svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon__attention">
41
+ <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"/>
42
+ <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"/>
43
+ <circle cx="8" cy="8" r="7" stroke="#FF2E43"/>
44
+ </svg>
40
45
  {{ errorText }}
41
46
  </div>
42
47
  </div>