@citizenplane/pimp 18.10.0 → 18.10.1
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
|
@@ -40,6 +40,7 @@ type EmitType = {
|
|
|
40
40
|
|
|
41
41
|
interface Props {
|
|
42
42
|
defaultActiveIndex?: number
|
|
43
|
+
isFullWidth?: boolean
|
|
43
44
|
isLoading?: boolean
|
|
44
45
|
size?: 'xs' | 'sm' | 'md' | 'lg'
|
|
45
46
|
tabs: {
|
|
@@ -142,6 +143,7 @@ const dynamicTabsClass = computed(() => {
|
|
|
142
143
|
return {
|
|
143
144
|
[`cpTabs--${props.size}`]: true,
|
|
144
145
|
[`cpTabs--is${capitalizeFirstLetter(props.variant)}`]: true,
|
|
146
|
+
'cpTabs--isFullWidth': props.isFullWidth,
|
|
145
147
|
}
|
|
146
148
|
})
|
|
147
149
|
|
|
@@ -234,6 +236,7 @@ watch(
|
|
|
234
236
|
|
|
235
237
|
position: relative;
|
|
236
238
|
display: flex;
|
|
239
|
+
width: 100%;
|
|
237
240
|
align-items: center;
|
|
238
241
|
|
|
239
242
|
&--xs {
|
|
@@ -285,7 +288,6 @@ watch(
|
|
|
285
288
|
position: relative;
|
|
286
289
|
z-index: 1;
|
|
287
290
|
display: flex;
|
|
288
|
-
flex: 1;
|
|
289
291
|
align-items: center;
|
|
290
292
|
justify-content: center;
|
|
291
293
|
border-radius: var(--cp-radius-md);
|
|
@@ -350,6 +352,12 @@ watch(
|
|
|
350
352
|
}
|
|
351
353
|
}
|
|
352
354
|
|
|
355
|
+
&--isFullWidth {
|
|
356
|
+
.cpTabs__tab {
|
|
357
|
+
flex: 1;
|
|
358
|
+
}
|
|
359
|
+
}
|
|
360
|
+
|
|
353
361
|
&__label {
|
|
354
362
|
transition: color 300ms ease;
|
|
355
363
|
white-space: nowrap;
|