@dnax/ui 0.0.13 → 0.0.14

package/components/QBackHeader.vue

@@ -55,7 +55,7 @@ const headerClasses = computed(() =>
 </script>
 
 <template>
-  <header ref="rootEl" class="q-back-header" :class="headerClasses" :style="translucentStyle">
+  <header ref="rootEl" class="q-back-header" :class="headerClasses" :style="translucentStyle" v-bind="$attrs">
     <button
       v-if="showBack"
       type="button"

package/components/QBottomSheetFooter.vue

@@ -19,6 +19,7 @@ withDefaults(defineProps<Props>(), {
   <div
     class="q-bottom-sheet__footer"
     :class="{ 'q-bottom-sheet__footer--no-padding': noPadding }"
+    v-bind="$attrs"
   >
     <q-toolbar>
       <slot />

package/components/QBottomSheetHeader.vue

@@ -28,6 +28,7 @@ const sheet = inject(qBottomSheetKey, null)
   <div
     class="q-bottom-sheet__header"
     :class="{ 'q-bottom-sheet__header--no-padding': noPadding }"
+    v-bind="$attrs"
   >
     <q-toolbar>
       <div class="q-bottom-sheet__header-text">

package/components/QContainer.vue

@@ -177,7 +177,7 @@ onBeforeUnmount(() => rootEl.value?.removeEventListener("mousemove", onMouseMove
 </script>
 
 <template>
-  <div ref="rootEl" class="q-container" :class="containerClasses" :style="containerStyle">
+  <div ref="rootEl" class="q-container" :class="containerClasses" :style="containerStyle" v-bind="$attrs">
     <img
       v-if="backgroundImage"
       :src="backgroundImage"

package/components/QDialogContent.vue

@@ -14,7 +14,7 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <div class="q-dialog__body" :class="{ 'q-dialog__body--scrollable': scrollable }">
+  <div class="q-dialog__body" :class="{ 'q-dialog__body--scrollable': scrollable }" v-bind="$attrs">
     <slot />
   </div>
 </template>

package/components/QDialogFooter.vue

@@ -19,6 +19,7 @@ withDefaults(defineProps<Props>(), {
   <div
     class="q-dialog__footer"
     :class="{ 'q-dialog__footer--no-padding': noPadding }"
+    v-bind="$attrs"
   >
     <q-toolbar>
       <slot />

package/components/QDialogHeader.vue

@@ -31,6 +31,7 @@ const dialog = inject(qDialogKey, null)
   <div
     class="q-dialog__header"
     :class="{ 'q-dialog__header--no-padding': noPadding }"
+    v-bind="$attrs"
   >
     <q-toolbar>
       <div class="q-dialog__header-text">

package/components/QFooter.vue

@@ -77,6 +77,7 @@ onBeforeUnmount(() => {
       'q-footer--no-padding': props.noPadding,
     }"
     :style="translucentStyle"
+    v-bind="$attrs"
   >
     <slot />
   </footer>

package/components/QHeader.vue

@@ -41,6 +41,7 @@ const translucentStyle = computed<Record<string, string> | undefined>(() =>
       'q-header--glass': glass,
     }"
     :style="translucentStyle"
+    v-bind="$attrs"
   >
     <slot />
   </div>

package/components/QPage.vue

@@ -55,6 +55,7 @@ useFixedBarOffset(rootEl, "page")
     :virtual-scroll-item-size="virtualScrollItemSize"
     :virtual-scroll-sticky-size-start="virtualScrollStickySizeStart"
     :virtual-scroll-sticky-size-end="virtualScrollStickySizeEnd"
+    v-bind="$attrs"
   >
     <template #default="scope">
       <slot v-bind="scope" />
@@ -66,7 +67,7 @@ useFixedBarOffset(rootEl, "page")
       <slot name="after" />
     </template>
   </q-virtual-scroll>
-  <div v-else :ref="setRoot" class="q-page">
+  <div v-else :ref="setRoot" class="q-page" v-bind="$attrs">
     <slot />
   </div>
 </template>

package/components/QSpace.vue

@@ -4,7 +4,7 @@
 </script>
 
 <template>
-  <div class="q-space" aria-hidden="true">
+  <div class="q-space" aria-hidden="true" v-bind="$attrs">
     <slot />
   </div>
 </template>

package/components/QToolbar.vue

@@ -22,6 +22,7 @@ const props = withDefaults(defineProps<Props>(), {
       'q-toolbar--inset': props.inset,
       'q-toolbar--shrink': props.shrink,
     }"
+    v-bind="$attrs"
   >
     <slot />
   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnax/ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "module": "index.ts",
   "description": "UI design System",
   "type": "module",