@sabrenski/spire-ui 0.0.5 → 0.0.6
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.d.ts +3 -0
- package/dist/spire-ui.css +1 -1
- package/dist/spire-ui.es.js +383 -380
- package/dist/spire-ui.umd.js +2 -2
- package/package.json +1 -1
- package/src/components/Drawer/Drawer.vue +9 -2
package/package.json
CHANGED
|
@@ -32,6 +32,8 @@ export interface DrawerProps {
|
|
|
32
32
|
showClose?: boolean
|
|
33
33
|
/** Force specified placement on mobile (disable bottom sheet behavior) */
|
|
34
34
|
forcePlacement?: boolean
|
|
35
|
+
/** Remove body padding for flush content */
|
|
36
|
+
flush?: boolean
|
|
35
37
|
}
|
|
36
38
|
|
|
37
39
|
const props = withDefaults(defineProps<DrawerProps>(), {
|
|
@@ -42,7 +44,8 @@ const props = withDefaults(defineProps<DrawerProps>(), {
|
|
|
42
44
|
maskClosable: true,
|
|
43
45
|
closeOnEscape: true,
|
|
44
46
|
showClose: true,
|
|
45
|
-
forcePlacement: false
|
|
47
|
+
forcePlacement: false,
|
|
48
|
+
flush: false
|
|
46
49
|
})
|
|
47
50
|
|
|
48
51
|
const emit = defineEmits<{
|
|
@@ -213,7 +216,7 @@ defineExpose({
|
|
|
213
216
|
</button>
|
|
214
217
|
</header>
|
|
215
218
|
|
|
216
|
-
<div class="ui-drawer__body">
|
|
219
|
+
<div :class="['ui-drawer__body', { 'ui-drawer__body--flush': flush }]">
|
|
217
220
|
<slot />
|
|
218
221
|
</div>
|
|
219
222
|
|
|
@@ -377,6 +380,10 @@ defineExpose({
|
|
|
377
380
|
padding: var(--space-6);
|
|
378
381
|
}
|
|
379
382
|
|
|
383
|
+
.ui-drawer__body--flush {
|
|
384
|
+
padding: 0;
|
|
385
|
+
}
|
|
386
|
+
|
|
380
387
|
/* Footer */
|
|
381
388
|
.ui-drawer__footer {
|
|
382
389
|
display: flex;
|