@eturnity/eturnity_reusable_components 8.16.2--EPDM-14330.9 → 8.16.2--EPDM-14330.10
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/package.json
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
:disable-hover="disableHover"
|
|
15
15
|
:fill-type="fillType"
|
|
16
16
|
:hovered-color="hoveredColor"
|
|
17
|
+
:show-count="showCount"
|
|
17
18
|
>
|
|
18
19
|
<i data-test-id="icon_svg" v-html="icon.html"></i>
|
|
19
20
|
</IconImage>
|
|
@@ -113,6 +114,10 @@
|
|
|
113
114
|
type: Boolean,
|
|
114
115
|
default: false,
|
|
115
116
|
},
|
|
117
|
+
showCount: {
|
|
118
|
+
type: Boolean,
|
|
119
|
+
default: false,
|
|
120
|
+
},
|
|
116
121
|
})
|
|
117
122
|
|
|
118
123
|
const Wrapper = styled('div', {
|
|
@@ -170,6 +175,7 @@
|
|
|
170
175
|
animation: String,
|
|
171
176
|
fillType: String,
|
|
172
177
|
disableHover: Boolean,
|
|
178
|
+
showCount: Boolean,
|
|
173
179
|
}
|
|
174
180
|
const IconImage = styled('div', IconImageAttrs)`
|
|
175
181
|
animation: ${(props) => props.animation};
|
|
@@ -180,7 +186,8 @@
|
|
|
180
186
|
background-color: ${(props) =>
|
|
181
187
|
props.backgroundColor ? props.backgroundColor : 'transparent'};
|
|
182
188
|
padding: ${(props) => (props.backgroundColor ? '3px' : '0')};
|
|
183
|
-
border-radius: ${(props) =>
|
|
189
|
+
border-radius: ${(props) =>
|
|
190
|
+
props.showCount ? '8px 0 0 8px' : props.backgroundColor ? '8px' : '0'};
|
|
184
191
|
}
|
|
185
192
|
svg path:not(.fix) {
|
|
186
193
|
${({ theme, color, fillType }) =>
|