@icvdeveloper/common-module 1.4.1 → 1.4.3

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/module.json +1 -1
  3. package/dist/runtime/assets/svg/icon-caret.svg +3 -0
  4. package/dist/runtime/assets/svg/icon-check.svg +3 -0
  5. package/dist/runtime/assets/svg/icon-chevron-2-down.svg +3 -0
  6. package/dist/runtime/assets/svg/icon-chevron-2-right.svg +3 -0
  7. package/dist/runtime/components/core/SvgIcon.vue +74 -50
  8. package/dist/runtime/models/icons.d.ts +16 -12
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## Unreleased
9
9
 
10
+ ## 1.4.3 - 2023-12-12
11
+
12
+ ## 1.4.2 - 2023-12-12
13
+
10
14
  ## 1.4.1 - 2023-12-12
11
15
 
12
16
  ## 1.4.0 - 2023-12-11
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "v3plus-common-module",
3
3
  "configKey": "v3plusCommonModule",
4
- "version": "1.4.1"
4
+ "version": "1.4.3"
5
5
  }
package/dist/runtime/assets/svg/icon-caret.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.01367 5.86133L1.26367 2.11133C1 1.84766 0.912109 1.4375 1.05859 1.08594C1.20508 0.734375 1.55664 0.5 1.9375 0.5H9.4375C9.81836 0.5 10.1406 0.734375 10.2871 1.08594C10.4336 1.4375 10.3457 1.84766 10.082 2.11133L6.33203 5.86133C5.98047 6.24219 5.36523 6.24219 5.01367 5.86133Z" fill="black"/>
3
+ </svg>
package/dist/runtime/assets/svg/icon-check.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.832 0.980469C14.2129 1.33203 14.2129 1.94727 13.832 2.29883L6.33203 9.79883C5.98047 10.1797 5.36523 10.1797 5.01367 9.79883L1.26367 6.04883C0.882812 5.69727 0.882812 5.08203 1.26367 4.73047C1.61523 4.34961 2.23047 4.34961 2.58203 4.73047L5.6875 7.80664L12.5137 0.980469C12.8652 0.599609 13.4805 0.599609 13.832 0.980469Z" fill="#FF3300"/>
3
+ </svg>
package/dist/runtime/assets/svg/icon-chevron-2-down.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotate(270deg)">
2
+ <path d="M0.921875 8.96875L8.42188 1.46875C8.98438 0.859375 9.96875 0.859375 10.5312 1.46875C11.1406 2.03125 11.1406 3.01562 10.5312 3.57812L4.10938 10L10.5312 16.4688C11.1406 17.0312 11.1406 18.0156 10.5312 18.5781C9.96875 19.1875 8.98438 19.1875 8.42188 18.5781L0.921875 11.0781C0.3125 10.5156 0.3125 9.53125 0.921875 8.96875Z"/>
3
+ </svg>
package/dist/runtime/assets/svg/icon-chevron-2-right.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotate(180deg)">
2
+ <path d="M0.921875 8.96875L8.42188 1.46875C8.98438 0.859375 9.96875 0.859375 10.5312 1.46875C11.1406 2.03125 11.1406 3.01562 10.5312 3.57812L4.10938 10L10.5312 16.4688C11.1406 17.0312 11.1406 18.0156 10.5312 18.5781C9.96875 19.1875 8.98438 19.1875 8.42188 18.5781L0.921875 11.0781C0.3125 10.5156 0.3125 9.53125 0.921875 8.96875Z"/>
3
+ </svg>
package/dist/runtime/components/core/SvgIcon.vue CHANGED
@@ -1,113 +1,137 @@
1
1
  <script lang="ts" setup>
2
2
  import { toRefs, computed, defineAsyncComponent } from "vue";
3
3
  import type { Icons } from "../../models/icons";
4
- import { svgIconClassObj } from "../../@types/components";
4
+ import type { svgIconClassObj } from "../../@types/components";
5
5
  import { useClassBinding } from "../../composables/useClassBinding";
