@everchron/ec-shards 1.6.0 → 1.6.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 +49 -27
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +49 -27
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +1 -1
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/data-list-item/data-list-item.vue +34 -28
- package/src/stories/{data-list-item → data-list}/.DS_Store +0 -0
- package/src/stories/{data-list-item → data-list}/data-list-item.stories.js +3 -3
- package/src/stories/data-list/data-list.stories.js +17 -0
package/package.json
CHANGED
|
@@ -126,6 +126,40 @@
|
|
|
126
126
|
}
|
|
127
127
|
</script>
|
|
128
128
|
|
|
129
|
+
<style lang="scss">
|
|
130
|
+
@import "../../tokens/build/scss/tokens.scss";
|
|
131
|
+
|
|
132
|
+
.ecs-data-list-data{
|
|
133
|
+
a:not(.ecs-button){
|
|
134
|
+
color: $color-blue-8;
|
|
135
|
+
cursor: pointer;
|
|
136
|
+
|
|
137
|
+
&:hover{
|
|
138
|
+
color: $color-blue-9;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
li{
|
|
143
|
+
margin-bottom: 2px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.subtle{
|
|
147
|
+
color: $color-gray-8;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
li{
|
|
151
|
+
&:last-child{
|
|
152
|
+
margin-bottom: 0;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.ecs-button{
|
|
157
|
+
margin-top: -5px;
|
|
158
|
+
margin-bottom: -5px;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
</style>
|
|
162
|
+
|
|
129
163
|
<style lang="scss" scoped>
|
|
130
164
|
@import "../../tokens/build/scss/tokens.scss";
|
|
131
165
|
@import "../mixins/svg-uri";
|
|
@@ -221,19 +255,6 @@
|
|
|
221
255
|
position: relative;
|
|
222
256
|
z-index: 0;
|
|
223
257
|
|
|
224
|
-
a:not(.ecs-button){
|
|
225
|
-
color: $color-blue-8;
|
|
226
|
-
cursor: pointer;
|
|
227
|
-
|
|
228
|
-
&:hover{
|
|
229
|
-
color: $color-blue-9;
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
li{
|
|
234
|
-
margin-bottom: 2px;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
258
|
&-links{
|
|
238
259
|
color: $color-gray-8;
|
|
239
260
|
}
|
|
@@ -265,21 +286,6 @@
|
|
|
265
286
|
}
|
|
266
287
|
}
|
|
267
288
|
|
|
268
|
-
.subtle{
|
|
269
|
-
color: $color-gray-8;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
li{
|
|
273
|
-
&:last-child{
|
|
274
|
-
margin-bottom: 0;
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
.ecs-button{
|
|
279
|
-
margin-top: -5px;
|
|
280
|
-
margin-bottom: -5px;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
289
|
.progress{
|
|
284
290
|
background: $color-blue-2;
|
|
285
291
|
position: absolute;
|
|
File without changes
|
|
@@ -3,8 +3,8 @@ import EcsDataListItem from '@components/data-list-item/data-list-item';
|
|
|
3
3
|
import EcsButton from '@components/button/button';
|
|
4
4
|
|
|
5
5
|
export default {
|
|
6
|
-
title: 'Data/Data List',
|
|
7
|
-
component:
|
|
6
|
+
title: 'Data/Data List/Item',
|
|
7
|
+
component: EcsDataListItem
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export const dataListItem = () => ({
|
|
@@ -12,7 +12,7 @@ export const dataListItem = () => ({
|
|
|
12
12
|
template: `<ecs-data-list>
|
|
13
13
|
<ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
|
|
14
14
|
<ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
|
|
15
|
-
<ecs-data-list-item identifier="Identifier"
|
|
15
|
+
<ecs-data-list-item identifier="Identifier"><a href="https://google.com" target="_blank">Google</a></ecs-data-list-item>
|
|
16
16
|
</ecs-data-list>`
|
|
17
17
|
});
|
|
18
18
|
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import EcsDataList from '@components/data-list/data-list';
|
|
2
|
+
import EcsDataListItem from '@components/data-list-item/data-list-item';
|
|
3
|
+
import EcsButton from '@components/button/button';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Data/Data List/List',
|
|
7
|
+
component: EcsDataList
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export const dataList = () => ({
|
|
11
|
+
components: { EcsDataList, EcsDataListItem, EcsButton },
|
|
12
|
+
template: `<ecs-data-list>
|
|
13
|
+
<ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
|
|
14
|
+
<ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
|
|
15
|
+
<ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
|
|
16
|
+
</ecs-data-list>`
|
|
17
|
+
});
|