@wishbone-media/spark 0.53.0 → 1.0.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/dist/index.js +1347 -1360
- package/package.json +1 -1
- package/src/components/SparkCard.vue +6 -24
- package/src/components/SparkTable.vue +1 -0
package/package.json
CHANGED
|
@@ -13,18 +13,11 @@
|
|
|
13
13
|
<div
|
|
14
14
|
v-else-if="hasDefaultHeader"
|
|
15
15
|
:class="[
|
|
16
|
-
'border-b border-gray-300',
|
|
17
|
-
$slots.nav
|
|
18
|
-
? 'flex items-stretch justify-between gap-4 px-6'
|
|
19
|
-
: 'flex items-center justify-between gap-4 px-6 py-4',
|
|
16
|
+
'flex h-20 items-stretch justify-between gap-4 border-b border-gray-300 px-5',
|
|
20
17
|
props.headerClass,
|
|
21
18
|
]"
|
|
22
19
|
>
|
|
23
|
-
|
|
24
|
-
<div v-if="$slots.nav" class="flex min-w-0 items-stretch">
|
|
25
|
-
<slot name="nav" />
|
|
26
|
-
</div>
|
|
27
|
-
<div v-else class="flex min-w-0 items-center gap-3">
|
|
20
|
+
<div class="flex min-w-0 items-center gap-3">
|
|
28
21
|
<SparkButton
|
|
29
22
|
v-if="props.backTo"
|
|
30
23
|
variant="secondary"
|
|
@@ -40,14 +33,12 @@
|
|
|
40
33
|
{{ props.title }}
|
|
41
34
|
</h3>
|
|
42
35
|
<slot name="title-extra" />
|
|
36
|
+
<div v-if="$slots.nav" class="flex self-stretch items-stretch">
|
|
37
|
+
<slot name="nav" />
|
|
38
|
+
</div>
|
|
43
39
|
</div>
|
|
44
40
|
|
|
45
|
-
|
|
46
|
-
<div
|
|
47
|
-
v-if="$slots.meta || $slots.actions"
|
|
48
|
-
class="flex shrink-0 items-center gap-4"
|
|
49
|
-
:class="$slots.nav ? 'py-3' : ''"
|
|
50
|
-
>
|
|
41
|
+
<div v-if="$slots.meta || $slots.actions" class="flex shrink-0 items-center gap-4">
|
|
51
42
|
<slot name="meta" />
|
|
52
43
|
<slot name="actions" />
|
|
53
44
|
</div>
|
|
@@ -64,10 +55,6 @@
|
|
|
64
55
|
>
|
|
65
56
|
<slot />
|
|
66
57
|
</div>
|
|
67
|
-
|
|
68
|
-
<div v-if="$slots.footer" :class="['border-t border-gray-300 p-5', props.footerClass]">
|
|
69
|
-
<slot name="footer" />
|
|
70
|
-
</div>
|
|
71
58
|
</div>
|
|
72
59
|
</template>
|
|
73
60
|
|
|
@@ -107,11 +94,6 @@ const props = defineProps({
|
|
|
107
94
|
type: String,
|
|
108
95
|
default: '',
|
|
109
96
|
},
|
|
110
|
-
// Extra classes for the footer wrapper.
|
|
111
|
-
footerClass: {
|
|
112
|
-
type: String,
|
|
113
|
-
default: '',
|
|
114
|
-
},
|
|
115
97
|
// Default header: main heading text. Renders the header without needing
|
|
116
98
|
// the #header slot; combine with backTo and the title-extra/nav/meta/actions
|
|
117
99
|
// slots. The #header slot overrides the default header entirely.
|