adata-ui 0.1.87 → 0.1.90
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.
- package/dist/adata-ui.common.js +64 -42
- package/dist/adata-ui.common.js.map +1 -1
- package/dist/adata-ui.css +1 -1
- package/dist/adata-ui.umd.js +64 -42
- package/dist/adata-ui.umd.js.map +1 -1
- package/dist/adata-ui.umd.min.js +1 -1
- package/dist/adata-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/AButton.vue +1 -3
- package/src/components/Footer/Footer.vue +1 -1
- package/src/components/Header/Header.vue +1 -0
- package/src/components/PasswordField/PasswordField.vue +6 -1
- package/src/components/SearchTextField/SearchTextField.vue +6 -1
- package/src/components/TextArea/TextArea.vue +6 -0
- package/src/components/TextField/TextField.vue +6 -1
package/package.json
CHANGED
|
@@ -94,17 +94,15 @@ export default {
|
|
|
94
94
|
&_extra_sm {
|
|
95
95
|
height: 24px;
|
|
96
96
|
padding: 2px 16px;
|
|
97
|
-
|
|
97
|
+
font-size: 12px;
|
|
98
98
|
}
|
|
99
99
|
&_sm {
|
|
100
100
|
height: 32px;
|
|
101
101
|
padding: 6px 20px;
|
|
102
|
-
line-height: 20px;
|
|
103
102
|
}
|
|
104
103
|
&_md {
|
|
105
104
|
height: 40px;
|
|
106
105
|
padding: 8px 30px;
|
|
107
|
-
line-height: 24px;
|
|
108
106
|
}
|
|
109
107
|
&_fit {
|
|
110
108
|
padding: 8px 0;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</svg>
|
|
32
32
|
</a>
|
|
33
33
|
<a target="_blank" rel="nofollow"
|
|
34
|
-
href="https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/
|
|
34
|
+
href="https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/featured">
|
|
35
35
|
<svg fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
36
36
|
viewBox="0 0 16 16" class="social__icon">
|
|
37
37
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
<div class="adt-text-block">
|
|
3
3
|
<div class="adt-text-block__field">
|
|
4
4
|
<input
|
|
5
|
+
:id="id"
|
|
5
6
|
ref="input"
|
|
6
7
|
:type="type"
|
|
7
8
|
:value="value"
|
|
@@ -10,7 +11,7 @@
|
|
|
10
11
|
class="adt-text-block__input"
|
|
11
12
|
:class="{ error: !!errorText }"
|
|
12
13
|
/>
|
|
13
|
-
<label class="adt-text-block__label">{{ label }}</label>
|
|
14
|
+
<label :for="id" class="adt-text-block__label">{{ label }}</label>
|
|
14
15
|
<div v-if="showPassword" @click="showPassword = false" class="adt-text-block__icon desktop">
|
|
15
16
|
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.992 511.992" id="openedEye">
|
|
16
17
|
<path
|
|
@@ -47,6 +48,10 @@ import '../../assets/style.scss';
|
|
|
47
48
|
export default {
|
|
48
49
|
name: "PasswordField",
|
|
49
50
|
props: {
|
|
51
|
+
id: {
|
|
52
|
+
type: String,
|
|
53
|
+
default: ""
|
|
54
|
+
},
|
|
50
55
|
errorText: {
|
|
51
56
|
type: String,
|
|
52
57
|
default: ""
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
>
|
|
7
7
|
<div :class="['adt-text-block__field', { error: !!errorText }]">
|
|
8
8
|
<input
|
|
9
|
+
:id="id"
|
|
9
10
|
ref="input"
|
|
10
11
|
:type="type"
|
|
11
12
|
:value="value"
|
|
@@ -19,7 +20,7 @@
|
|
|
19
20
|
class="adt-text-block__input"
|
|
20
21
|
:class="{ error: !!errorText }"
|
|
21
22
|
/>
|
|
22
|
-
<label class="adt-text-block__label" :class="{ 'adt-text-block--ellipsis': isEllipsis }">
|
|
23
|
+
<label :for="id" class="adt-text-block__label" :class="{ 'adt-text-block--ellipsis': isEllipsis }">
|
|
23
24
|
{{ label }}
|
|
24
25
|
</label>
|
|
25
26
|
<div
|
|
@@ -101,6 +102,10 @@ export default {
|
|
|
101
102
|
clickOutside: vClickOutside.directive,
|
|
102
103
|
},
|
|
103
104
|
props: {
|
|
105
|
+
id: {
|
|
106
|
+
type: String,
|
|
107
|
+
default: ""
|
|
108
|
+
},
|
|
104
109
|
errorText: {
|
|
105
110
|
type: String,
|
|
106
111
|
default: "",
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
:class="{ 'adt-text-block__textarea--error': !!errorText }"
|
|
6
6
|
>
|
|
7
7
|
<textarea
|
|
8
|
+
:id="id"
|
|
8
9
|
ref="textarea"
|
|
9
10
|
:type="type"
|
|
10
11
|
:value="value"
|
|
@@ -14,6 +15,7 @@
|
|
|
14
15
|
@keyup.enter="enterPressed"
|
|
15
16
|
/>
|
|
16
17
|
<label
|
|
18
|
+
:for="id"
|
|
17
19
|
class="adt-text-block__label"
|
|
18
20
|
:class="{ 'adt-text-block--ellipsis': isEllipsis }"
|
|
19
21
|
>
|
|
@@ -71,6 +73,10 @@ import "../../assets/style.scss";
|
|
|
71
73
|
export default {
|
|
72
74
|
name: "TextArea",
|
|
73
75
|
props: {
|
|
76
|
+
id: {
|
|
77
|
+
type: String,
|
|
78
|
+
default: ""
|
|
79
|
+
},
|
|
74
80
|
errorText: {
|
|
75
81
|
type: String,
|
|
76
82
|
default: "",
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
<div class="adt-text-block">
|
|
3
3
|
<div :class="['adt-text-block__field', { error: !!errorText }]">
|
|
4
4
|
<input
|
|
5
|
+
:id="id"
|
|
5
6
|
ref="input"
|
|
6
7
|
:type="type"
|
|
7
8
|
:value="value"
|
|
@@ -12,7 +13,7 @@
|
|
|
12
13
|
class="adt-text-block__input"
|
|
13
14
|
:class="{ error: !!errorText }"
|
|
14
15
|
/>
|
|
15
|
-
<label class="adt-text-block__label">
|
|
16
|
+
<label :for="id" class="adt-text-block__label">
|
|
16
17
|
{{ label }}
|
|
17
18
|
<span v-if="required" class="adt-text-block__required">*</span>
|
|
18
19
|
</label>
|
|
@@ -67,6 +68,10 @@ import "../../assets/style.scss";
|
|
|
67
68
|
export default {
|
|
68
69
|
name: "TextField",
|
|
69
70
|
props: {
|
|
71
|
+
id: {
|
|
72
|
+
type: String,
|
|
73
|
+
default: ""
|
|
74
|
+
},
|
|
70
75
|
errorText: {
|
|
71
76
|
type: String,
|
|
72
77
|
default: "",
|