6
6
 
7
7
  /**
8
8
  * Delay importing only the icon file that we need
9
9
  */
10
10
  const icons: Icons = {
11
- person: {
12
- color: "#333",
11
+ caret: {
12
+ color: "#000",
13
13
  component: defineAsyncComponent(
14
- () => import("../../assets/svg/icon-person.svg")
14
+ () => import("../../assets/svg/icon-caret.svg")
15
15
  ),
16
16
  },
17
- info: {
18
- color: "#4286f4",
17
+ check: {
18
+ color: "#000",
19
19
  component: defineAsyncComponent(
20
- () => import("../../assets/svg/icon-info.svg")
20
+ () => import("../../assets/svg/icon-check.svg")
21
21
  ),
22
22
  },
23
- twitter: {
24
- color: "#1CB7EB",
23
+ chevron: {
24
+ color: "#000",
25
25
  component: defineAsyncComponent(
26
- () => import("../../assets/svg/icon-twitter.svg")
26
+ () => import("../../assets/svg/icon-chevron.svg")
27
27
  ),
28
28
  },
29
- facebook: {
30
- color: "#4E71A8",
29
+ chevron2down: {
30
+ color: "#000",
31
31
  component: defineAsyncComponent(
32
- () => import("../../assets/svg/icon-facebook.svg")
32
+ () => import("../../assets/svg/icon-chevron-2-down.svg")
33
33
  ),
34
34
  },
35
- linkedin: {
36
- color: "#4E71A8",
35
+ chevron2right: {
36
+ color: "#000",
37
37
  component: defineAsyncComponent(
38
- () => import("../../assets/svg/icon-linkedin.svg")
38
+ () => import("../../assets/svg/icon-chevron-2-right.svg")
39
39
  ),
40
40
  },
41
- youtube: {
42
- color: "#CA3737",
41
+ circlePlus: {
42
+ color: "",
43
43
  component: defineAsyncComponent(
44
- () => import("../../assets/svg/icon-youtube.svg")
44
+ () => import("../../assets/svg/icon-circle-plus.svg")
45
45
  ),
46
46
  },
47
- website: {
48
- color: "#4286f4",
47
+ circleMinus: {
48
+ color: "",
49
49
  component: defineAsyncComponent(
50
- () => import("../../assets/svg/icon-website.svg")
50
+ () => import("../../assets/svg/icon-circle-minus.svg")
51
51
  ),
52
52
  },
53
- newwindow: {
53
+ close: {
54
+ color: "#000",
55
+ component: defineAsyncComponent(
56
+ () => import("../../assets/svg/icon-close.svg")
57
+ ),
58
+ },
59
+ downarrow: {
54
60
  color: "#333",
55
61
  component: defineAsyncComponent(
56
- () => import("../../assets/svg/icon-new-window.svg")
62
+ () => import("../../assets/svg/icon-down-arrow.svg")
57
63
  ),
58
64
  },
59
- playarrow: {
60
- color: "#CA3737",
65
+ facebook: {
66
+ color: "#4E71A8",
61
67
  component: defineAsyncComponent(
62
- () => import("../../assets/svg/icon-play.svg")
68
+ () => import("../../assets/svg/icon-facebook.svg")
63
69
  ),
64
70
  },
65
- zoom: {
66
- color: "#333",
71
+ info: {
72
+ color: "#4286f4",
67
73
  component: defineAsyncComponent(
68
- () => import("../../assets/svg/icon-zoom.svg")
74
+ () => import("../../assets/svg/icon-info.svg")
69
75
  ),
70
76
  },
71
- downarrow: {
77
+ linkedin: {
78
+ color: "#4E71A8",
79
+ component: defineAsyncComponent(
80
+ () => import("../../assets/svg/icon-linkedin.svg")
81
+ ),
82
+ },
83
+ newwindow: {
72
84
  color: "#333",
73
85
  component: defineAsyncComponent(
74
- () => import("../../assets/svg/icon-down-arrow.svg")
86
+ () => import("../../assets/svg/icon-new-window.svg")
75
87
  ),
76
88
  },
77
- close: {
78
- color: "#000",
89
+ offline: {
90
+ color: "#696665",
79
91
  component: defineAsyncComponent(
80
- () => import("../../assets/svg/icon-close.svg")
92
+ () => import("../../assets/svg/icon-offline.svg")
81
93
  ),
82
94
  },
83
- chevron: {
84
- color: "#000",
95
+ online: {
96
+ color: "#22c55e",
85
97
  component: defineAsyncComponent(
86
- () => import("../../assets/svg/icon-chevron.svg")
98
+ () => import("../../assets/svg/icon-online.svg")
87
99
  ),
88
100
  },
89
- circlePlus: {
90
- color: "",
101
+ person: {
102
+ color: "#333",
91
103
  component: defineAsyncComponent(
92
- () => import("../../assets/svg/icon-circle-plus.svg")
104
+ () => import("../../assets/svg/icon-person.svg")
93
105
  ),
94
106
  },
95
- circleMinus: {
96
- color: "",
107
+ playarrow: {
108
+ color: "#CA3737",
97
109
  component: defineAsyncComponent(
98
- () => import("../../assets/svg/icon-circle-minus.svg")
110
+ () => import("../../assets/svg/icon-play.svg")
99
111
  ),
100
112
  },
101
- online: {
102
- color: "#22c55e",
113
+ twitter: {
114
+ color: "#1CB7EB",
103
115
  component: defineAsyncComponent(
104
- () => import("../../assets/svg/icon-online.svg")
116
+ () => import("../../assets/svg/icon-twitter.svg")
105
117
  ),
106
118
  },
107
- offline: {
108
- color: "#696665",
119
+ website: {
120
+ color: "#4286f4",
109
121
  component: defineAsyncComponent(
110
- () => import("../../assets/svg/icon-offline.svg")
122
+ () => import("../../assets/svg/icon-website.svg")
123
+ ),
124
+ },
125
+ youtube: {
126
+ color: "#CA3737",
127
+ component: defineAsyncComponent(
128
+ () => import("../../assets/svg/icon-youtube.svg")
129
+ ),
130
+ },
131
+ zoom: {
132
+ color: "#333",
133
+ component: defineAsyncComponent(
134
+ () => import("../../assets/svg/icon-zoom.svg")
111
135
  ),
112
136
  },
113
137
  };
package/dist/runtime/models/icons.d.ts CHANGED
@@ -4,21 +4,25 @@ export type Icon = {
4
4
  component: VNode;
5
5
  };
6
6
  export type Icons = {
7
- person: Icon;
8
- info: Icon;
9
- twitter: Icon;
7
+ caret: Icon;
8
+ check: Icon;
9
+ chevron: Icon;
10
+ chevron2down: Icon;
11
+ chevron2right: Icon;
12
+ circlePlus: Icon;
13
+ circleMinus: Icon;
14
+ close: Icon;
15
+ downarrow: Icon;
10
16
  facebook: Icon;
17
+ info: Icon;
11
18
  linkedin: Icon;
12
- youtube: Icon;
13
- website: Icon;
14
19
  newwindow: Icon;
20
+ offline: Icon;
21
+ online: Icon;
22
+ person: Icon;
15
23
  playarrow: Icon;
24
+ twitter: Icon;
25
+ website: Icon;
26
+ youtube: Icon;
16
27
  zoom: Icon;
17
- downarrow: Icon;
18
- close: Icon;
19
- chevron: Icon;
20
- circlePlus: Icon;
21
- circleMinus: Icon;
22
- online: Icon;
23
- offline: Icon;
24
28
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@icvdeveloper/common-module",
3
- "version": "1.4.1",
3
+ "version": "1.4.3",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "exports": {