@everchron/ec-shards 0.6.46 → 0.6.50
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/ec-shards.common.js +119 -86
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +119 -86
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +2 -2
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/.DS_Store +0 -0
- package/src/components/form-group/form-group.vue +21 -16
- package/src/components/input/input.vue +16 -2
- package/src/components/quicklink/quicklink.vue +4 -3
- package/src/stories/input/input.stories.js +1 -1
package/package.json
CHANGED
package/src/assets/.DS_Store
CHANGED
|
Binary file
|
|
@@ -62,23 +62,14 @@
|
|
|
62
62
|
color: darken($blue-10, 10%);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.ecs-form-check-group .ecs-form-text{
|
|
68
|
-
margin-top: 0;
|
|
69
|
-
}
|
|
70
65
|
|
|
71
|
-
|
|
72
|
-
.ecs-form-text{
|
|
66
|
+
&.error{
|
|
73
67
|
color: $red-9;
|
|
74
68
|
}
|
|
69
|
+
}
|
|
75
70
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
.ecs-form-select{
|
|
79
|
-
box-shadow: none;
|
|
80
|
-
border-color: $red-9;
|
|
81
|
-
}
|
|
71
|
+
.ecs-form-check-group .ecs-form-text{
|
|
72
|
+
margin-top: 0;
|
|
82
73
|
}
|
|
83
74
|
|
|
84
75
|
.label{
|
|
@@ -92,9 +83,6 @@ label{
|
|
|
92
83
|
font-size: 14px;
|
|
93
84
|
line-height: 1.6em;
|
|
94
85
|
margin-bottom: $form-text-margin-bottom;
|
|
95
|
-
-webkit-user-select: none;
|
|
96
|
-
-moz-user-select: none;
|
|
97
|
-
-ms-user-select: none;
|
|
98
86
|
user-select: none;
|
|
99
87
|
|
|
100
88
|
> a{
|
|
@@ -115,3 +103,20 @@ label{
|
|
|
115
103
|
}
|
|
116
104
|
}
|
|
117
105
|
</style>
|
|
106
|
+
|
|
107
|
+
<style lang="scss">
|
|
108
|
+
@import "../tokens/tokens";
|
|
109
|
+
|
|
110
|
+
.ecs-form-group.error{
|
|
111
|
+
.ecs-form-text{
|
|
112
|
+
color: $red-9;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.ecs-form-control,
|
|
116
|
+
.ecs-form-control:focus,
|
|
117
|
+
.ecs-form-select{
|
|
118
|
+
box-shadow: none;
|
|
119
|
+
border-color: $red-9;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
</style>
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
@input="$emit('input', $event)"
|
|
4
4
|
@change="$emit('change', $event)"
|
|
5
5
|
@keyup="$emit('keyup', $event)"
|
|
6
|
+
@blur="$emit('blur', $event)"
|
|
6
7
|
:type="type"
|
|
7
8
|
:name="name"
|
|
8
9
|
:disabled="disabled"
|
|
@@ -14,7 +15,8 @@
|
|
|
14
15
|
:class="[
|
|
15
16
|
sizeClass,
|
|
16
17
|
formatClass,
|
|
17
|
-
subtle ?
|
|
18
|
+
subtle ? 'ecs-form-control-subtle' : null,
|
|
19
|
+
error ? 'ecs-form-control-error' : null
|
|
18
20
|
]"
|
|
19
21
|
v-bind="$attrs"
|
|
20
22
|
:min="min"
|
|
@@ -25,6 +27,7 @@
|
|
|
25
27
|
@input="$emit('input', $event)"
|
|
26
28
|
@change="$emit('change', $event)"
|
|
27
29
|
@keyup="$emit('keyup', $event)"
|
|
30
|
+
@blur="$emit('blur', $event)"
|
|
28
31
|
:name="name"
|
|
29
32
|
:disabled="disabled"
|
|
30
33
|
:required="required"
|
|
@@ -34,7 +37,8 @@
|
|
|
34
37
|
sizeClass,
|
|
35
38
|
formatClass,
|
|
36
39
|
cssClass,
|
|
37
|
-
subtle ?
|
|
40
|
+
subtle ? 'ecs-form-control-subtle' : null,
|
|
41
|
+
error ? 'ecs-form-control-error' : null
|
|
38
42
|
]"
|
|
39
43
|
v-bind="$attrs"
|
|
40
44
|
:ref="refr"
|
|
@@ -89,6 +93,10 @@
|
|
|
89
93
|
type: Boolean,
|
|
90
94
|
default: false
|
|
91
95
|
},
|
|
96
|
+
error: {
|
|
97
|
+
type: Boolean,
|
|
98
|
+
default: false
|
|
99
|
+
},
|
|
92
100
|
cssClass: String,
|
|
93
101
|
refr: String,
|
|
94
102
|
min: Number
|
|
@@ -177,6 +185,12 @@
|
|
|
177
185
|
font-family: $mono;
|
|
178
186
|
}
|
|
179
187
|
|
|
188
|
+
&-error,
|
|
189
|
+
&-error:focus{
|
|
190
|
+
box-shadow: none;
|
|
191
|
+
border-color: $red-9;
|
|
192
|
+
}
|
|
193
|
+
|
|
180
194
|
&::placeholder {
|
|
181
195
|
color: $gray-8;
|
|
182
196
|
opacity: 1;
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
</label>
|
|
8
8
|
|
|
9
9
|
<div v-else-if="type === 'favorability'" class="ecs-form-check" @click="$emit('click', $event)">
|
|
10
|
-
<ecs-rating-favorability :type="favorabilityType" rating="Good" :label="false" />
|
|
10
|
+
<ecs-rating-favorability :type="favorabilityType" rating="Good" :label="false" :disabled="disabled" />
|
|
11
11
|
<label class="ml-3">
|
|
12
12
|
<span class="static-label">{{label}}</span>
|
|
13
13
|
</label>
|
|
14
14
|
<small v-if="count" class="filter-count">{{count}}</small>
|
|
15
15
|
</div>
|
|
16
16
|
|
|
17
|
-
<ecs-checkbox v-else @input="$emit('input', $event)" :value="value" :value-false="valueFalse" :value-true="valueTrue">
|
|
17
|
+
<ecs-checkbox v-else @input="$emit('input', $event)" :value="value" :value-false="valueFalse" :value-true="valueTrue" :disabled="disabled">
|
|
18
18
|
<template v-if="type === 'rating'">
|
|
19
19
|
<ecs-rating-star-read :rating="rating" />
|
|
20
20
|
</template>
|
|
@@ -81,7 +81,8 @@
|
|
|
81
81
|
default: null,
|
|
82
82
|
required: false,
|
|
83
83
|
type: [Date, Number, String, Boolean]
|
|
84
|
-
}
|
|
84
|
+
},
|
|
85
|
+
disabled: Boolean
|
|
85
86
|
},
|
|
86
87
|
|
|
87
88
|
computed: {
|