@mirweb/mir-web-components 2.2.3 → 2.2.5

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.
@@ -50,8 +50,10 @@ defineProps({
50
50
  </script>
51
51
 
52
52
  <style lang="scss" scoped>
53
+ @use "../../../assets/scss/variables.scss" as *;
54
+
53
55
  .table-section {
54
- max-width: 984px;
56
+ max-width: $max-width;
55
57
  margin: 0px auto;
56
58
  padding: 0px;
57
59
  overflow-x: visible;
@@ -68,13 +70,13 @@ defineProps({
68
70
 
69
71
  :deep(p) {
70
72
  a {
71
- color: #2084c9;
73
+ color: $blue-600;
72
74
  text-decoration: 0.3px underline;
73
75
  font-weight: 500;
74
76
 
75
77
  &:hover {
76
- color: #003087;
77
- transition: color 0.3s ease;
78
+ color: $blue-800;
79
+ transition: $transition-color;
78
80
  }
79
81
  }
80
82
  }
@@ -98,14 +100,15 @@ defineProps({
98
100
  .table-row {
99
101
  display: flex;
100
102
  flex-direction: row;
103
+ background-color: $blue-100;
101
104
  }
102
105
 
103
106
  .table-row.even-row {
104
- background-color: #effafe;
107
+ background-color: $white;
105
108
  }
106
109
 
107
110
  .table-row.highlight {
108
- background-color: #cbeefa;
111
+ background-color: $blue-300;
109
112
  min-height: 90px;
110
113
  }
111
114
 
@@ -162,12 +165,12 @@ defineProps({
162
165
  }
163
166
 
164
167
  :deep(.hover-description) {
165
- display: none; /* Hidden by default */
168
+ display: none;
166
169
  position: absolute;
167
170
  top: 0px;
168
171
  left: 30px;
169
- background-color: #fff;
170
- color: #0c0931;
172
+ background-color: $white;
173
+ color: $blue-900;
171
174
  font-size: 14px;
172
175
  white-space: normal;
173
176
  z-index: 100;
@@ -176,10 +179,10 @@ defineProps({
176
179
  width: max-content;
177
180
  max-width: 200px;
178
181
  padding: 15px;
179
- box-shadow: 0 0 15px #cbeefa;
182
+ box-shadow: $box-shadow;
180
183
  }
181
184
 
182
185
  :deep(.hover-dots:hover .hover-description) {
183
- display: block; /* Show description when hovering over .hover-dots */
186
+ display: block;
184
187
  }
185
188
  </style>
@@ -14,9 +14,9 @@
14
14
  <script setup lang="ts">
15
15
  defineProps({
16
16
  list: {
17
- type: Array<string>,
17
+ type: Array as () => string[],
18
18
  required: true,
19
- validator(value: Array<string>) {
19
+ validator(value: string[]) {
20
20
  return value.length <= 5;
21
21
  },
22
22
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mirweb/mir-web-components",
3
3
  "private": false,
4
- "version": "2.2.3",
4
+ "version": "2.2.5",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"