@everchron/ec-shards 0.6.48 → 0.6.49

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everchron/ec-shards",
3
- "version": "0.6.48",
3
+ "version": "0.6.49",
4
4
  "private": false,
5
5
  "description": "Everchron Shards UI Library",
6
6
  "repository": "https://github.com/everchron/ec-shards.git",
@@ -62,6 +62,10 @@
62
62
  color: darken($blue-10, 10%);
63
63
  }
64
64
  }
65
+
66
+ &.error{
67
+ color: $red-9;
68
+ }
65
69
  }
66
70
 
67
71
  .ecs-form-check-group .ecs-form-text{
@@ -14,7 +14,8 @@
14
14
  :class="[
15
15
  sizeClass,
16
16
  formatClass,
17
- subtle ? `ecs-form-control-subtle` : null
17
+ subtle ? 'ecs-form-control-subtle' : null,
18
+ error ? 'ecs-form-control-error' : null
18
19
  ]"
19
20
  v-bind="$attrs"
20
21
  :min="min"
@@ -34,7 +35,8 @@
34
35
  sizeClass,
35
36
  formatClass,
36
37
  cssClass,
37
- subtle ? `ecs-form-control-subtle` : null
38
+ subtle ? 'ecs-form-control-subtle' : null,
39
+ error ? 'ecs-form-control-error' : null
38
40
  ]"
39
41
  v-bind="$attrs"
40
42
  :ref="refr"
@@ -89,6 +91,10 @@
89
91
  type: Boolean,
90
92
  default: false
91
93
  },
94
+ error: {
95
+ type: Boolean,
96
+ default: false
97
+ },
92
98
  cssClass: String,
93
99
  refr: String,
94
100
  min: Number
@@ -177,6 +183,12 @@
177
183
  font-family: $mono;
178
184
  }
179
185
 
186
+ &-error,
187
+ &-error:focus{
188
+ box-shadow: none;
189
+ border-color: $red-9;
190
+ }
191
+
180
192
  &::placeholder {
181
193
  color: $gray-8;
182
194
  opacity: 1;
@@ -43,4 +43,4 @@ export const inputFormat = () => ({
43
43
  template: `<div>
44
44
  <ecs-input placeholder="Enter some ID" format="id" />
45
45
  </div>`,
46
- });
46
+ });