@eturnity/eturnity_reusable_components 9.22.1 → 9.22.2-EPDM-19103.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/package.json
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<FlexRadioContainer>
|
|
3
|
-
<ComponentWrapper
|
|
3
|
+
<ComponentWrapper
|
|
4
|
+
:color-mode="colorMode"
|
|
5
|
+
:grid-gap="gridGap"
|
|
6
|
+
:layout="layout"
|
|
7
|
+
>
|
|
4
8
|
<RadioWrapper
|
|
5
9
|
v-for="(item, index) in options"
|
|
6
10
|
:key="item.value"
|
|
@@ -114,13 +118,15 @@
|
|
|
114
118
|
const wrapperProps = {
|
|
115
119
|
layout: String,
|
|
116
120
|
colorMode: String,
|
|
121
|
+
gridGap: String,
|
|
117
122
|
}
|
|
118
123
|
const ComponentWrapper = styled('div', wrapperProps)`
|
|
119
124
|
display: flex;
|
|
120
125
|
flex-direction: ${(props) =>
|
|
121
126
|
props.layout === 'vertical' ? 'column' : 'row'};
|
|
122
127
|
grid-gap: ${(props) =>
|
|
123
|
-
props.
|
|
128
|
+
props.gridGap ||
|
|
129
|
+
(props.colorMode === 'transparent' ? '16px 5px' : '10px 5px')};
|
|
124
130
|
flex-wrap: wrap;
|
|
125
131
|
`
|
|
126
132
|
|
|
@@ -347,6 +353,11 @@
|
|
|
347
353
|
default: '',
|
|
348
354
|
type: String,
|
|
349
355
|
},
|
|
356
|
+
gridGap: {
|
|
357
|
+
required: false,
|
|
358
|
+
default: null,
|
|
359
|
+
type: [String, null],
|
|
360
|
+
},
|
|
350
361
|
},
|
|
351
362
|
emits: ['on-radio-change'],
|
|
352
363
|
data() {
|
|
@@ -49,6 +49,19 @@
|
|
|
49
49
|
name="warning"
|
|
50
50
|
size="14px"
|
|
51
51
|
/>
|
|
52
|
+
<RCIcon
|
|
53
|
+
v-if="item.closable"
|
|
54
|
+
:color="
|
|
55
|
+
activeTab === item.id
|
|
56
|
+
? theme.semanticColors.red[500]
|
|
57
|
+
: theme.semanticColors.red[300]
|
|
58
|
+
"
|
|
59
|
+
data-test-id="tab-close-icon"
|
|
60
|
+
:hovered-color="theme.semanticColors.red[600]"
|
|
61
|
+
name="close"
|
|
62
|
+
size="12px"
|
|
63
|
+
@click.stop="$emit('on-tab-close', item.id)"
|
|
64
|
+
/>
|
|
52
65
|
<ConversionTag
|
|
53
66
|
v-if="item.showUpgradeTag"
|
|
54
67
|
:data-id="
|
|
@@ -175,7 +188,7 @@
|
|
|
175
188
|
default: false,
|
|
176
189
|
},
|
|
177
190
|
},
|
|
178
|
-
emits: ['on-tab-change'],
|
|
191
|
+
emits: ['on-tab-change', 'on-tab-close'],
|
|
179
192
|
data() {
|
|
180
193
|
return {
|
|
181
194
|
theme,
|