@everchron/ec-shards 1.4.0 → 1.4.1
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 +50 -28
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +50 -28
- 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/components/transcript-state/transcript-state.vue +28 -12
- package/src/stories/Changelog.stories.mdx +6 -0
- package/src/stories/transcript-state/transcript-state.stories.js +0 -1
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
/** Displays a status indicator based on the passed value. */
|
|
24
24
|
state: {
|
|
25
25
|
type: String,
|
|
26
|
-
validator: v => ['healthy', 'loading', '
|
|
26
|
+
validator: v => ['healthy', 'loading', 'corrupted'].includes(v),
|
|
27
27
|
required: true
|
|
28
28
|
},
|
|
29
29
|
/** Indicates that the element is a clickable element, by adding a :hover state and showing pointer cursor. */
|
|
@@ -40,27 +40,29 @@
|
|
|
40
40
|
@import "../mixins/svg-uri";
|
|
41
41
|
|
|
42
42
|
.ecs-transcript-state{
|
|
43
|
-
width:
|
|
44
|
-
|
|
45
|
-
height: 30px;
|
|
43
|
+
width: 36px;
|
|
44
|
+
height: 36px;
|
|
46
45
|
position: relative;
|
|
47
46
|
cursor: help;
|
|
47
|
+
flex-shrink: 0;
|
|
48
48
|
z-index: 1;
|
|
49
49
|
|
|
50
50
|
div{
|
|
51
51
|
width: 30px;
|
|
52
52
|
height: 30px;
|
|
53
53
|
position: absolute;
|
|
54
|
-
top:
|
|
55
|
-
left:
|
|
54
|
+
top: 3px;
|
|
55
|
+
left: 3px;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
59
|
-
|
|
58
|
+
> .icon{
|
|
59
|
+
position: absolute;
|
|
60
|
+
top: 3px;
|
|
61
|
+
left: 3px;
|
|
60
62
|
}
|
|
61
63
|
|
|
62
|
-
.
|
|
63
|
-
background-image: svg-uri('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="
|
|
64
|
+
.healthy{
|
|
65
|
+
background-image: svg-uri('<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.0657 13.9129L25.0304 13.9468L24.9997 13.9849L21.0235 18.9354L19.9494 18.0137C19.6108 17.7015 19.191 17.6225 18.8271 17.6695C18.4719 17.7154 18.1497 17.8792 17.9013 18.0833C17.6534 18.2869 17.4262 18.5742 17.3167 18.9238C17.2008 19.2938 17.2224 19.7327 17.4931 20.1232L17.5128 20.1515L17.535 20.1779L20.0265 23.1467L20.0335 23.1551L20.0408 23.1634C20.3616 23.5236 20.8034 23.778 21.3214 23.7476C21.8285 23.7178 22.2304 23.4249 22.5053 23.072L22.5241 23.048L22.5408 23.0224L27.4703 15.5069L27.4956 15.4683L27.516 15.4269C27.6882 15.0771 27.7869 14.697 27.7372 14.3253C27.6843 13.9289 27.4607 13.5718 27.0792 13.3823C26.3775 13.0338 25.5896 13.4113 25.0657 13.9129Z" fill="#157EFB" stroke="#FFF" stroke-width="1.5"/></svg>');
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
.corrupted{
|
|
@@ -73,8 +75,8 @@
|
|
|
73
75
|
width: 18px;
|
|
74
76
|
height: 18px;
|
|
75
77
|
position: absolute;
|
|
76
|
-
bottom:
|
|
77
|
-
right:
|
|
78
|
+
bottom: 3px;
|
|
79
|
+
right: 3px;
|
|
78
80
|
display: block;
|
|
79
81
|
|
|
80
82
|
.icon{
|
|
@@ -107,3 +109,17 @@
|
|
|
107
109
|
}
|
|
108
110
|
}
|
|
109
111
|
</style>
|
|
112
|
+
|
|
113
|
+
<style lang="scss">
|
|
114
|
+
@import "../../tokens/build/scss/tokens.scss";
|
|
115
|
+
|
|
116
|
+
.popover-button.active > .ecs-transcript-state > .icon{
|
|
117
|
+
color: $color-blue-9;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.popover-button.active > .ecs-transcript-state.interactive:after{
|
|
121
|
+
opacity: 1;
|
|
122
|
+
transform: scale(1);
|
|
123
|
+
background: rgba($color-blue-8, .08);
|
|
124
|
+
}
|
|
125
|
+
</style>
|
|
@@ -6,6 +6,12 @@ import { Meta } from '@storybook/addon-docs/blocks';
|
|
|
6
6
|
Changelog
|
|
7
7
|
</h1>
|
|
8
8
|
|
|
9
|
+
## Version 1.4.1 (7 September 2022)
|
|
10
|
+
|
|
11
|
+
### Fixes
|
|
12
|
+
|
|
13
|
+
- Correct size for EcsTranscriptState button, added active styles and removed not needed `repair` state.
|
|
14
|
+
|
|
9
15
|
## Version 1.4.0 (6 September 2022)
|
|
10
16
|
|
|
11
17
|
### Features
|
|
@@ -11,7 +11,6 @@ export const statusIndicator = () => ({
|
|
|
11
11
|
<ecs-transcript-state state="loading" />
|
|
12
12
|
<ecs-transcript-state state="healthy" />
|
|
13
13
|
<ecs-transcript-state state="corrupted" />
|
|
14
|
-
<ecs-transcript-state state="repairing" />
|
|
15
14
|
<ecs-transcript-state state="corrupted" interactive />
|
|
16
15
|
</main>`,
|
|
17
16
|
});
|