@energysage/es-ds-components 5.1.0 → 5.2.0
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/CHANGELOG.md +12 -0
- package/app/components/es-sticky-bar.vue +1 -0
- package/app/components/icon/arrow-clockwise.vue +13 -48
- package/app/components/icon/arrow-counter-clockwise.vue +13 -34
- package/app/components/icon/arrow-cycle.vue +13 -40
- package/app/components/icon/arrow-down.vue +16 -0
- package/app/components/icon/arrow-left.vue +13 -36
- package/app/components/icon/arrow-right.vue +13 -36
- package/app/components/icon/arrow-up.vue +13 -36
- package/app/components/icon/bell.vue +13 -39
- package/app/components/icon/block.vue +13 -43
- package/app/components/icon/bolt.vue +12 -34
- package/app/components/icon/calculator.vue +13 -34
- package/app/components/icon/calendar.vue +13 -43
- package/app/components/icon/cart.vue +13 -43
- package/app/components/icon/chat-bubble.vue +13 -37
- package/app/components/icon/chat-dots.vue +13 -39
- package/app/components/icon/check.vue +13 -36
- package/app/components/icon/chevron-down.vue +13 -36
- package/app/components/icon/chevron-horizontal.vue +13 -36
- package/app/components/icon/chevron-left.vue +13 -36
- package/app/components/icon/chevron-right.vue +13 -36
- package/app/components/icon/chevron-up.vue +13 -36
- package/app/components/icon/circle-alert.vue +13 -43
- package/app/components/icon/circle-check.vue +13 -43
- package/app/components/icon/circle-chevron-down.vue +12 -43
- package/app/components/icon/circle-chevron-left.vue +13 -43
- package/app/components/icon/circle-chevron-right.vue +13 -43
- package/app/components/icon/circle-chevron-up.vue +13 -43
- package/app/components/icon/circle-minus.vue +13 -43
- package/app/components/icon/circle-plus.vue +13 -43
- package/app/components/icon/circle-x.vue +13 -43
- package/app/components/icon/circle.vue +13 -39
- package/app/components/icon/clock.vue +13 -43
- package/app/components/icon/copy.vue +13 -42
- package/app/components/icon/envelope.vue +13 -42
- package/app/components/icon/eye.vue +13 -38
- package/app/components/icon/flag.vue +13 -34
- package/app/components/icon/folder.vue +13 -38
- package/app/components/icon/gear.vue +12 -33
- package/app/components/icon/hamburger.vue +13 -35
- package/app/components/icon/heart.vue +13 -36
- package/app/components/icon/image.vue +13 -42
- package/app/components/icon/info.vue +13 -42
- package/app/components/icon/light-bulb.vue +13 -33
- package/app/components/icon/link-out.vue +13 -35
- package/app/components/icon/location.vue +13 -42
- package/app/components/icon/lock-off.vue +13 -42
- package/app/components/icon/lock-on.vue +13 -45
- package/app/components/icon/minus.vue +13 -35
- package/app/components/icon/money-bag.vue +12 -33
- package/app/components/icon/open-envelope.vue +13 -42
- package/app/components/icon/paper.vue +13 -42
- package/app/components/icon/pencil.vue +13 -42
- package/app/components/icon/person-add.vue +13 -38
- package/app/components/icon/person-check.vue +13 -38
- package/app/components/icon/person-cross.vue +13 -38
- package/app/components/icon/person.vue +13 -38
- package/app/components/icon/phone.vue +13 -38
- package/app/components/icon/play.vue +13 -38
- package/app/components/icon/plus.vue +13 -35
- package/app/components/icon/roof.vue +12 -33
- package/app/components/icon/search.vue +12 -39
- package/app/components/icon/settings-horizontal.vue +13 -54
- package/app/components/icon/settings-vertical.vue +13 -54
- package/app/components/icon/shield-with-check.vue +12 -34
- package/app/components/icon/shield.vue +13 -38
- package/app/components/icon/shopping-bag.vue +13 -36
- package/app/components/icon/solar.vue +12 -33
- package/app/components/icon/sound-down.vue +13 -42
- package/app/components/icon/sound-off.vue +13 -38
- package/app/components/icon/sound-on.vue +13 -38
- package/app/components/icon/sound-up.vue +13 -38
- package/app/components/icon/star-empty.vue +13 -35
- package/app/components/icon/star-full.vue +15 -33
- package/app/components/icon/star-half.vue +15 -52
- package/app/components/icon/thumbs-up.vue +13 -36
- package/app/components/icon/trash-can.vue +13 -38
- package/app/components/icon/tree.vue +12 -33
- package/app/components/icon/upload.vue +12 -37
- package/app/components/icon/verified.vue +13 -37
- package/app/components/icon/wifi.vue +13 -35
- package/app/components/icon/x.vue +13 -35
- package/nuxt.config.ts +1 -1
- package/package.json +2 -1
- package/app/components/icon/arrow.vue +0 -68
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
<!-- eslint-disable max-len -->
|
|
2
|
-
<script lang="ts">
|
|
3
|
-
export default {
|
|
4
|
-
name: 'IconArrow',
|
|
5
|
-
props: {
|
|
6
|
-
/**
|
|
7
|
-
* Width
|
|
8
|
-
*/
|
|
9
|
-
width: {
|
|
10
|
-
type: String,
|
|
11
|
-
default: '24px',
|
|
12
|
-
required: false,
|
|
13
|
-
},
|
|
14
|
-
/**
|
|
15
|
-
* Height
|
|
16
|
-
*/
|
|
17
|
-
height: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: '24px',
|
|
20
|
-
required: false,
|
|
21
|
-
},
|
|
22
|
-
orientation: {
|
|
23
|
-
type: String,
|
|
24
|
-
default: 'top',
|
|
25
|
-
required: false,
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
computed: {
|
|
29
|
-
classFromOrientation() {
|
|
30
|
-
return `orientation-${this.orientation}`;
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
</script>
|
|
35
|
-
<template>
|
|
36
|
-
<svg
|
|
37
|
-
:style="{
|
|
38
|
-
height: height,
|
|
39
|
-
width: width,
|
|
40
|
-
}"
|
|
41
|
-
:class="classFromOrientation"
|
|
42
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
43
|
-
viewBox="0 0 24 24"
|
|
44
|
-
fill="currentColor">
|
|
45
|
-
<path
|
|
46
|
-
fill-rule="evenodd"
|
|
47
|
-
clip-rule="evenodd"
|
|
48
|
-
d="M12 3a1 1 0 0 1 1 1v13.586l5.293-5.293a1 1 0 0 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L11 17.586V4a1 1 0 0 1 1-1Z" />
|
|
49
|
-
</svg>
|
|
50
|
-
</template>
|
|
51
|
-
|
|
52
|
-
<style lang="scss" scoped>
|
|
53
|
-
.orientation-down {
|
|
54
|
-
transform: rotate(0deg);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.orientation-left {
|
|
58
|
-
transform: rotate(90deg);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.orientation-top {
|
|
62
|
-
transform: rotate(180deg);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.orientation-right {
|
|
66
|
-
transform: rotate(270deg);
|
|
67
|
-
}
|
|
68
|
-
</style>
|